:root{color-scheme:dark;font-family:Avenir Next,DIN Alternate,PingFang SC,sans-serif;background:#050806;color:#f4fff9;--bg: #050806;--surface: #0a1210;--surface-strong: #101b18;--line: #244139;--line-bright: #3e7265;--mint: #60f6c2;--lime: #c7ff4a;--red: #ff4e68;--amber: #ffc857;--muted: #8ba69c;--text: #f4fff9;--shadow: rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:var(--bg)}body{min-height:100dvh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.app-shell{width:min(1180px,100%);min-height:100dvh;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 20px max(18px,env(safe-area-inset-bottom))}.topbar{min-height:70px;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand-lockup,.top-actions,.score-strip,.panel-heading,.modal-heading,.account-button,.primary-button,.secondary-button,.secure-notice{display:flex;align-items:center}.brand-lockup{gap:11px}.brand-mark{position:relative;width:36px;height:36px;flex:0 0 36px;border:3px solid var(--mint);border-right-color:transparent;border-radius:50%;box-shadow:0 0 16px #60f6c259;transform:rotate(-22deg)}.brand-mark:after{content:"";position:absolute;right:-2px;top:3px;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #c7ff4ab3}.brand-name,.brand-cn,.eyebrow,.score-item span,.score-item strong,.panel-heading h2,.modal-heading h2,.game-overlay h1,.game-overlay h2,.overlay-copy,.final-score,.form-message{margin:0}.brand-name{font-size:17px;font-weight:800;line-height:1;letter-spacing:0}.brand-cn{margin-top:5px;color:var(--muted);font-size:11px;letter-spacing:0}.score-strip{height:48px;border:1px solid var(--line);background:var(--surface);border-radius:6px}.score-item{width:82px;text-align:center;border-right:1px solid var(--line)}.score-item:last-child{border-right:0}.score-item span{display:block;color:var(--muted);font-size:10px}.score-item strong{display:block;margin-top:2px;color:var(--amber);font-size:18px;font-variant-numeric:tabular-nums}.top-actions{justify-content:flex-end;gap:8px}.icon-button,.dpad-button{width:42px;height:42px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.icon-button:hover,.dpad-button:hover{border-color:var(--line-bright);background:var(--surface-strong)}.icon-button:active,.dpad-button:active{transform:translateY(1px)}.icon-button svg,.dpad-button svg,.account-button svg,.primary-button svg,.secondary-button svg,.secure-notice svg{width:18px;height:18px;stroke-width:2}.account-button,.primary-button,.secondary-button{min-height:42px;justify-content:center;gap:8px;padding:0 17px;border-radius:6px;cursor:pointer;font-weight:700;white-space:nowrap}.account-button,.secondary-button{border:1px solid var(--line-bright);background:var(--surface)}.primary-button{border:1px solid var(--mint);background:var(--mint);color:#06110d;box-shadow:0 0 20px #60f6c233}.primary-button:hover{background:#8affd6}.account-button:hover,.secondary-button:hover{border-color:var(--mint)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:24px;align-items:start;padding-top:22px}.play-column{min-width:0}.play-stage{position:relative;width:min(100%,calc(100dvh - 178px));min-width:0;aspect-ratio:1;margin:0 auto;overflow:hidden;border:1px solid var(--line-bright);border-radius:8px;background:#07110f;box-shadow:0 20px 70px var(--shadow),0 0 28px #60f6c214}#game-container,#game-container canvas{width:100%!important;height:100%!important;display:block;touch-action:none}.game-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px;text-align:center;background:#050a08db;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.game-overlay h1{max-width:100%;font-size:38px;line-height:1;letter-spacing:0}.game-overlay h2{font-size:26px}.overlay-emblem{position:relative;width:84px;height:54px;border:4px solid var(--mint);border-radius:48% 52% 45% 45%;box-shadow:0 0 30px #60f6c261}.emblem-eye{position:absolute;top:18px;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}.emblem-eye:first-child{left:24px}.emblem-eye:last-child{right:24px}.overlay-icon{width:44px;height:44px;color:var(--mint)}.eyebrow{color:var(--mint);font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase}.final-score{color:var(--amber);font-size:58px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.overlay-copy{max-width:300px;color:#bed0c9;font-size:14px;line-height:1.6}.overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.play-controls{min-height:104px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:14px;padding-top:14px}.dpad{width:150px;height:90px;display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);justify-content:center;gap:6px 5px;margin:0 auto}.dpad-button{width:42px;height:42px;touch-action:manipulation}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-center{display:none}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:2}.leaderboard-panel{min-height:540px;padding-left:22px;border-left:1px solid var(--line)}.panel-heading,.modal-heading{justify-content:space-between;gap:18px;margin-bottom:18px}.panel-heading h2,.modal-heading h2{margin-top:4px;font-size:23px}.leaderboard-list{display:grid;gap:2px;margin:0;padding:0;list-style:none;counter-reset:rank}.leaderboard-row{min-height:45px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 9px;border-bottom:1px solid rgba(36,65,57,.65)}.leaderboard-rank{color:var(--muted);font-variant-numeric:tabular-nums}.leaderboard-row:nth-child(-n+3) .leaderboard-rank{color:var(--amber);font-weight:800}.leaderboard-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:var(--mint);font-weight:800;font-variant-numeric:tabular-nums}.leaderboard-empty{padding:28px 10px;color:var(--muted);text-align:center}.current-rank{margin-bottom:12px;padding:10px 12px;border:1px solid var(--line-bright);border-radius:6px;color:var(--mint);background:var(--surface);font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{position:fixed;left:50%;top:50%;z-index:21;width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border:1px solid var(--line-bright);border-radius:8px;background:#0a1210;box-shadow:0 24px 80px #0009;transform:translate(-50%,-50%)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;border-bottom:1px solid var(--line)}.auth-tab{min-height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.auth-tab.is-active{border-bottom-color:var(--mint);color:var(--text)}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:7px;color:#bed0c9;font-size:13px}.auth-form input{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--line);border-radius:6px;background:#050a08;color:var(--text)}.auth-form input:focus{border-color:var(--mint)}.form-message{min-height:20px;color:var(--red);font-size:12px}.secure-notice{gap:8px;margin-bottom:16px;padding:10px 12px;border:1px solid #745c2a;border-radius:6px;background:#191409;color:var(--amber);font-size:13px}.full-width{width:100%}.toast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:40;max-width:calc(100% - 32px);padding:11px 16px;border:1px solid var(--line-bright);border-radius:6px;background:#101b18;box-shadow:0 12px 34px #0006;color:var(--text);font-size:13px;transform:translate(-50%)}.is-hidden{display:none!important}.mobile-only{display:none}@media(max-width:900px){.app-shell{padding-inline:14px}.topbar{grid-template-columns:1fr auto;gap:12px}.score-strip{grid-column:1 / -1;grid-row:2;width:100%;justify-content:stretch;margin-bottom:12px}.score-item{flex:1;width:auto}.game-layout{display:block;padding-top:14px}.play-stage{width:min(100%,calc(100dvh - 230px))}.leaderboard-panel{position:fixed;inset:0 0 0 auto;z-index:30;width:min(390px,100%);min-height:100dvh;padding:max(22px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom));border-left:1px solid var(--line-bright);background:#07100d;box-shadow:-18px 0 60px #0000008c;transform:translate(105%);transition:transform .18s ease}.leaderboard-panel.is-open{transform:translate(0)}.mobile-only{display:inline-grid}}@media(max-width:520px){.app-shell{padding-inline:10px}.topbar{min-height:58px}.brand-mark{width:30px;height:30px;flex-basis:30px}.brand-name{font-size:14px}.brand-cn{font-size:10px}.account-button{width:42px;padding:0}.account-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.score-strip{height:44px}.score-item strong{font-size:16px}.game-layout{padding-top:10px}.play-stage{width:100%}.play-controls{padding-top:10px}.game-overlay{gap:14px;padding:18px}.game-overlay h1{font-size:30px}.overlay-emblem{width:68px;height:44px}.emblem-eye{top:13px}.emblem-eye:first-child{left:19px}.emblem-eye:last-child{right:19px}.final-score{font-size:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}