.oo3f7a_page{isolation:isolate;color:#0f172a;width:100%;margin:0 auto;padding:26px 18px 44px;position:relative;overflow:hidden}.oo3f7a_ambientOne,.oo3f7a_ambientTwo{z-index:-1;filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;width:340px;height:340px;position:absolute}.oo3f7a_ambientOne{background:#34d399;top:-80px;left:-100px}.oo3f7a_ambientTwo{background:#06b6d4;top:350px;right:-100px}.oo3f7a_hero{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.oo3f7a_kicker{color:#059669;letter-spacing:.16em;align-items:center;gap:7px;margin-bottom:9px;font-size:10px;font-weight:950;display:inline-flex}.oo3f7a_kicker svg{width:14px}.oo3f7a_hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(27px,4vw,42px);font-weight:950;line-height:1.08}.oo3f7a_hero h1 span{background:linear-gradient(105deg,#10b981,#06b6d4 52%,#8b5cf6);color:#0000;-webkit-background-clip:text;background-clip:text}.oo3f7a_hero p{color:#64748b;max-width:620px;margin:11px 0 0;font-size:13px;line-height:1.75}.oo3f7a_heroBadges{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.oo3f7a_heroBadges span{color:#475569;background:#ffffffd1;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:850;display:flex;box-shadow:0 8px 20px #0f172a0a}.oo3f7a_heroBadges svg{color:#10b981;width:13px;height:13px}.oo3f7a_stats{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px;display:grid}.oo3f7a_stats>div{background:#ffffffe6;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:flex;box-shadow:0 8px 24px #0f172a0a}.oo3f7a_stats>div>span{border-radius:11px;flex:0 0 36px;place-items:center;height:36px;display:grid}.oo3f7a_stats svg{width:17px}.oo3f7a_stats small{color:#94a3b8;flex-direction:column;min-width:0;font-size:9px;font-weight:800;display:flex}.oo3f7a_stats strong{color:#0f172a;text-overflow:ellipsis;font-size:16px;font-weight:950;overflow:hidden}.oo3f7a_amber{color:#d97706;background:#fef3c7}.oo3f7a_cyan{color:#0891b2;background:#cffafe}.oo3f7a_violet{color:#7c3aed;background:#ede9fe}.oo3f7a_rose{color:#e11d48;background:#ffe4e6}.oo3f7a_arcadeShell{background:linear-gradient(140deg,#0f172afa,#020617fc);border:1px solid #334155d1;border-radius:27px;grid-template-columns:minmax(350px,1.08fr) minmax(280px,.92fr);gap:17px;padding:18px;display:grid;overflow:hidden;box-shadow:0 28px 75px #0f172a33}.oo3f7a_gameColumn{min-width:0}.oo3f7a_missionBar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.oo3f7a_missionBar>div:first-child{flex-direction:column;display:flex}.oo3f7a_missionBar span{color:#34d399;letter-spacing:.14em;font-size:9px;font-weight:950}.oo3f7a_missionBar strong{color:#e2e8f0;font-size:12px;font-weight:850}.oo3f7a_timer{color:#f8fafc;align-items:center;gap:7px;display:flex}.oo3f7a_timer svg{color:#fbbf24;width:16px}.oo3f7a_timer strong{font-variant-numeric:tabular-nums;font-size:17px}.oo3f7a_progressTracks{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px;display:grid}.oo3f7a_progressTracks>span{background:#1e293b;border-radius:99px;height:4px;overflow:hidden}.oo3f7a_progressTracks i{border-radius:inherit;background:linear-gradient(90deg,#10b981,#22d3ee);height:100%;transition:width .25s;display:block}.oo3f7a_progressTracks>span:last-child i{background:linear-gradient(90deg,#f59e0b,#fb7185)}.oo3f7a_dangerTime i{animation:.65s infinite alternate oo3f7a_timePulse}.oo3f7a_boardFrame{touch-action:none;background:#030814;border:1px solid #34d3993d;border-radius:18px;width:100%;max-width:600px;margin:auto;padding:9px;position:relative;overflow:hidden;box-shadow:inset 0 0 42px #10b9810e,0 0 45px #10b9810f}.oo3f7a_board{aspect-ratio:1;background-color:#050b16;background-image:linear-gradient(#33415538 1px,#0000 1px),linear-gradient(90deg,#33415538 1px,#0000 1px);background-size:5% 5%;border:1px solid #47556980;border-radius:11px;width:100%;display:grid;overflow:hidden}.oo3f7a_cell{aspect-ratio:1;min-width:0;position:relative}.oo3f7a_snakeBody,.oo3f7a_snakeHead{z-index:2;background:linear-gradient(145deg,#6ee7b7,#10b981);border:1px solid #a7f3d057;border-radius:34%;margin:8%;animation:.12s ease-out oo3f7a_segmentIn;box-shadow:inset 2px 2px 3px #ffffff3d,0 0 8px #10b98159}.oo3f7a_snakeBody:after{content:"";background:#ffffff1f;border-radius:30%;position:absolute;inset:24%}.oo3f7a_snakeHead{background:linear-gradient(145deg,#a7f3d0,#22c55e);border-radius:38%;box-shadow:inset 2px 2px 3px #ffffff4d,0 0 14px #34d399b8}.oo3f7a_snakeHead>i{position:absolute;inset:0}.oo3f7a_snakeHead>i[data-direction="0,1"]{transform:rotate(90deg)}.oo3f7a_snakeHead>i[data-direction="1,0"]{transform:rotate(180deg)}.oo3f7a_snakeHead>i[data-direction="0,-1"]{transform:rotate(-90deg)}.oo3f7a_snakeHead b{aspect-ratio:1;background:#052e2b;border-radius:50%;width:18%;position:absolute;top:19%;box-shadow:0 0 0 1px #fff6}.oo3f7a_snakeHead b:first-child{left:19%}.oo3f7a_snakeHead b:last-child{right:19%}.oo3f7a_food,.oo3f7a_goldenFood{z-index:1;color:#fff;background:radial-gradient(circle at 35% 30%,#fda4af,#e11d48 60%);border-radius:50%;place-items:center;margin:8%;animation:.8s ease-in-out infinite alternate oo3f7a_fruitPulse;display:grid;box-shadow:0 0 15px #f43f5ed1}.oo3f7a_food svg,.oo3f7a_goldenFood svg,.oo3f7a_trap svg{stroke-width:2.3px;width:55%;height:55%}.oo3f7a_goldenFood{background:radial-gradient(circle at 35% 30%,#fde68a,#f59e0b 62%);box-shadow:0 0 18px #fbbf24e6}.oo3f7a_obstacle{background:repeating-linear-gradient(135deg,#334155 0 4px,#1e293b 4px 8px);border:1px solid #475569;border-radius:22%;margin:7%;box-shadow:inset 1px 1px 2px #ffffff1a}.oo3f7a_trap{z-index:1;color:#fdba74;background:#7c2d12bf;border:1px solid #fb923c;border-radius:28%;place-items:center;margin:8%;animation:.55s infinite alternate oo3f7a_trapBlink;display:grid;box-shadow:0 0 12px #f9731685}.oo3f7a_overlay{z-index:5;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617c7;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:9px}.oo3f7a_overlay>span{color:#6ee7b7;letter-spacing:.23em;margin-bottom:8px;font-size:9px;font-weight:950}.oo3f7a_overlay h2{color:#f8fafc;margin:0;font-size:clamp(20px,3vw,27px);font-weight:950}.oo3f7a_overlay p{color:#94a3b8;max-width:280px;margin:9px 0 18px;font-size:11px;line-height:1.7}.oo3f7a_primaryAction{background:linear-gradient(110deg,#10b981,#0891b2);border:0;border-radius:13px;height:41px;padding:0 19px;box-shadow:0 12px 28px #10b98138}.oo3f7a_primaryAction svg{width:16px}.oo3f7a_feedback{z-index:6;color:#d1fae5;letter-spacing:.1em;pointer-events:none;background:#064e3be6;border:1px solid #6ee7b766;border-radius:999px;width:max-content;padding:7px 12px;font-size:10px;font-weight:950;animation:.9s both oo3f7a_feedbackPop;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #10b98147}.oo3f7a_touchPad{grid-template-columns:1fr .8fr 1fr;gap:7px;max-width:360px;margin:11px auto 0;display:grid}.oo3f7a_touchPad>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.oo3f7a_touchPad button{color:#cbd5e1;touch-action:manipulation;background:#1e293bcc;border:1px solid #64748b6b;border-radius:13px;place-items:center;height:43px;transition:all .15s;display:grid}.oo3f7a_touchPad button:hover{color:#6ee7b7;border-color:#6ee7b77a}.oo3f7a_touchPad button:active{transform:translateY(2px)scale(.97)}.oo3f7a_touchPad svg{width:18px}.oo3f7a_sidePanel{flex-direction:column;gap:11px;min-width:0;display:flex}.oo3f7a_panel{background:#0f172aa6;border:1px solid #475569b3;border-radius:17px;padding:13px}.oo3f7a_panelTitle{justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px;display:flex}.oo3f7a_panelTitle>span{color:#e2e8f0;letter-spacing:.08em;font-size:11px;font-weight:950}.oo3f7a_panelTitle>small{color:#64748b;font-size:8px;font-weight:800}.oo3f7a_mapGrid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.oo3f7a_mapGrid button{color:#64748b;text-align:left;background:#02061747;border:1px solid #47556975;border-radius:11px;align-items:center;gap:7px;min-width:0;padding:9px;transition:all .16s;display:flex}.oo3f7a_mapGrid button:hover{color:#a7f3d0;border-color:#34d39966}.oo3f7a_mapGrid .oo3f7a_activeMap{color:#6ee7b7;background:#064e3b59;border-color:#34d3998c;box-shadow:inset 0 0 15px #10b98114}.oo3f7a_mapGrid svg{flex:0 0 15px;width:15px}.oo3f7a_mapGrid span{flex-direction:column;min-width:0;display:flex}.oo3f7a_mapGrid strong{color:#e2e8f0;font-size:10px}.oo3f7a_mapGrid small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.oo3f7a_speedControl{color:#64748b;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:8px;font-weight:800;display:grid}.oo3f7a_speedControl input{accent-color:#10b981;width:100%}.oo3f7a_settingRow{grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;display:grid}.oo3f7a_settingRow>button,.oo3f7a_settingRow>div{color:#34d399;text-align:left;background:#02061747;border:1px solid #47556966;border-radius:11px;align-items:center;gap:7px;padding:9px;display:flex}.oo3f7a_settingRow svg{flex:0 0 16px;width:16px}.oo3f7a_settingRow span{flex-direction:column;display:flex}.oo3f7a_settingRow strong{color:#cbd5e1;font-size:9px}.oo3f7a_settingRow small{color:#64748b;font-size:8px}.oo3f7a_actionRow{gap:7px;display:flex}.oo3f7a_wideAction{color:#fff;background:linear-gradient(110deg,#059669,#0891b2);border:0;border-radius:12px;flex:1;height:41px}.oo3f7a_wideAction svg,.oo3f7a_restartButton svg{width:15px}.oo3f7a_restartButton{color:#94a3b8;background:#1e293bad;border-color:#64748b80;border-radius:12px;width:41px;height:41px}.oo3f7a_rules{gap:8px;display:grid}.oo3f7a_rules p{color:#64748b;align-items:center;gap:7px;margin:0;font-size:8px;display:flex}.oo3f7a_rules p>i{border-radius:4px;flex:0 0 11px;height:11px}.oo3f7a_rules span{flex-direction:column;display:flex}.oo3f7a_rules strong{color:#cbd5e1;font-size:9px}.oo3f7a_legendFood{background:#f43f5e;box-shadow:0 0 7px #f43f5e}.oo3f7a_legendGold{background:#fbbf24;box-shadow:0 0 7px #fbbf24}.oo3f7a_legendTrap{background:#7c2d12;border:1px solid #fb923c}.oo3f7a_rules kbd{color:#e2e8f0;background:#1e293b;border:1px solid #475569;border-bottom-width:3px;border-radius:5px;place-items:center;height:21px;padding:0 5px;font-size:7px;font-weight:900;display:inline-grid}.oo3f7a_tips{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px;display:grid}.oo3f7a_tips>div{background:#ffffffc2;border:1px solid #e2e8f0;border-radius:15px;align-items:flex-start;gap:10px;padding:12px;display:flex}.oo3f7a_tips>div>span{color:#059669;background:#ecfdf5;border-radius:8px;flex:0 0 28px;place-items:center;height:28px;font-size:9px;font-weight:950;display:grid}.oo3f7a_tips p{color:#64748b;margin:0;font-size:10px;line-height:1.55}.oo3f7a_tips strong{color:#334155;font-size:11px;display:block}@keyframes oo3f7a_segmentIn{0%{transform:scale(.72)}to{transform:scale(1)}}@keyframes oo3f7a_fruitPulse{to{filter:brightness(1.15);transform:scale(1.13)}}@keyframes oo3f7a_trapBlink{to{opacity:.55}}@keyframes oo3f7a_timePulse{to{opacity:.4}}@keyframes oo3f7a_feedbackPop{0%{opacity:0;transform:translate(-50%,8px)scale(.82)}25%,65%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-68px)}}.dark .oo3f7a_page{color:#e2e8f0}:is(.dark .oo3f7a_heroBadges span,.dark .oo3f7a_stats>div,.dark .oo3f7a_tips>div){background:#0f172ad1;border-color:#1e293b}:is(.dark .oo3f7a_stats strong,.dark .oo3f7a_tips strong){color:#f1f5f9}.dark .oo3f7a_tips>div>span{color:#a7f3d0;background:#064e3b}@media (max-width:850px){.oo3f7a_hero{flex-direction:column;align-items:flex-start}.oo3f7a_heroBadges{justify-content:flex-start}.oo3f7a_arcadeShell{grid-template-columns:1fr}.oo3f7a_sidePanel{grid-template-columns:1fr 1fr;display:grid}.oo3f7a_sidePanel>.oo3f7a_panel:last-child{grid-column:1/-1}}@media (max-width:620px){.oo3f7a_page{padding:20px 10px 34px}.oo3f7a_hero h1{font-size:29px}.oo3f7a_heroBadges span:nth-child(2){display:none}.oo3f7a_stats{grid-template-columns:1fr 1fr}.oo3f7a_stats>div{padding:9px}.oo3f7a_arcadeShell{border-radius:21px;padding:11px}.oo3f7a_missionBar strong{font-size:10px}.oo3f7a_sidePanel{display:flex}.oo3f7a_tips{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.oo3f7a_snakeBody,.oo3f7a_snakeHead,.oo3f7a_food,.oo3f7a_goldenFood,.oo3f7a_trap,.oo3f7a_feedback,.oo3f7a_dangerTime i{animation:none}}
