:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg0:#0f1c17;--bg1:#173028;--ink:#f3f7f2;--muted:#a7b8ad;--accent:#6fe3a1;--accent-2:#f0c35a;--danger:#ff8e7a;--card:#ffffff0f;--line:#ffffff1f;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #245744 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #3a4a20 0%, transparent 50%), linear-gradient(160deg, var(--bg0), var(--bg1));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Outfit,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}button,.cta{cursor:pointer;font:inherit;border:0}code{background:#00000040;border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,Consolas,monospace}.shell{width:min(920px,100% - 2rem);margin:0 auto;padding:1.5rem 0 3rem}.top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.top h1{margin:.2rem 0 0;font-size:clamp(1.4rem,3vw,2rem)}.brand{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.8rem}.admin-link,.top-actions a,.ghost{color:var(--ink);border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.45rem .9rem}.top-actions{align-items:center;gap:.5rem;display:flex}.card{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:1.25rem}.hero-card,.reward-card{text-align:center;padding:2rem 1.25rem}.reward{margin:0 0 .5rem;font-size:1.2rem}.hint,.track-note,.fail,.tip,.muted{color:var(--muted)}.fail{color:var(--danger)}.cta{background:linear-gradient(135deg, var(--accent), #3ecf84);color:#062315;border-radius:999px;justify-content:center;align-items:center;min-width:220px;margin-top:1rem;padding:.85rem 1.2rem;font-weight:700;display:inline-flex}.win-tag{color:var(--accent);background:#6fe3a12e;border-radius:999px;margin:0;padding:.2rem .7rem;font-size:.85rem;display:inline-block}.playfield{padding:1rem}.hud{justify-content:space-between;margin-bottom:.6rem;font-weight:600;display:flex}.bar{background:#ffffff14;border-radius:999px;height:8px;margin-bottom:.8rem;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;transition:width .2s}.arena{background:radial-gradient(circle at 30% 20%,#6fe3a11f,#0000 40%),#00000038;border-radius:14px;height:min(58vh,420px);position:relative;overflow:hidden}.orb{background:radial-gradient(circle at 30% 30%, #fff7, transparent 40%), radial-gradient(circle at 50% 50%, var(--accent), #1f8a5b);border-radius:50%;width:54px;height:54px;margin:0;animation:1.6s forwards pop;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 24px #6fe3a173}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.7)}}.funnel{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.funnel-item .label{color:var(--muted);margin:0;font-size:.85rem}.funnel-item .value{margin:.2rem 0;font-size:1.8rem;font-weight:700}.funnel-item .tip{margin:0;font-size:.8rem}.explain{margin:0;padding-left:1.1rem}.explain li{margin:.55rem 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.65rem .4rem;font-size:.92rem}.mono{font-family:ui-monospace,Consolas,monospace}.narrow{width:min(480px,100% - 2rem)}.form{flex-direction:column;gap:.9rem;display:flex}.form label{flex-direction:column;gap:.35rem;font-size:.92rem;display:flex}.form input,.form select{border:1px solid var(--line);color:var(--ink);font:inherit;background:#00000040;border-radius:10px;padding:.7rem .8rem}.app-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.nav-brand{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-weight:800}.nav-links{flex:1;gap:.75rem;display:flex}.nav-links a{color:var(--muted);border-radius:8px;padding:.35rem .55rem}.nav-links a.active{color:var(--ink);background:#ffffff14}.nav-user{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.balance-chip{color:var(--accent);background:#6fe3a129;border-radius:999px;padding:.25rem .7rem;font-size:.85rem}.small{font-size:.85rem}.list-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;display:grid}.section-title{margin:0 0 .75rem;font-size:1.05rem;font-weight:650}.list-item{color:inherit;transition:border-color .2s;display:block}.list-item:hover{border-color:#6fe3a173}.row-between{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.status.active{color:var(--accent);font-size:.85rem}.status.paused{color:var(--accent-2);font-size:.85rem}.status.expired{color:var(--danger);font-size:.85rem}.admin .table-wrap input,.card .table-wrap input{border:1px solid var(--line);width:100%;min-width:70px;color:var(--ink);font:inherit;background:#00000040;border-radius:8px;padding:.4rem .5rem}.admin .table-wrap textarea,.card .table-wrap textarea,.form textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;resize:vertical;background:#00000040;border-radius:10px;padding:.55rem .65rem}.claim-mode{border:1px solid var(--line);border-radius:12px;margin:0;padding:.75rem 1rem}.claim-mode legend{color:var(--muted);padding:0 .35rem;font-size:.9rem}.promo-switch{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, #102018);border-radius:14px;margin:0;padding:.9rem 1rem 1rem}.promo-switch.on{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.promo-ask{margin:0 0 .65rem;font-weight:600}.switch-row{cursor:pointer;align-items:center;gap:.75rem;margin:0;display:flex}.switch{flex:none;width:2.6rem;height:1.45rem;position:relative}.switch input{opacity:0;width:0;height:0}.switch-ui{background:color-mix(in srgb, var(--text) 18%, transparent);border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch-ui:after{content:"";background:#fff;border-radius:50%;width:1.1rem;height:1.1rem;transition:transform .15s;position:absolute;top:.16rem;left:.16rem}.switch input:checked+.switch-ui{background:var(--accent)}.switch input:checked+.switch-ui:after{transform:translate(1.15rem)}.promo-fields{border:1px dashed color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:14px;flex-direction:column;gap:.85rem;padding:.85rem 1rem;display:flex}.cost-compare{color:var(--accent);margin:.55rem 0 0;font-size:.92rem;font-weight:600}.cost-box{border:1px solid var(--line);background:#0003;border-radius:12px;margin-top:.35rem;padding:.75rem .9rem}.cost-box .cost-compare{margin-top:0}.radio-row{cursor:pointer;align-items:center;gap:.5rem;margin:.35rem 0;display:flex}.share-preview{white-space:pre-wrap;word-break:break-word;border:1px dashed var(--line);color:var(--ink);background:#0003;border-radius:10px;padding:.75rem .9rem;font-size:.9rem;line-height:1.45}.lang-switch{border:1px solid var(--line);background:#00000040;border-radius:999px;display:inline-flex;overflow:hidden}.lang-switch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:.35rem .7rem;font-size:.85rem}.lang-switch button.active{color:var(--ink);background:#5dff9f2e}.howto-steps{color:var(--muted);margin:0;padding-left:1.25rem;line-height:1.65}.howto-steps li{margin-bottom:.35rem}.guide-panel{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:linear-gradient(145deg, #1a3a2eb3, color-mix(in srgb, var(--card) 90%, transparent));border-radius:18px;margin-bottom:1rem;padding:1.15rem 1.2rem 1.25rem;position:relative;overflow:hidden}.guide-panel:before{content:"";background:linear-gradient(180deg, var(--accent), transparent 85%);opacity:.85;width:4px;height:100%;position:absolute;inset:0 auto auto 0}.guide-panel-soft{border-color:var(--line);background:var(--card)}.guide-panel-soft:before{background:linear-gradient(180deg, var(--accent-2), transparent 85%);opacity:.7}.guide-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:.72rem;font-weight:600}.guide-title{letter-spacing:-.01em;margin:0 0 .45rem;font-family:Sora,Outfit,sans-serif;font-size:1.15rem;font-weight:700}.guide-lead{color:var(--muted);max-width:42rem;margin:0 0 .9rem;font-size:.95rem;line-height:1.55}.guide-benefits{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.guide-benefits li{color:var(--ink);background:#0000002e;border-radius:12px;padding:.55rem .75rem .55rem 2.1rem;font-size:.92rem;line-height:1.45;position:relative}.guide-benefits li:before{content:"";background:var(--accent);width:.55rem;height:.55rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%;position:absolute;top:.85rem;left:.75rem}.guide-steps{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.guide-steps li{color:var(--muted);background:#00000029;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.65rem .75rem;font-size:.92rem;line-height:1.5;display:flex}.guide-step-num{color:#0b1f17;background:var(--accent);border-radius:999px;flex:none;place-items:center;width:1.55rem;height:1.55rem;margin-top:.05rem;font-size:.78rem;font-weight:700;display:grid}.mode-cards{gap:.75rem;display:grid}@media (width>=720px){.mode-cards{grid-template-columns:1fr 1fr}}.mode-card{border:1px solid var(--line);background:#0003;border-radius:14px;margin:0;padding:.85rem .95rem}.mode-card h3{color:var(--ink);margin:0 0 .4rem;font-size:.95rem;font-weight:700}.mode-card p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}.mode-card-share{border-color:color-mix(in srgb, var(--accent) 28%, var(--line))}.mode-card-promo{border-color:color-mix(in srgb, var(--accent-2) 35%, var(--line))}.mode-cards-compact{margin:0 0 .85rem}.mode-card.is-active{background:color-mix(in srgb, var(--accent) 10%, #00000038);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.mode-card-promo.is-active{background:color-mix(in srgb, var(--accent-2) 12%, #00000038);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-2) 40%, transparent)}.pay-qr{background:#fff;border-radius:12px;width:min(220px,70vw);height:auto;margin:.75rem 0 .25rem;padding:.5rem;display:block}.pay-qr-btn{cursor:zoom-in;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:0;display:inline-flex}.pay-qr-btn:hover .pay-qr,.pay-qr-btn:focus-visible .pay-qr{outline:2px solid var(--accent,#5dff9f);outline-offset:2px}.pay-qr-lightbox{z-index:1000;cursor:zoom-out;background:#000000d1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.pay-qr-lightbox img{cursor:default;background:#fff;border-radius:16px;width:auto;max-width:min(92vw,520px);height:auto;max-height:88vh;padding:.75rem}.pay-qr-lightbox-close{color:#fff;font:inherit;cursor:pointer;background:#ffffff26;border:0;border-radius:999px;padding:.5rem 1rem;position:absolute;top:1rem;right:1rem}.pay-box .mono{word-break:break-all}.auth-shell{max-width:480px;margin:0 auto;padding-top:1.5rem}.auth-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.auth-card{padding:1.4rem 1.25rem 1.5rem}.auth-eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .35rem;font-size:.8rem}.auth-card h1{margin-top:0}.admin-auth-shell{max-width:440px}.admin-auth-card{border-color:color-mix(in srgb, var(--text) 18%, transparent);background:linear-gradient(165deg, color-mix(in srgb, var(--surface) 92%, #1a2a28) 0%, var(--surface) 100%)}.admin-auth-card .auth-eyebrow{color:#7eb8a8}.admin-field{flex-direction:column;gap:.35rem;display:flex}.admin-field-label{font-weight:600}.admin-upload-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-upload-row input[type=text],.admin-upload-row>input:not([type=file]){flex:200px;min-width:160px}.admin-upload-preview{border:1px solid color-mix(in srgb, var(--text) 14%, transparent);object-fit:contain;background:#0c1211;border-radius:8px;max-width:180px;max-height:180px;margin-top:.55rem}.admin-tabs{background:color-mix(in srgb, var(--surface) 80%, #0a1210);border:1px solid color-mix(in srgb, var(--text) 12%, transparent);border-radius:12px;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:.35rem;display:flex}.admin-tab{appearance:none;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;padding:.45rem .85rem}.admin-tab:hover{color:var(--text);background:color-mix(in srgb, var(--text) 6%, transparent)}.admin-tab.active{color:#0b1210;background:var(--accent);font-weight:600}.admin-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;display:flex}.admin-pager-actions{gap:.45rem;display:flex}.support-fab{z-index:80;color:#fff;background:#2aabee;border-radius:50%;place-items:center;width:3.15rem;height:3.15rem;transition:transform .15s,filter .15s;display:grid;position:fixed;bottom:1.1rem;right:1.1rem;box-shadow:0 10px 28px #00000059}.support-fab:hover{filter:brightness(1.06);color:#fff;transform:translateY(-2px)scale(1.04)}.landing-steps{text-align:left;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.landing-hero .cta{margin-top:.5rem}.landing-page{flex-direction:column;width:min(1080px,100% - 2rem);min-height:100vh;margin:0 auto;padding:1.25rem 0 3rem;display:flex}.landing-nav{justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 0 .5rem;display:flex}.landing-logo{letter-spacing:.02em;color:var(--ink);font-family:Sora,Outfit,sans-serif;font-size:1.05rem;font-weight:700}.landing-nav-actions{align-items:center;gap:.65rem;display:flex}.landing-btn-text{color:var(--muted);padding:.4rem .2rem;font-size:.95rem}.landing-btn-text:hover{color:var(--ink)}.landing-btn-primary{background:var(--accent);color:#082016;border-radius:12px;justify-content:center;align-items:center;padding:.55rem 1.05rem;font-weight:700;display:inline-flex}.landing-btn-ghost{color:var(--ink);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;padding:.55rem 1.05rem;display:inline-flex}.landing-btn-lg{padding:.85rem 1.4rem;font-size:1.05rem}.landing-btn-channel{border:1px solid color-mix(in srgb, #5dade2 55%, var(--line));color:#d7ecff;background:#2a6fad38;border-radius:12px;justify-content:center;align-items:center;padding:.55rem 1.05rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.landing-btn-channel:hover{color:#fff;background:#2a6fad61;border-color:#7ec8f0}.landing-btn-channel.landing-btn-lg{padding:.85rem 1.4rem;font-size:1.05rem}.landing-hero{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;max-width:38rem;padding:3.5rem 0 2rem;animation:.7s both landing-rise;display:flex}.landing-brand{letter-spacing:-.03em;color:var(--accent);margin:0 0 .85rem;font-family:Sora,Outfit,sans-serif;font-size:clamp(2.4rem,7vw,4.2rem);font-weight:700;line-height:1}.landing-hero h1{letter-spacing:-.02em;color:var(--ink);margin:0;font-family:Sora,Outfit,sans-serif;font-size:clamp(1.55rem,3.6vw,2.35rem);font-weight:700;line-height:1.2}.landing-sub{color:var(--muted);max-width:32rem;margin:1rem 0 0;font-size:1.05rem;line-height:1.55}.landing-cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;animation:.85s both landing-rise;display:flex}.landing-flow{border-top:1px solid var(--line);margin-top:auto;padding-top:1rem;animation:1s both landing-rise}.landing-flow ol{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;padding:1rem 0 0;list-style:none;display:grid}.landing-flow li{color:var(--muted);padding-left:0;font-size:.92rem;position:relative}.landing-flow li:before{counter-increment:step;content:counter(step);color:var(--accent);margin-bottom:.25rem;font-family:Sora,sans-serif;font-size:.8rem;font-weight:700;display:block}.landing-flow li span{color:var(--ink)}@keyframes landing-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.landing-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{padding:2.5rem 0 1.5rem}}.quiz-options{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.quiz-option{text-align:left;border-radius:12px;width:100%;padding:.85rem 1rem}.tap-big{min-width:min(280px,100%);min-height:64px;font-size:1.1rem}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.8rem;display:grid}.memory-card{aspect-ratio:1;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#00000047;border-radius:12px;font-size:1.2rem;font-weight:700}.memory-card.open{color:var(--accent);background:#6fe3a133}.dodge-arena{touch-action:none}.fall{background:var(--danger);border-radius:6px;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%)}.player{background:var(--accent);border-radius:50%;width:36px;height:36px;position:absolute;bottom:8%;transform:translate(-50%);box-shadow:0 0 16px #6fe3a173}.rank-box{text-align:left;border:1px solid var(--line);background:#0000002e;border-radius:12px;margin:1rem 0;padding:.9rem}.shooter-arena{background:radial-gradient(circle at 50% 0,#5078ff26,#0000 45%),#00000047}.ship{border-left:14px solid #0000;border-right:14px solid #0000;border-bottom:28px solid var(--accent);width:0;height:0;position:absolute;bottom:4%;transform:translate(-50%)}.enemy{background:var(--danger);border-radius:4px;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.bullet{background:var(--accent-2);border-radius:3px;width:6px;height:12px;position:absolute;transform:translate(-50%,-50%)}.spot-wrap{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.spot-panel{border:1px solid var(--line);border-radius:12px;min-height:240px;position:relative;overflow:hidden}.spot-scene{background:linear-gradient(160deg,#1a3a2e,#0f241c);height:240px;position:relative}.blob{background:#6fe3a159;border-radius:50%;position:absolute}.blob.b1{width:54px;height:54px;top:22%;left:18%}.blob.b2{width:36px;height:36px;top:30%;left:62%}.blob.b2.alt{background:#f0c35a8c}.blob.b3{width:44px;height:44px;top:60%;left:40%}.star.s1{background:var(--accent);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:18px;height:18px;position:absolute;top:58%;left:72%}.star.s1.alt{background:var(--danger)}.diff-hot{cursor:pointer;background:0 0;border:2px dashed #ffffff59;border-radius:50%;width:28px;height:28px;position:absolute;transform:translate(-50%,-50%)}.diff-hot.found{border-color:var(--accent);background:#6fe3a140}.touch-area{touch-action:none;-webkit-user-select:none;user-select:none}.touch-btn{min-width:48px;min-height:48px;font-size:1rem!important}.play-shell{padding-bottom:2rem}.dpad{flex-direction:column;align-items:center;gap:.45rem;margin-top:.75rem;display:flex}.dpad .row-between{width:min(240px,100%)}.flappy-arena,.brick-arena,.pong-arena,.slice-arena,.stack-arena{position:relative}.bird{background:var(--accent-2);border-radius:10px;width:28px;height:22px;position:absolute;left:18%;transform:translateY(-50%)}.pipe-wrap{width:14%;position:absolute;top:0;bottom:0;transform:translate(-50%)}.pipe{background:#3ecf84;position:absolute;left:0;right:0}.pipe.top{top:0}.pipe.bottom{height:auto;bottom:0}.whack-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.whack-hole{aspect-ratio:1;border:1px solid var(--line);background:#00000040;border-radius:16px;font-size:1.8rem}.whack-hole.mole{background:#6fe3a140}.whack-hole.bomb{background:#ff8e7a40}.brick{background:#7ab6ff;border-radius:4px;width:14%;height:5%;position:absolute;transform:translate(-50%)}.ball{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.paddle{background:var(--accent);border-radius:8px;width:22%;height:10px;position:absolute;bottom:6%;transform:translate(-50%)}.pong-paddle{background:var(--accent);border-radius:8px;width:10px;height:22%;position:absolute;left:4%;transform:translateY(-50%)}.grid2048{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:.6rem;display:grid}.cell2048{aspect-ratio:1;background:#ffffff0f;border-radius:10px;place-items:center;font-size:clamp(.9rem,4vw,1.3rem);font-weight:700;display:grid}.cell2048.n2{color:#062315;background:#3a5}.cell2048.n4{color:#062315;background:#4b6}.cell2048.n8{color:#062315;background:#f0c35a}.cell2048.n16{color:#062315;background:#ff8e7a}.cell2048.n32{color:#062315;background:#7ab6ff}.cell2048.n64,.cell2048.n128,.cell2048.n256,.cell2048.n512,.cell2048.n1024,.cell2048.n2048{color:#062315;background:#c9a0ff}.rhythm-board{grid-template-columns:repeat(3,1fr);gap:.5rem;height:min(50vh,380px);display:grid}.rhythm-lane{background:#00000038;border-radius:12px;position:relative;overflow:hidden}.note{background:var(--accent);border-radius:8px;width:70%;height:18px;position:absolute;left:50%;transform:translate(-50%,-50%)}.judge-line{background:#ffffffb3;height:3px;position:absolute;top:82%;left:8%;right:8%}.lane-btn{width:auto;position:absolute;bottom:8px;left:8%;right:8%}.color-player{border-radius:50%;width:56px;height:56px;margin:0 auto .8rem}.color-platforms{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.color-pad{aspect-ratio:1.2;border:0;border-radius:14px}.fruit{font-size:1.8rem;position:absolute;transform:translate(-50%,-50%)}.maze-board{gap:2px;height:min(48vh,360px);margin-top:.5rem;display:grid}.maze-cell{border-radius:3px}.maze-cell.wall{background:#ffffff14}.maze-cell.path{background:#6fe3a114}.maze-cell.player{background:var(--accent)}.maze-cell.exit{background:var(--accent-2)}.stack-moving,.stack-base{border-radius:6px;height:18px;position:absolute}.stack-moving{background:var(--accent-2);top:18%}.stack-base{background:var(--accent);bottom:12%}@media (width<=640px){.shell{width:min(100%,100% - 1rem)}.arena{height:min(52vh,380px)}.ghost,.cta{min-height:48px}}.match3-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:.6rem;display:grid}.match3-cell{aspect-ratio:1;cursor:pointer;border:0;border-radius:10px}.match3-cell.selected{outline:2px solid #fff}.jump-arena{position:relative;overflow:hidden}.ground{background:#fff3;height:4px;position:absolute;bottom:8%;left:0;right:0}.runner{background:var(--accent);border-radius:8px;width:28px;height:28px;position:absolute;left:16%;transform:translate(-50%)}.hurdle{background:var(--danger);border-radius:4px;width:18px;height:34px;position:absolute;bottom:8%;transform:translate(-50%)}.merge-arena{cursor:crosshair}.dropper{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2%;transform:translate(-50%)}.merge-ball{color:#062315;border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%)}.snake-board{background:#00000040;border-radius:12px;gap:2px;height:min(48vh,360px);padding:4px;display:grid}.snake-cell{background:#ffffff0a;border-radius:3px}.snake-cell.body{background:#6fe3a18c}.snake-cell.head{background:var(--accent)}.snake-cell.food{background:var(--accent-2)}@media (width<=640px){.top{flex-direction:column}.orb{width:48px;height:48px}.app-nav{align-items:flex-start}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spot-wrap{grid-template-columns:1fr}}