:root{--night: #080b16;--ink: #edf3ff;--muted: #8c98b4;--line: rgba(196, 213, 255, .14);--glass: rgba(20, 28, 52, .74);--blue: #67d5ff;--violet: #8d7bff;--coral: #ff7184;--mint: #8ef1c8;--sun: #ffc861;--ease: cubic-bezier(.22, 1, .36, 1);font-family:DIN Alternate,Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--night);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:var(--night)}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 74% 9%,rgba(79,104,255,.18),transparent 29rem),radial-gradient(circle at 3% 76%,rgba(255,104,142,.1),transparent 25rem),linear-gradient(145deg,#090c18,#0a1021 48%,#0a0b14)}.app-shell:before{position:absolute;inset:0;pointer-events:none;opacity:.18;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px);opacity:.52}.ambient-one{width:32rem;height:32rem;top:-18rem;right:-13rem;border:1px solid rgba(103,213,255,.18);box-shadow:0 0 0 32px #67d5ff06,0 0 0 64px #67d5ff05}.ambient-two{width:17rem;height:17rem;bottom:-8rem;left:-7rem;border:1px solid rgba(255,113,132,.18);box-shadow:0 0 0 26px #ff718406,0 0 100px #ff71842e}.topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 48px));min-height:78px;margin:0 auto;border-bottom:1px solid var(--line)}.topbar-brand,.topbar-meta{display:flex;align-items:center;gap:12px}.topbar-brand{min-width:0}.topbar-kicker,.eyebrow,.legend-label,.panel-heading,.quiz-index,.topbar-progress-label{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.18em}.topbar-title{font-size:15px;font-weight:800;letter-spacing:.1em}.topbar-divider{color:#ffffff47}.topbar-level{max-width:180px;overflow:hidden;color:var(--muted);font-size:13px;white-space:nowrap;text-overflow:ellipsis}.topbar-meta{gap:16px;color:var(--muted);font-size:12px}.topbar-time{color:var(--sun);font-variant-numeric:tabular-nums}.topbar-progress-number{color:var(--ink);font-weight:800}.topbar-dots{display:flex;gap:5px}.topbar-dots i{display:block;width:7px;height:7px;border:1px solid rgba(255,255,255,.3);border-radius:50%}.topbar-dots i.active{border-color:var(--blue);background:var(--blue);box-shadow:0 0 10px var(--blue)}.topbar-dots i.passed{border-color:var(--mint);background:var(--mint);box-shadow:0 0 10px #8ef1c873}.main-stage{position:relative;z-index:1;width:min(1120px,calc(100% - 48px));min-height:calc(100vh - 78px);margin:0 auto}.screen{min-height:calc(100vh - 78px);padding:clamp(36px,7vh,92px) 0 120px;animation:screen-in .6s var(--ease) both}@keyframes screen-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.welcome-screen{display:flex;flex-direction:column;justify-content:space-between;padding-top:clamp(70px,14vh,150px)}.welcome-layout{display:grid;grid-template-columns:1fr minmax(320px,420px);align-items:center;gap:clamp(50px,10vw,150px)}.welcome-copy{position:relative;max-width:520px}.brand-lockup{display:inline-flex;align-items:center;gap:9px;margin-bottom:38px;color:var(--muted);font-size:12px;letter-spacing:.12em}.brand-glyph{display:grid;width:25px;height:25px;place-items:center;color:var(--night);font-size:15px;background:var(--blue);border-radius:7px;box-shadow:0 0 25px #67d5ff6b}.welcome-copy h1{margin:14px 0 24px;color:var(--ink);font-family:"Bodoni 72",Songti SC,STSong,serif;font-size:clamp(52px,8vw,94px);font-weight:600;letter-spacing:-.08em;line-height:.98}.welcome-copy h1 em{color:transparent;font-style:normal;background:linear-gradient(110deg,var(--blue),#b8a1ff 52%,var(--coral));-webkit-background-clip:text;background-clip:text}.welcome-sub{max-width:360px;margin:0;color:var(--muted);font-size:15px;line-height:1.8;white-space:pre-line}.welcome-rule{display:flex;align-items:center;gap:7px;margin-top:38px}.welcome-rule span{display:block;width:5px;height:5px;background:var(--coral);border-radius:50%}.welcome-rule span:first-child{width:64px;height:1px;border-radius:0;background:linear-gradient(90deg,var(--coral),transparent)}.welcome-rule span:last-child{background:var(--blue)}.welcome-panel,.leaderboard-panel,.level-card,.quiz-card{position:relative;border:1px solid var(--line);background:var(--glass);box-shadow:0 25px 80px #00000040,inset 0 1px #ffffff0a;backdrop-filter:blur(18px)}.glass-panel{overflow:hidden;padding:34px;border-radius:28px}.panel-orbit{position:absolute;width:260px;height:260px;top:-150px;right:-100px;border:1px solid rgba(103,213,255,.18);border-radius:50%;box-shadow:0 0 0 28px #67d5ff06,0 0 0 56px #67d5ff05}.panel-heading{display:flex;justify-content:space-between;margin-bottom:50px;color:var(--muted)}.panel-heading small{color:var(--blue);font-size:10px;letter-spacing:.14em}.field-label{display:block;margin-bottom:12px;color:var(--ink);font-size:14px;font-weight:700}.name-field{width:100%;padding:17px 0 15px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.28);outline:0;font-size:26px;letter-spacing:.2em;transition:border-color .25s,box-shadow .25s}.name-field:focus{border-color:var(--blue);box-shadow:0 8px 20px -16px var(--blue)}.name-field::placeholder{color:#edf3ff47;font-size:16px;letter-spacing:.08em}.field-error{min-height:21px;margin:10px 0 16px;color:var(--coral);font-size:12px;opacity:0}.field-error.visible{opacity:1}.primary-button,.secondary-button,.action-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:0 24px;border-radius:15px;font-weight:800;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s}.primary-button{color:#06111b;background:linear-gradient(105deg,var(--blue),var(--mint));box-shadow:0 12px 30px #67d5ff2e}.primary-button:hover,.action-button:hover{transform:translateY(-3px);box-shadow:0 16px 32px #67d5ff38}.primary-button:active,.secondary-button:active,.action-button:active{transform:scale(.97)}.primary-button:disabled{opacity:.55;transform:none;box-shadow:none}.primary-button b{font-size:20px;font-weight:500}.start-button{width:100%}.text-button{display:flex;justify-content:space-between;width:100%;margin-top:18px;padding:9px 0;color:var(--muted);background:none;font-size:13px}.text-button:hover{color:var(--ink)}.text-button span{color:var(--blue);font-size:18px}.service-status{display:flex;align-items:center;gap:8px;margin-top:26px;color:var(--muted);font-size:11px}.service-status i{width:7px;height:7px;background:var(--sun);border-radius:50%;box-shadow:0 0 10px var(--sun)}.service-status.online i{background:var(--mint);box-shadow:0 0 10px var(--mint)}.service-status.offline i{background:var(--coral);box-shadow:0 0 10px var(--coral)}.welcome-foot{display:flex;justify-content:space-between;padding-top:30px;color:#8c98b48f;font-size:10px;letter-spacing:.12em}.section-heading{margin-bottom:34px}.section-heading h1,.intro-screen h1,.final-screen h1{margin:10px 0;color:var(--ink);font-family:"Bodoni 72",Songti SC,STSong,serif;font-size:clamp(44px,7vw,72px);font-weight:600;letter-spacing:-.06em}.section-heading p{margin:0;color:var(--muted)}.board-screen{max-width:630px;margin:0 auto}.leaderboard-panel{overflow:hidden;padding:8px;border-radius:22px}.leaderboard-tabs{display:flex;gap:6px;margin-bottom:10px;padding:5px;background:#00000024;border-radius:15px}.leaderboard-tabs button{flex:1;min-height:42px;color:var(--muted);background:transparent;border-radius:11px;font-size:13px;font-weight:800;transition:color .25s,background .25s}.leaderboard-tabs button.active{color:var(--night);background:var(--sun);box-shadow:0 7px 18px #ffc86126}.stale-note{margin:8px 12px 14px;color:var(--sun);font-size:11px}.leaderboard-list{display:grid;gap:6px}.leaderboard-row{display:grid;grid-template-columns:44px 1fr 70px 65px;align-items:center;gap:10px;min-height:58px;padding:0 16px;color:var(--muted);background:#ffffff09;border:1px solid transparent;border-radius:14px}.leaderboard-row.me{border-color:#67d5ff80;background:#67d5ff14}.leaderboard-rank{color:#edf3ff99;font-size:15px;font-weight:800}.leaderboard-rank.rank-1,.leaderboard-rank.rank-2,.leaderboard-rank.rank-3{font-size:23px}.leaderboard-name{overflow:hidden;color:var(--ink);font-size:14px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.leaderboard-score{color:var(--sun);font-size:16px;font-weight:900;text-align:right}.leaderboard-time{font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.leaderboard-empty{display:flex;align-items:center;justify-content:center;min-height:168px;color:var(--muted);font-size:13px}.board-actions{display:flex;gap:12px;margin-top:18px}.board-actions>*{flex:1}.secondary-button{color:var(--ink);background:#ffffff12;border:1px solid var(--line)}.secondary-button:hover{background:#ffffff1f}.intro-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 160px);text-align:center}.intro-number{margin-bottom:42px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.28em}.intro-number span{color:var(--muted)}.intro-icon{display:grid;width:114px;height:114px;margin-bottom:32px;place-items:center;font-size:55px;background:linear-gradient(135deg,#67d5ff2b,#8d7bff1f);border:1px solid rgba(103,213,255,.2);border-radius:32px;box-shadow:0 18px 50px #4167ff24;animation:icon-float 4s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.intro-screen h1{margin:12px 0 20px;font-size:clamp(38px,6vw,62px)}.intro-desc{max-width:430px;margin:0 auto 34px;color:var(--muted);font-size:14px;line-height:2;white-space:pre-line}.intro-button{min-width:220px}.game-screen{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 180px);padding-top:30px}.level-card{width:min(680px,100%);padding:clamp(18px,3vw,30px);border-radius:26px}.level-hud,.runner-hud{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.hud-score{color:var(--sun);font-size:25px;font-weight:900;letter-spacing:.02em}.hud-score span{color:var(--blue);font-size:15px}.hud-score.small{font-size:17px}.hud-score.small span{color:var(--muted);font-size:12px;font-weight:700}.hud-goal{color:var(--muted);font-size:12px}.hud-goal strong{color:var(--blue)}.level-tip{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.6;text-align:center}.match-layout{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:15px;align-items:start}.match-grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:11px;background:#03071199;border:1px solid rgba(255,255,255,.08);border-radius:19px}.match-cell{display:flex;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:2px;color:#fff;border-radius:11px;box-shadow:inset 0 2px 5px #ffffff4d,0 5px 12px #0000003d;text-shadow:0 2px 4px rgba(0,0,0,.38);transition:transform .2s var(--ease),filter .2s,box-shadow .2s}.match-cell:hover:not(:disabled){filter:brightness(1.18);transform:translateY(-2px)}.match-cell.selected{transform:scale(.86);box-shadow:0 0 0 2px #fff,0 0 22px #ffffffb3}.match-cell:disabled{cursor:default}.match-cell span{font-size:clamp(15px,3vw,24px)}.match-cell small{overflow:hidden;max-width:100%;font-size:clamp(8px,1.5vw,11px);font-weight:800;white-space:nowrap;text-overflow:ellipsis}.match-cell.is-swapping{z-index:3;animation:match3-swap .23s var(--ease) both}@keyframes match3-swap{0%{transform:translate(0)}to{transform:translate(var(--swap-x),var(--swap-y))}}.match-cell.is-matching{z-index:2;animation:match3-pop .32s var(--ease) forwards}@keyframes match3-pop{0%{opacity:1;transform:scale(1);filter:brightness(1)}40%{opacity:1;transform:scale(1.2);filter:brightness(2)}to{opacity:0;transform:scale(0);filter:brightness(2.4)}}.match-cell.is-invalid{animation:match3-shake .3s}@keyframes match3-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.match-cell.is-dropping{animation:match3-drop .3s var(--ease) both}@keyframes match3-drop{0%{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:none}}.match-score-popup{position:absolute;top:35%;left:50%;z-index:20;display:inline-flex;align-items:baseline;gap:8px;color:var(--sun);font-size:26px;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap;animation:match-score-fly 1.1s var(--ease) forwards}.match-score-popup small{color:var(--blue);font-size:15px;font-weight:800}@keyframes match-score-fly{0%{opacity:0;transform:translate(-50%,12px) scale(.88)}18%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-52px) scale(1.04)}}.value-legend{display:grid;gap:8px;padding:10px 0}.legend-label{margin:0 4px 4px;color:var(--muted);font-size:9px}.legend-item{display:flex;align-items:center;gap:7px;min-height:34px;padding:5px;color:var(--ink);background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;font-size:11px;font-weight:800}.legend-item i{display:grid;width:24px;height:24px;flex:none;place-items:center;border-radius:7px;font-style:normal;font-size:13px}.hud-progress{height:8px;flex:1;overflow:hidden;background:#ffffff14;border-radius:99px}.hud-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--mint));border-radius:inherit;transition:width .35s var(--ease)}.puzzle-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:clamp(10px,3vw,22px);background:#03071194;border:1px solid rgba(255,255,255,.08);border-radius:21px}.puzzle-tile{aspect-ratio:1;color:var(--ink);background:linear-gradient(145deg,#ffffff1f,#ffffff09);border:1px solid var(--line);border-radius:12px;font-family:Songti SC,serif;font-size:clamp(17px,4.4vw,31px);font-weight:900;transition:transform .25s var(--ease),color .25s,background .25s,border-color .25s}.puzzle-tile:hover:not(:disabled){transform:translateY(-3px);background:#67d5ff24}.puzzle-tile.selected{color:var(--blue);transform:scale(.87);border-color:var(--blue);box-shadow:0 0 0 3px #67d5ff33,0 0 25px #67d5ff40}.puzzle-tile.right{color:var(--mint);background:#8ef1c81a;border-color:#8ef1c857}.puzzle-tile.swap-in{animation:puzzle-swap-in .3s var(--ease)}@keyframes puzzle-swap-in{0%{opacity:.3;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.puzzle-target{margin-top:17px;color:var(--muted);font-size:12px;text-align:center}.puzzle-target strong{color:var(--mint);letter-spacing:.12em}.runner-hud{margin-bottom:10px}.hearts{display:flex;gap:6px;color:var(--coral);font-size:19px;text-shadow:0 0 11px rgba(255,113,132,.45)}.hearts span.lost{color:#ffffff2b;text-shadow:none;transform:scale(.8)}.runner-count{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}.runner-count b{color:var(--ink);font-size:23px;letter-spacing:0}.runner-stage{position:relative;overflow:hidden;border:1px solid rgba(103,213,255,.2);border-radius:20px;box-shadow:inset 0 0 40px #67d5ff0f}.runner-stage canvas{display:block;width:100%}.runner-flash{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .15s}.runner-flash.red{background:#ff453a47;opacity:1;transition:opacity .4s .05s}.runner-flash.green{background:#30d15847;opacity:1;transition:opacity .4s .05s}.runner-overlay{position:absolute;right:14px;bottom:12px;color:#edf3ff61;font-size:9px;font-weight:900;letter-spacing:.18em;pointer-events:none}.runner-error{position:absolute;inset:0;display:grid;place-items:center;color:var(--coral);background:#080b16cc}.word-list{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:13px}.word-list span{padding:6px 10px;color:#edf3ff52;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:99px;font-size:11px;transition:color .3s,background .3s,border-color .3s,box-shadow .3s}.word-list span.collected{color:var(--mint);background:#8ef1c81a;border-color:#8ef1c861;box-shadow:0 0 13px #8ef1c829}.memory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(460px,100%);margin:0 auto;padding:10px}.memory-card{aspect-ratio:3 / 4;min-width:0;padding:0;background:transparent;perspective:700px}.memory-card:not(:disabled){cursor:pointer}.memory-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s var(--ease)}.memory-card.flipped .memory-inner{transform:rotateY(180deg)}.memory-face{position:absolute;inset:0;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;backface-visibility:hidden}.memory-front{padding:14px;background:linear-gradient(145deg,#67d5ff29,#8d7bff1f);border:1px solid rgba(103,213,255,.24);box-shadow:inset 0 1px #ffffff1f,0 12px 25px #0003}.memory-front img{width:68%;max-height:68%;object-fit:contain;padding:8px;opacity:.86}.memory-back{gap:7px;padding:10px;color:var(--ink);background:linear-gradient(145deg,#ffffff1c,#ffffff09);border:1px solid rgba(255,255,255,.15);transform:rotateY(180deg);text-align:center}.memory-back b{font-size:clamp(22px,5vw,34px);line-height:1}.memory-back strong{color:var(--blue);font-size:clamp(10px,2.4vw,14px)}.memory-back small{color:#edf3ffc7;font-size:clamp(8px,2vw,12px);line-height:1.35;word-break:break-all}.memory-card.matched{pointer-events:none;animation:memory-match .6s var(--ease) forwards}.memory-card.matched .memory-back{background:#8ef1c82e;border-color:#8ef1c880}.memory-card.matched .memory-back strong{color:var(--mint)}@keyframes memory-match{30%{transform:scale(1.08)}to{opacity:.35;transform:scale(1)}}.memory-card.wrong .memory-back{background:#ff71842e;border-color:#ff718499}.memory-card.wrong .memory-back strong{color:var(--coral)}.memory-card.wrong{animation:match3-shake .35s}.boss-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 10px}.boss-copy h3{margin:6px 0 0;font-family:"Bodoni 72",Songti SC,serif;font-size:26px;font-weight:600}.boss-avatar{display:grid;width:68px;height:68px;place-items:center;font-size:37px;background:radial-gradient(circle,rgba(255,113,132,.2),transparent 68%);animation:boss-float 2.8s ease-in-out infinite}@keyframes boss-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px) rotate(4deg)}}.boss-avatar.hit{animation:boss-hit .45s var(--ease)}.boss-avatar.defeated{filter:grayscale(.7) brightness(.8);animation:boss-defeated .7s var(--ease) forwards}@keyframes boss-hit{20%{transform:translate(-10px) rotate(-8deg);filter:brightness(2.2)}50%{transform:translate(10px) rotate(6deg)}to{transform:translate(0) rotate(0);filter:brightness(1)}}@keyframes boss-defeated{0%{transform:scale(1);opacity:1}45%{transform:scale(1.18) rotate(-8deg);opacity:1}to{transform:scale(.92) rotate(0);opacity:.72}}.boss-health{height:8px;overflow:hidden;background:#ffffff14;border-radius:99px}.boss-health span{display:block;height:100%;background:linear-gradient(90deg,var(--coral),var(--sun));border-radius:inherit;transition:width .4s var(--ease)}.boss-meta{display:flex;justify-content:space-between;margin:9px 1px 18px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em}.boss-meta .lives{color:var(--coral);font-size:15px;letter-spacing:0}.quiz-card{padding:clamp(20px,4vw,32px);border-radius:21px;background:#080d1ca3}.quiz-index{color:var(--muted);font-size:9px}.quiz-card h3{min-height:58px;margin:17px 0 22px;color:var(--ink);font-size:clamp(17px,3vw,23px);line-height:1.65}.quiz-options{display:grid;gap:9px}.quiz-options button{display:flex;align-items:center;gap:13px;padding:14px 15px;color:var(--ink);background:#ffffff0b;border:1px solid var(--line);border-radius:13px;text-align:left;transition:transform .2s var(--ease),background .25s,border-color .25s,color .25s}.quiz-options button:hover:not(:disabled){color:var(--blue);background:#67d5ff1a;border-color:#67d5ff66;transform:translate(4px)}.quiz-options button:disabled{opacity:.74;cursor:wait}.quiz-options button span{display:grid;width:25px;height:25px;flex:none;place-items:center;color:var(--blue);border:1px solid rgba(103,213,255,.35);border-radius:8px;font-size:11px;font-weight:900}.quiz-options button.correct{color:var(--mint);background:#8ef1c833;border-color:var(--mint);box-shadow:0 0 18px #8ef1c84d;opacity:1}.quiz-options button.correct span{color:var(--mint);border-color:#8ef1c880}.quiz-options button.wrong{color:var(--coral);background:#ff718433;border-color:var(--coral);box-shadow:0 0 18px #ff71844d;animation:match3-shake .35s;opacity:1}.quiz-options button.wrong span{color:var(--coral);border-color:#ff718480}.quiz-feedback{margin:16px 0 0;padding:12px;color:var(--coral);background:#ff718414;border:1px solid rgba(255,113,132,.22);border-radius:11px;font-size:13px;text-align:center}.quiz-feedback.good{color:var(--mint);background:#8ef1c814;border-color:#8ef1c838}.final-screen{display:flex;flex-direction:column;align-items:center;max-width:630px;margin:0 auto;padding-top:48px;text-align:center}.final-mark{display:grid;width:84px;height:84px;margin-bottom:20px;place-items:center;font-size:48px;background:linear-gradient(135deg,#ffc86129,#8d7bff21);border:1px solid rgba(255,200,97,.25);border-radius:27px;box-shadow:0 16px 45px #ffc8611f}.final-screen h1{margin-bottom:6px;font-size:52px}.final-name{margin:0 0 26px;color:var(--muted);font-size:13px}.final-name span{padding:0 7px;color:var(--coral)}.final-stats{display:flex;gap:12px;width:100%;margin-bottom:17px}.final-stats div{display:flex;flex:1;flex-direction:column;gap:5px;padding:17px;background:#ffffff0b;border:1px solid var(--line);border-radius:16px}.final-stats strong{color:var(--sun);font-size:28px;font-weight:900}.final-stats div:nth-child(2) strong{color:var(--blue);font-variant-numeric:tabular-nums}.final-stats span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.14em}.final-levels{display:flex;gap:8px;margin-bottom:19px}.final-levels i{display:grid;width:29px;height:29px;place-items:center;color:var(--coral);border:1px solid rgba(255,113,132,.34);border-radius:50%;font-style:normal}.final-levels i.passed{color:var(--mint);border-color:#8ef1c866;background:#8ef1c814}.submit-status{display:flex;align-items:center;gap:8px;min-height:27px;margin:0 0 16px;color:var(--muted);font-size:12px}.submit-status.success{color:var(--mint)}.submit-status.error{color:var(--coral)}.final-screen .leaderboard-panel{width:100%;text-align:left}.final-replay{min-width:220px;margin-top:18px}.game-nav{position:fixed;z-index:5;right:0;bottom:22px;left:0;display:flex;justify-content:center;gap:9px;padding:0 24px;pointer-events:none}.nav-button{min-height:43px;padding:0 17px;color:var(--muted);background:#111931e0;border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 30px #00000038;pointer-events:auto;font-size:12px;font-weight:800;backdrop-filter:blur(12px);transition:color .2s,border-color .2s,transform .2s}.nav-button:hover:not(:disabled){color:var(--ink);border-color:#67d5ff73;transform:translateY(-2px)}.nav-button:disabled{opacity:.35}.nav-button-primary{color:var(--night);background:linear-gradient(105deg,var(--blue),var(--violet));border-color:transparent}.overlay-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#03050ed6;backdrop-filter:blur(14px)}.overlay-card{position:relative;z-index:1;overflow:hidden;width:min(380px,100%);padding:36px 28px 29px;text-align:center;background:linear-gradient(155deg,#1c2648fa,#0b1022fa);border:1px solid rgba(168,190,255,.22);border-radius:28px;box-shadow:0 28px 80px #00000080,0 0 80px #67d5ff14}.overlay-orbit{position:absolute;width:230px;height:230px;top:-130px;left:calc(50% - 115px);border:1px solid rgba(103,213,255,.16);border-radius:50%}.overlay-icon{position:relative;margin-bottom:12px;font-size:52px;animation:icon-float 3s ease-in-out infinite}.overlay-card h2{position:relative;margin:0 0 10px;font-family:"Bodoni 72",Songti SC,serif;font-size:30px;font-weight:600}.overlay-card p{position:relative;margin:0 auto 21px;color:var(--muted);font-size:13px;line-height:1.8;white-space:pre-line}.overlay-metric{position:relative;display:flex;flex-direction:column;gap:1px;margin:0 auto 22px}.overlay-metric strong{color:var(--sun);font-size:34px}.overlay-metric span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em}.overlay-actions{position:relative;display:grid;gap:9px}.action-button{width:100%;color:var(--night);background:linear-gradient(105deg,var(--blue),var(--mint))}.action-button.ghost{color:var(--muted);background:#ffffff0f;border:1px solid var(--line);box-shadow:none}.overlay-enter-active,.overlay-leave-active{transition:opacity .35s}.overlay-enter-active .overlay-card,.overlay-leave-active .overlay-card{transition:transform .4s var(--ease),opacity .35s}.overlay-enter-from,.overlay-leave-to{opacity:0}.overlay-enter-from .overlay-card,.overlay-leave-to .overlay-card{opacity:0;transform:translateY(18px) scale(.94)}.spark-field{position:absolute;inset:0;pointer-events:none}.spark-field i{position:absolute;top:44%;left:50%;width:calc(3px + (var(--i) % 3) * 2px);height:calc(3px + (var(--i) % 4) * 2px);background:hsl(calc(var(--i) * 44),90%,70%);border-radius:2px;animation:spark 1.8s calc(var(--i) * -.05s) ease-out infinite}@keyframes spark{0%{opacity:0;transform:rotate(0) translate(0)}18%{opacity:1}to{opacity:0;transform:rotate(280deg) translate(calc((var(--i) - 12) * 8px),calc((var(--i) % 5 - 2) * 52px))}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.topbar,.main-stage{width:min(100% - 30px,680px)}.topbar{min-height:65px}.topbar-kicker,.topbar-progress-label{display:none}.topbar-meta{gap:9px}.topbar-level{max-width:115px}.screen{min-height:calc(100vh - 65px);padding-bottom:100px}.welcome-screen{padding-top:55px}.welcome-layout{grid-template-columns:1fr;gap:44px}.welcome-copy h1{font-size:clamp(55px,17vw,82px)}.welcome-copy{max-width:560px}.welcome-panel{max-width:500px}.welcome-foot{gap:12px;font-size:8px}.welcome-foot span:last-child{text-align:right}.game-screen{min-height:calc(100vh - 150px);padding-top:22px}}@media(max-width:470px){.topbar,.main-stage{width:calc(100% - 24px)}.topbar-brand{gap:7px}.topbar-title{font-size:13px}.topbar-divider{display:none}.topbar-level{max-width:88px;font-size:11px}.topbar-progress-number{font-size:11px}.topbar-dots{gap:3px}.topbar-dots i{width:5px;height:5px}.glass-panel{padding:25px 21px;border-radius:23px}.panel-heading{margin-bottom:34px}.match-layout{grid-template-columns:minmax(0,1fr) 76px;gap:8px}.match-grid{gap:4px;padding:7px;border-radius:14px}.match-cell{border-radius:7px}.match-cell span{font-size:clamp(12px,4.2vw,18px)}.match-cell small{font-size:clamp(6px,2vw,9px)}.value-legend{gap:5px;padding-top:4px}.legend-item{min-height:28px;gap:3px;padding:3px;font-size:9px}.legend-item i{width:19px;height:19px;font-size:10px}.puzzle-grid{gap:5px;padding:8px}.puzzle-tile{border-radius:8px;font-size:clamp(14px,5vw,24px)}.memory-grid{gap:9px;padding:6px}.memory-face{border-radius:10px}.memory-back{gap:4px;padding:6px}.memory-back b{font-size:18px}.memory-back strong{font-size:10px}.memory-back small{font-size:8px}.level-card{padding:15px;border-radius:20px}.level-tip{font-size:10px}.runner-stage{border-radius:14px}.word-list{gap:4px}.word-list span{padding:5px 7px;font-size:9px}.quiz-card h3{font-size:16px}.quiz-options button{padding:12px;font-size:13px}.leaderboard-row{grid-template-columns:36px 1fr 52px 54px;gap:6px;padding:0 10px}.leaderboard-name{font-size:13px}.leaderboard-score{font-size:14px}.leaderboard-time{font-size:10px}.game-nav{gap:5px;padding:0 12px}.nav-button{flex:1;min-width:0;padding:0 7px;font-size:10px}.final-stats strong{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-welcome{display:flex;justify-content:center;min-height:100dvh;background:radial-gradient(1200px 800px at 70% -10%,#1b1b35,#0a0a0f 55%),#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}.app-welcome:before,.app-welcome .ambient{display:none}.app-welcome .main-stage{width:100%;max-width:560px;min-height:100dvh;margin:0}.app-welcome .screen{position:relative;min-height:100dvh;padding:24px 16px 32px;overflow-y:auto;animation:none}.app-welcome .welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:24px;text-align:center}.app-welcome .logo-orb{display:flex;align-items:center;justify-content:center;width:96px;height:96px;margin-bottom:28px;border-radius:28px;background:linear-gradient(135deg,#0a84ff,#bf5af2);box-shadow:0 20px 60px #7850ff73;font-size:44px;animation:home-float 4s ease-in-out infinite}@keyframes home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.app-welcome .welcome-chip{display:inline-block;margin-bottom:16px;padding:6px 14px;color:#f5f5f78c;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:13px;letter-spacing:2px}.app-welcome .welcome-screen h1{margin:0 0 10px;color:#f5f5f7;font-size:32px;font-weight:800;letter-spacing:1px;line-height:1.25}.app-welcome .grad-text{color:transparent;background:linear-gradient(135deg,#7dc4ff,#c88cff 60%,#ff9ecf);background-clip:text;-webkit-background-clip:text}.app-welcome .sub{margin:0 0 40px;color:#f5f5f78c;font-size:15px;line-height:1.7}.app-welcome .name-input{width:100%;max-width:320px;margin-bottom:18px;padding:16px 20px;color:#f5f5f7;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;outline:none;font-family:inherit;font-size:17px;text-align:center;transition:border-color .3s,box-shadow .3s}.app-welcome .name-input:focus{border-color:#0a84ff;box-shadow:0 0 0 4px #0a84ff2e}.app-welcome .name-input::placeholder{color:#f5f5f74d}.app-welcome .welcome-error{width:100%;max-width:320px;margin:-8px 0 12px;color:#ff453a;font-size:13px}.app-welcome .welcome-btn{width:100%;max-width:320px;min-height:0;padding:15px 28px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#0a84ff,#bf5af2);box-shadow:0 8px 24px #0a84ff59;font-family:inherit;font-size:17px;font-weight:600;transition:transform .25s var(--ease),box-shadow .25s var(--ease),filter .25s}.app-welcome .welcome-btn:hover{filter:brightness(1.1)}.app-welcome .welcome-btn:active{transform:scale(.94);box-shadow:0 4px 12px #0a84ff40}.app-welcome .welcome-btn:disabled{opacity:.4;pointer-events:none}.app-welcome .welcome-btn.ghost{margin-top:12px;color:#f5f5f78c;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:none}.app-welcome .service-status{display:none}.app-welcome.api-offline .service-status{display:flex;align-items:center;gap:8px;width:100%;max-width:320px;margin-top:16px;color:#f5f5f78c;font-size:11px;justify-content:center}.app-welcome.api-offline .service-status i{width:7px;height:7px;background:#ff453a;border-radius:50%;box-shadow:0 0 10px #ff453a}@media(min-width:600px){.app-welcome .main-stage{max-width:600px}.app-welcome .welcome-screen h1{font-size:38px}.app-welcome .sub{font-size:16px}}@media(prefers-reduced-motion:reduce){.app-welcome .logo-orb{animation:none}}