:root{color-scheme:dark;--bg:#0b061a;--surface:#14102a;--surface2:#1b1232;--stroke:#352346;--text:#fff9fa;--soft:#a99ab9;--pink:#ff009d;--pinklight:#ff62c3;--purple:#8a38f0;--blue:#288ff7;--gold:#ffbb65;--teal:#4ef5df;--display:Impact,"Arial Narrow","Arial Black",sans-serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#51345e #0c061b}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,.game-surface:focus-visible{outline:3px solid #ffdf55;outline-offset:4px}button:disabled{cursor:not-allowed}.page{isolation:isolate;position:relative;width:min(1184px,calc(100% - 36px));margin:0 auto;padding:24px 0 30px}.page:before{content:"";position:absolute;z-index:-1;top:255px;left:0;right:0;height:850px;background:radial-gradient(ellipse at 24% 32%,rgba(110,34,154,.17),transparent 48%),radial-gradient(ellipse at 85% 12%,rgba(254,0,158,.095),transparent 40%);pointer-events:none}.top{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-bottom:17px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white}.brand-mark{width:40px;height:40px;border:1px solid rgba(255,106,201,.65);border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#541447,#1e153c);box-shadow:inset 0 1px rgba(255,255,255,.17),0 0 19px rgba(241,11,158,.13);color:#ff66c2;font:900 25px/1 var(--display);transform:skew(-5deg)}.brand-name{font-weight:1000;font-size:14px;letter-spacing:.04em;line-height:1.1;text-transform:uppercase}.brand-name strong{display:block;color:#ff66bd;font:italic 700 12px/1.3 "Segoe Print","Comic Sans MS",cursive;text-transform:none;letter-spacing:0}.corner-label{display:flex;align-items:center;gap:9px;color:#ddc5e6;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.live-dot{width:7px;height:7px;border-radius:50%;background:#48f3be;box-shadow:0 0 12px #41f6bb}.hero{position:relative;min-height:230px;overflow:hidden;border:1px solid #522656;border-radius:22px;background:linear-gradient(104deg,#1b1038 0%,#361243 39%,#91305f 65%,#e26356 100%);box-shadow:0 15px 55px rgba(4,0,12,.24);margin-bottom:20px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,4,32,.99) 0%,rgba(21,4,35,.89) 33%,rgba(27,4,32,.14) 75%),repeating-linear-gradient(0deg,rgba(255,255,255,.017) 0px,rgba(255,255,255,.017) 1px,transparent 1px,transparent 5px);z-index:1;pointer-events:none}.hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#ff009d,#ffce7b,#7c3fff);box-shadow:0 0 14px rgba(255,0,157,.75);z-index:3}.city-art{position:absolute;right:0;bottom:0;height:100%;width:66%;object-fit:cover;opacity:.99}.hero-copy{position:relative;z-index:2;padding:29px clamp(22px,4vw,45px) 31px;max-width:600px}.eyebrow{display:flex;align-items:center;gap:8px;font-weight:900;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffa5d8}.eyebrow:before{content:"";width:26px;height:3px;background:#ff009d;border-radius:10px;box-shadow:0 0 10px #ff009d}h1{font-family:var(--display);white-space:nowrap;font-size:clamp(56px,7.1vw,95px);letter-spacing:.025em;line-height:.9;margin:15px 0 8px;text-shadow:0 5px 0 rgba(47,5,48,.4);font-stretch:condensed}h1 .two{display:inline-block;color:#ff91cb;font-size:.42em;vertical-align:top;margin-top:.08em;margin-left:.15em;transform:rotate(-9deg)}.hero-tag{display:block;transform:rotate(-4deg);transform-origin:left center;width:fit-content;color:#ff34ac;text-shadow:0 0 24px rgba(255,0,157,.23);font-family:"Segoe Print","Comic Sans MS","Brush Script MT",cursive;font-size:clamp(19px,2.6vw,31px);font-style:italic;font-weight:900;line-height:1.25}.hero-sub{margin:10px 0 0;color:#e6cde4;font-size:12px;line-height:1.55;max-width:370px}.columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(345px,.92fr);gap:20px;align-items:start}.game-card,.control-card{border:1px solid #382145;border-radius:20px;background:linear-gradient(155deg,#18102d,#100b24 74%);box-shadow:0 16px 42px rgba(0,0,0,.2);min-width:0}.game-card{padding:18px}.game-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.tiny-title{display:flex;align-items:center;gap:9px;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.arcade-icon{width:25px;height:25px;border-radius:7px;background:#5a144b;display:grid;place-items:center;color:#ff79c5;font-weight:900;font-size:14px}.chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 10px;color:#edc7e8;border:1px solid #5a2c61;border-radius:100px;font-weight:800;font-size:10px;letter-spacing:.1em}.chip-dot{height:6px;width:6px;border-radius:50%;background:#9a8b9c}.chip-dot.active{background:#4af5cd;box-shadow:0 0 10px #41ebc1}.game-shell{padding:10px;border:1px solid #63315f;border-radius:16px;background:linear-gradient(140deg,#4c174e,#24163e 23%,#171130 72%,#51205b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 9px 25px rgba(0,0,0,.23)}.game-surface{position:relative;overflow:hidden;aspect-ratio:1/1;border-radius:9px;background:#0b1025;touch-action:none;isolation:isolate;box-shadow:inset 0 0 35px rgba(5,1,17,.9);border:1px solid #43264b}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.game-surface:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:repeating-linear-gradient(to bottom,transparent 0,transparent 4px,rgba(2,0,9,.08) 5px);opacity:.55}.overlay{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:15px 20px;text-align:center;background:radial-gradient(ellipse at 50% 50%,rgba(48,12,65,.87),rgba(9,5,27,.93));transition:opacity .18s,visibility .18s}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.pixel-snake{filter:drop-shadow(0 0 13px rgba(255,0,157,.6));width:min(145px,39%);height:auto}.overlay h2{font-family:var(--display);font-size:clamp(35px,5vw,54px);line-height:1;letter-spacing:.04em;margin:0;text-transform:uppercase}.overlay p{font-size:13px;color:#d9c1e3;line-height:1.55;max-width:265px;margin:0}.overlay-cta{margin-top:4px;background:#ff009d;border:0;border-radius:9px;padding:12px 22px;color:white;font-weight:1000;font-size:12px;box-shadow:0 5px 0 #9b0069,0 0 25px rgba(255,0,157,.19);text-transform:uppercase}.overlay-cta:hover{background:#ff35b1}.vah-popup{position:absolute;z-index:2;left:50%;top:50%;pointer-events:none;opacity:0;color:#ffcf74;font:900 clamp(26px,5vw,50px)/1 var(--display);letter-spacing:.03em;white-space:nowrap;-webkit-text-stroke:2px #3a103f;text-shadow:0 5px 1px #661c4c,0 0 22px rgba(255,0,157,.7)}.vah-popup.pop{animation:vah-burst .72s cubic-bezier(.15,.8,.3,1) forwards}@keyframes vah-burst{0%{opacity:0;transform:translate(-50%,6px) rotate(-8deg) scale(.4)}18%{opacity:1;transform:translate(-50%,-22px) rotate(5deg) scale(1.25)}68%{opacity:1;transform:translate(-50%,-49px) rotate(-4deg) scale(1)}100%{opacity:0;transform:translate(-50%,-68px) rotate(-9deg) scale(.88)}}.frame-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;color:#a999ba;font-weight:800;font-size:10px;letter-spacing:.055em}.frame-footer .pixel{color:#ff78ca}.footer-score{display:inline-flex;align-items:center;gap:9px;color:#ff9bd7;white-space:nowrap}.footer-score strong{font:900 21px/1 var(--display);letter-spacing:.05em;font-variant-numeric:tabular-nums;color:#ff3eb6;text-shadow:0 0 16px rgba(255,0,157,.36)}.control-card{padding:23px}.panel-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.panel-section-title h2{margin:0;font-size:14px;font-weight:950;letter-spacing:-.02em}.panel-section-title span{color:#8f78aa;font-size:10px;font-weight:850;letter-spacing:.12em}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.stat{position:relative;padding:15px 15px 12px;border:1px solid #542354;border-radius:13px;background:linear-gradient(135deg,rgba(151,26,106,.22),rgba(53,17,72,.22));min-width:0;overflow:hidden}.stat.best{border-color:#5a3657;background:linear-gradient(140deg,rgba(129,76,34,.19),rgba(59,19,69,.24))}.stat:after{content:"";position:absolute;right:-8px;bottom:-39px;width:84px;height:84px;border:1px solid rgba(255,255,255,.065);border-radius:50%;box-shadow:0 0 0 15px rgba(255,255,255,.017),0 0 0 30px rgba(255,255,255,.012)}.stat-label{position:relative;z-index:1;display:flex;gap:6px;align-items:center;color:#c4acc8;font-weight:850;font-size:10px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.stat-score{position:relative;z-index:1;font:900 clamp(34px,4vw,48px)/1.2 var(--display);letter-spacing:.025em;color:#ff3eaf;margin-top:7px;font-variant-numeric:tabular-nums}.stat.best .stat-score{color:#ffc27c}.divider{height:1px;background:linear-gradient(90deg,#513251,rgba(80,51,85,.12));margin:0 0 23px}.difficulty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.difficulty{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;min-width:0;height:128px;text-align:left;color:white;padding:12px 10px;border:2px solid transparent;border-radius:11px;overflow:hidden;transition:transform .16s,border .16s,filter .16s;background:#271039}.difficulty:before{content:"";position:absolute;width:116px;height:116px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-57px;top:-44px;box-shadow:0 0 0 16px rgba(255,255,255,.026),0 0 0 34px rgba(255,255,255,.018)}.difficulty:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.13)}.difficulty[aria-pressed="true"]{border-color:#ffb7e1;box-shadow:0 0 0 2px rgba(255,0,157,.3),inset 0 0 30px rgba(255,255,255,.055)}.difficulty:disabled{opacity:.67}.difficulty.easy{background:linear-gradient(155deg,#14785f,#073e48)}.difficulty.normal{background:linear-gradient(155deg,#a72b8d,#4b165b)}.difficulty.hard{background:linear-gradient(155deg,#a94b39,#58214d)}.difficulty-top{z-index:1;display:flex;width:100%;justify-content:space-between;align-items:center;gap:3px}.difficulty-icon{font-size:22px;font-family:var(--display);line-height:1;opacity:.95}.check{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.24);font-size:11px;opacity:.45}.difficulty[aria-pressed="true"] .check{background:#fff;color:#a21b75;opacity:1;border-color:#fff}.difficulty strong{position:relative;z-index:1;font-weight:1000;font-size:clamp(11px,1.3vw,14px);white-space:nowrap;letter-spacing:-.015em}.difficulty small{position:relative;z-index:1;display:block;margin-top:4px;font-weight:750;font-size:10px;white-space:nowrap;color:#f8e2f2}.difficulty-foot{position:relative;z-index:1}.action-main{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;height:56px;padding:10px;color:#fff;background:#ff009d;border:0;border-radius:11px;box-shadow:0 5px 0 #a40065,0 11px 27px rgba(255,0,157,.12);font-weight:1000;text-transform:uppercase;letter-spacing:.03em;font-size:15px;transition:background .15s,transform .12s,box-shadow .12s}.action-main:hover:not(:disabled){background:#ff36b3}.action-main:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 #a40065}.action-main:disabled{background:#71305f;color:#c9abc4;box-shadow:0 5px 0 #542044}.action-main svg{width:18px;height:18px;fill:currentColor}.button-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:14px 0 22px}.small-btn{min-height:41px;border:1px solid #61406f;color:#f3d9ee;background:#211633;border-radius:9px;font-weight:850;font-size:11px;white-space:nowrap;transition:background .16s,border .16s}.small-btn:hover:not(:disabled){background:#382045;border-color:#ff78c7}.small-btn:disabled{opacity:.37}.howto{padding:16px;border:1px dashed #61416d;border-radius:12px;background:rgba(79,30,90,.09)}.howto-title{font-weight:900;font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;color:#ff8ed0}.howto-content{display:flex;justify-content:space-between;align-items:center;gap:10px}.howto p{font-size:11px;line-height:1.9;color:#c2adc9;margin:0}.keypad{display:flex;align-items:center;flex-direction:column;gap:3px}.keypad div{display:flex;gap:3px}kbd{display:grid;place-items:center;min-width:24px;height:22px;border-radius:5px;border:1px solid #795481;border-bottom-width:2px;background:#301d42;color:#ffc8e7;font:bold 13px var(--sans)}.mobile-pad{display:none;margin:16px auto 0;max-width:250px;user-select:none;-webkit-user-select:none}.pad-title{text-align:center;color:#e9c1df;font-weight:850;letter-spacing:.1em;text-transform:uppercase;font-size:11px;margin:0 0 10px}.pad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pad-grid button{height:60px;background:linear-gradient(150deg,#4d205e,#2a1644);color:#ff9ada;border:1px solid #9a498d;border-bottom:4px solid #7d2b6e;border-radius:12px;font:900 23px var(--sans);touch-action:manipulation;user-select:none}.pad-grid button:active{transform:translateY(3px);border-bottom-width:1px;background:#71205f}.pad-empty{visibility:hidden}.mobile-ops{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mobile-ops button{min-height:39px;background:#221432;border:1px solid #794073;border-radius:9px;color:#ffe1f3;font-weight:800;font-size:11px}.mobile-ops button:disabled{opacity:.42}.foot{padding:23px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#947b9f;font-weight:800;font-size:10px;letter-spacing:.03em}.foot b{color:#ff4ab6}@media(max-width:850px){.page{width:min(560px,calc(100% - 24px));padding-top:14px}.columns{grid-template-columns:minmax(0,1fr)}.control-card{order:1}.game-card{order:2}.hero{min-height:213px}.hero-copy{padding:26px 24px}.city-art{width:88%;opacity:.83}.hero:before{background:linear-gradient(90deg,rgba(17,4,32,.98) 0%,rgba(21,4,35,.89) 39%,rgba(27,4,32,.3) 86%)}h1{font-size:clamp(60px,11vw,88px)}.control-card{padding:20px}.game-card{padding:14px}.mobile-pad{display:block}.foot{display:block;text-align:center;line-height:1.8}.foot span{display:block}}@media(max-width:420px){.brand-name{font-size:12px}.brand-mark{width:35px;height:35px}.corner-label{font-size:9px;letter-spacing:.04em}.hero{min-height:191px}.hero-copy{padding:23px 18px}h1{font-size:clamp(53px,14vw,65px);margin:14px 0 10px}.hero-tag{font-size:19px}.hero-sub{font-size:11px}.difficulty{height:118px;padding:10px 8px}.difficulty strong{font-size:11px}.difficulty small{font-size:9px}.stat{padding:12px}.stat-label{font-size:9px}.control-card{padding:15px}.game-card{padding:11px}.game-shell{padding:7px}.tiny-title{font-size:10px}.chip{font-size:9px;padding:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}