:root{--ink: #1e302b;--muted: #727c75;--green: #264e40;--line: #e2e7e1;--paper: #ffffff;--soft: #f4f6f2;--accent: #c38b42;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background:#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;touch-action:manipulation;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #44745b;outline-offset:4px}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}small{font-size:11px}b,strong{font-weight:650}.app{position:relative;isolation:isolate;min-height:100svh;overflow:hidden}.world{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:#f7f8f5}.world-layer{position:absolute;top:30%;right:0;bottom:0;left:0;background-position:center bottom;background-size:cover;background-repeat:no-repeat;pointer-events:none;filter:saturate(.38);opacity:.3}.sky{background-image:url(/art/sky-bg.svg);opacity:.38}.far{background-image:url(/art/city-far.svg);opacity:.25}.mid{background-image:url(/art/city-mid.svg);opacity:.25}.roof{background-image:url(/art/rooftop.svg);opacity:.3}.world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f7f8f5 12%,#f7f8f5c0 40%,#f7f8f520 75%,#f7f8f5)}.topbar{height:88px;margin:0 auto;padding:0 40px;max-width:1440px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:750;letter-spacing:.5px}.brand small{display:block;margin-top:4px;font:600 8px/1.2 system-ui,sans-serif;letter-spacing:1.8px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:#fff;border-radius:12px;font-size:23px;font-weight:850}.header-center,.edition{font-size:11px;color:var(--muted);letter-spacing:.5px}.header-center{display:flex;align-items:center;gap:8px}.header-center i,.eyebrow i{width:5px;height:5px;background:#719582;border-radius:50%}.userbar{display:flex;align-items:center;gap:14px}.wallet{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:13px;font-variant-numeric:tabular-nums}.wallet>svg{color:#89938a}.coin-mini{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#f3e3b8;color:#a77c2f;border:1px solid #e4cc8a;font-size:10px;flex-shrink:0}.user-info{display:flex;align-items:center;gap:9px;padding-left:5px}.user-info img{width:36px;height:36px;object-fit:cover;object-position:center 25%;border-radius:50%;background:#e9eee6}.user-info b{font-size:12px}.user-info small{display:block;margin-top:3px;font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#ffffff90;color:#596a5e}.icon-button svg{width:17px;height:17px}.icon-button:hover{background:#edf1ea}.lobby{display:grid;grid-template-columns:280px minmax(300px,1fr) 230px;align-items:center;gap:30px;height:calc(100svh - 262px);min-height:460px;max-height:760px;max-width:1360px;margin:0 auto;padding:0 40px}.lobby-copy{z-index:2;padding-bottom:8px}.eyebrow{display:flex;align-items:center;gap:8px;font:600 9px/1.5 system-ui,sans-serif;letter-spacing:1.5px;color:var(--muted)}.lobby-copy h1{margin-top:24px;font-size:clamp(30px,3.1vw,44px);line-height:1.45;font-weight:650;letter-spacing:-1.8px}.lobby-copy h1 span{color:var(--green)}.lobby-copy>p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:16px}.record{display:flex;align-items:center;gap:12px;margin-top:34px;padding:18px 0;border-top:1px solid #ced7cb;border-bottom:1px solid #ced7cb;max-width:230px}.record-icon{color:#8a9b88}.record small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.record strong{font:600 27px/1.2 system-ui,sans-serif;letter-spacing:-.7px}.record em{font: 10px system-ui,sans-serif;margin-left:5px;color:var(--muted)}.record button{margin-left:auto;background:none;color:#70836e}.text-link{display:inline-flex;align-items:center;gap:6px;background:none;padding:0;color:#627563;font-size:11px}.lobby-copy>.text-link{margin-top:23px}.hero-stage{position:relative;height:100%;min-height:460px;display:flex;align-items:center;justify-content:center;z-index:1}.hero-stage:before{content:"";position:absolute;width:340px;height:340px;background:#e5ece1a0;border-radius:50%;top:calc(50% - 185px)}.hero-stage:after{content:"N I U N I U";position:absolute;color:#57715c12;font:800 clamp(54px,6.5vw,88px) system-ui,sans-serif;letter-spacing:-5px;top:calc(50% - 45px);z-index:-1}.hero-display{background-image:var(--hero-sheet);background-size:800% 800%;background-position:0 0;width:256px;height:320px;animation:idle-frames 1s steps(8) infinite;position:relative;z-index:2}.hero-stage>.hero-display{width:clamp(280px,28vw,370px);height:auto;aspect-ratio:128/160;flex-shrink:0;transform:translateY(-30px);filter:drop-shadow(0 12px 7px #293c3014)}.stage-shadow{position:absolute;top:calc(50% + 116px);width:160px;height:13px;border-radius:50%;background:#3c573321;filter:blur(5px)}.hero-name{position:absolute;bottom:max(12px,calc(50% - 252px));width:100%;text-align:center}.tiny-pill{font-size:9px;border:1px solid #d4ddd0;border-radius:5px;background:#f6f8f1;color:#728069;padding:4px 7px}.hero-name>.tiny-pill{border:0;background:none;padding:0;font-size:10px;color:#788773}.hero-name h2{font-size:22px;margin:8px 0 10px;letter-spacing:.5px}.hero-name h2 span{display:inline-block;font-size:10px;font-weight:400;color:#6e7c68;border-left:1px solid #b8c5b0;padding-left:10px;margin-left:10px;vertical-align:middle}.hero-name button{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#59704f;background:#ffffffa0;padding:7px 12px;border:1px solid #d7e0d1;border-radius:6px}.skill-float{position:absolute;right:-5px;top:30%;display:flex;align-items:center;gap:10px;padding:11px 13px;background:#ffffffea;border:1px solid #e5e9df;border-radius:10px;box-shadow:0 8px 28px #31432b08;z-index:3}.skill-float>svg{color:#937637}.skill-float small{display:block;color:var(--muted);font-size:8px;margin-bottom:4px}.skill-float b{font-size:11px}.skill-float kbd{margin-left:4px}.lobby-aside{width:100%;padding-bottom:10px}.season-label{display:grid;gap:7px;margin-bottom:16px}.season-label span{font:600 8px system-ui,sans-serif;letter-spacing:1.8px;color:#86917f}.season-label b{font-size:11px;font-weight:500;color:#6f7e66}.challenge-card{position:relative;display:block;text-align:left;width:100%;border:1px solid #cad6c2;border-radius:13px;background:#f6f8f0da;padding:23px 20px}.challenge-icon{position:absolute;right:18px;top:21px;color:#b99b51}.challenge-icon svg{width:22px}.challenge-card .tiny-pill{border:0;background:#e5ecd9;padding:4px 7px;color:#6b8058;font-size:8px}.challenge-card h3{font-size:19px;font-weight:600;margin:30px 0 10px}.challenge-card p{font-size:10px;color:#78866d}.challenge-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce3d4;padding-top:17px;margin-top:23px;font-size:10px;color:#4b6843}.challenge-card:hover{border-color:#8fa480;background:#fbfcf8}.scene-info{display:flex;align-items:center;gap:10px;color:#6a7d60;margin-top:20px;padding:0 5px}.scene-info>svg{width:22px}.scene-info b{display:block;font-size:11px;font-weight:500}.scene-info small{display:block;font-size:8px;margin-top:4px;color:#88967e}.scene-dots{display:flex;gap:4px;margin-left:auto}.scene-dots i{width:4px;height:4px;border-radius:50%;background:#cad4c3}.scene-dots i:first-child{background:#6e8762}.lobby-bottom{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:112px;margin:0 auto;padding:0 40px;max-width:1360px}.dock{display:flex;border:1px solid #dfe6d9;border-radius:12px;background:#fffffff2;padding:9px;box-shadow:0 6px 26px #31432b05}.dock button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;background:none;padding:17px 21px;font-size:11px;color:#596b50;border-radius:7px}.dock button:hover{background:#edf2e8}.dock button>svg{width:20px;height:20px;stroke-width:1.5}.dock button small{font:500 8px system-ui,sans-serif;color:#9ba591}.dock button i{width:4px;height:4px;background:#c39651;border-radius:50%;position:absolute;top:10px;right:12px}.start-group{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 1 300px}.start-group>span{font-size:9px;color:#6e7f63;display:flex;align-items:center;gap:6px}.start-button{display:flex;justify-content:center;align-items:center;gap:30px;background:var(--green);color:#fff;border-radius:10px;min-height:60px;width:100%;font-size:20px;font-weight:600;box-shadow:0 6px 16px #264e4018}.start-button:hover{background:#34634e}.start-button>span{display:none}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:0 40px;margin:0 auto;max-width:1440px;color:#85917b;font-size:9px;letter-spacing:.4px}.footer>span{display:flex;align-items:center;gap:7px}.login-layout{max-width:1020px;margin:auto;min-height:calc(100svh - 150px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px;padding:40px}.login-illustration{position:relative}.login-illustration h1{font-size:30px;font-weight:600;letter-spacing:-1px;margin:17px 0 12px}.login-illustration>p{font-size:12px;color:#798471}.login-hero{height:300px;display:flex;justify-content:center;margin-top:20px}.login-hero img{height:300px;width:240px;object-fit:contain;filter:drop-shadow(0 10px 5px #31442d12)}.scene-tag{display:flex;align-items:center;gap:8px;color:#809273;font-size:10px;margin-top:10px}.login-card{border:1px solid #dfe6d9;background:#ffffffed;border-radius:16px;padding:36px;box-shadow:0 18px 60px #30412908}.login-card h2{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:16px 0 10px}.login-card>p{font-size:12px;color:var(--muted);line-height:1.8}.login-card label{display:block;font-size:11px;margin:30px 0 10px}.login-card input{width:100%;padding:14px;border:1px solid #dce2d7;background:#f8faf5;border-radius:8px;outline:none;font-size:13px;color:var(--ink)}.login-card input:focus{border-color:#79916e;box-shadow:0 0 0 3px #6f8b5e0d}.login-card input::placeholder{color:#a0aa98}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:#fff;font-size:12px;font-weight:550}.primary:hover{background:#37654f;border-color:#37654f}.primary svg{width:17px;height:17px}.login-card>.primary{width:100%;justify-content:space-between;margin-top:18px}.secondary{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:14px 22px;border:1px solid #dce3d6;border-radius:8px;background:#f7f9f3;color:#63775a;font-size:12px}.secondary:hover{background:#edf2e7}.login-card .login-note{color:#909a88;font-size:10px;padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}.loading-screen{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.loading-screen h2{font-size:19px;font-weight:500}.loading-screen small{color:var(--muted)}.spin{animation:spin 1.2s linear infinite}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:center;align-items:center;background:#182c2678;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px;animation:fade-in .15s}.modal{width:900px;max-width:100%;max-height:90svh;overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #ffffff66;border-radius:18px;padding:30px;box-shadow:0 30px 100px #15261e24;animation:modal-in .2s ease;scrollbar-width:thin;scrollbar-color:#cdd8c5 transparent}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.modal-header .eyebrow{font-size:8px;color:#929d88}.modal-header h2{font-size:23px;font-weight:600;margin-top:8px;letter-spacing:-.5px}.modal-header .icon-button{background:#f4f6f0;border-color:transparent}.character-detail{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:28px;padding:5px 24px 5px 8px;min-height:258px;background:#f3f6ee;border:1px solid #e9ede3;border-radius:12px}.portrait{display:flex;justify-content:center;align-items:center;height:250px}.portrait .hero-display{width:205px;height:256px}.character-detail h3{font-size:30px;font-weight:600;margin:12px 0}.character-detail p{font-size:11px;color:#7b8772;line-height:1.8}.skill-detail{display:flex;align-items:center;gap:12px;margin:20px 0}.skill-detail>svg{color:#7b8d67;background:#e7eddc;padding:11px;width:43px;height:43px;border-radius:10px}.skill-detail b{font-size:12px}.skill-detail p{font-size:10px;margin-top:5px}.character-detail>div>small{font-size:9px;color:#8a9680}.character-grid{display:grid;grid-template-columns:repeat(var(--character-columns, 4),1fr);gap:12px;margin-top:20px}.character-grid button{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;background:#f8faf5;border:1px solid #e5ebdf;border-radius:10px;padding:10px 5px 16px;min-width:0}.character-grid button:hover{border-color:#b0c39f}.character-grid img{width:105px;height:126px;object-fit:contain}.character-grid b{font-size:12px}.character-grid small{font-size:9px;color:#89977f}.character-grid button.selected,.blessing-card.selected,.loadout button.selected{border-color:#77966a;background:#eef4e7;box-shadow:0 0 0 1px #77966a}.character-grid button>svg{position:absolute;right:9px;top:9px;color:#648753}.modal-footnote{font-size:9px;color:#98a08f;text-align:center;line-height:1.8;margin-top:20px}.panel-subtitle{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#85917a;margin-bottom:20px;line-height:1.8}.panel-subtitle .wallet{padding:7px 12px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{position:relative;background:#fafbf7;border:1px solid #e4e9dc;border-radius:12px;padding:20px}.product-art{display:grid;place-items:center;height:78px;width:78px;margin:8px auto 18px;background:#f0ead5;color:#ae914b;border-radius:21px}.product-art svg{stroke-width:1.5}.product-art.shield{color:#6b9177;background:#e9f0e3}.product-art.magnet{color:#a1848b;background:#f2e9eb}.product-art.dash{color:#b58a48;background:#f5eeda}.product-art.rescue{color:#b0857c;background:#f3e9e3}.stock{position:absolute;top:12px;right:12px;font-size:8px;color:#97a08c}.product-card h3{font-size:14px;font-weight:600}.product-card p{font-size:10px;color:#89937d;line-height:1.8;min-height:38px;margin:10px 0 18px}.buy-button{display:flex;align-items:center;gap:6px;width:100%;border:1px solid #dce5d2;border-radius:7px;background:#edf2e5;color:#607b4e;padding:10px;font-size:12px;font-weight:550}.buy-button:hover{background:#e4ecda}.buy-button>span:last-child{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:10px}.buy-button .coin-mini{width:15px;height:15px;font-size:7px}.buy-button>svg{margin-left:auto}.buy-button.equipped{border-color:#8ca776;background:#e1ecd7}.modal-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px}.modal-bottom>small{color:#94a088;font-size:9px}.prepare-runner{display:flex;align-items:center;gap:15px;padding:8px 16px;background:#f6f8f1;border:1px solid #e4eadb;border-radius:10px}.prepare-runner img{width:55px;height:70px;object-fit:contain}.prepare-runner b{font-size:12px}.prepare-runner p{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:10px;color:#819271}.prepare-runner button{margin-left:auto}.section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 15px}.section-label h3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:550}.section-label>span{color:#9aa38e;font-size:9px}.blessing-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.blessing-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;gap:10px;background:#fafbf7;border:1px solid #e3e9da;border-radius:10px;padding:17px 8px 13px}.blessing-orb{display:grid;place-items:center;height:46px;width:46px;border-radius:13px;color:#9b925e;background:#f1eedb}.blessing-card.selected .blessing-orb{color:#74935f;background:#e2ecd3}.blessing-card>b{font-size:10px}.blessing-card>small{font-size:8px;color:#909b83;line-height:1.8;min-height:43px;text-align:center}.blessing-card .price{display:flex;align-items:center;gap:4px;margin-top:auto;font-size:10px;color:#a19466}.blessing-card .coin-mini{height:14px;width:14px;font-size:7px}.blessing-card>svg{position:absolute;right:6px;top:6px;color:#769261}.loadout{display:flex;gap:8px;flex-wrap:wrap}.loadout button{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 9px;border:1px solid #e1e8d8;border-radius:7px;background:#f8faf4;font-size:10px;white-space:nowrap;flex:1}.loadout small{color:#93a184;font-size:9px}.loadout .empty{opacity:.48}.prepare-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.prepare-bottom b{font-size:11px}.prepare-bottom small{display:block;margin-top:7px;font-size:9px;color:#98a28d;line-height:1.7}.prepare-bottom .primary{min-width:160px}.ranking-tabs{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ranking-tabs>div{display:flex;background:#f0f4e9;border-radius:8px;padding:4px;gap:4px}.ranking-tabs button{background:none;padding:8px 24px;font-size:11px;border-radius:5px;color:#8a997a}.ranking-tabs button.active{background:#fff;color:#547047;box-shadow:0 1px 5px #4c5b3610}.ranking-tabs select{background:#f7f9f3;border:1px solid #e0e6d6;border-radius:7px;padding:10px 12px;font-size:10px;color:#748865}.ranking-rule{font-size:9px;line-height:1.8;color:#99a08d}.podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin:26px 0}.podium>div{position:relative;display:flex;flex-direction:column;align-items:center;min-width:164px;padding:20px 18px 18px;border:1px solid #e4e8dc;background:#f7f9f2;border-radius:12px}.podium .place-1{order:2;min-height:252px;background:#f7f3e5;border-color:#e9dfb9}.podium .place-2{order:1;min-height:224px}.podium .place-3{order:3;min-height:204px}.podium>div>svg{width:20px;height:20px;color:#a8b197}.podium .place-1>svg{width:28px;height:28px;color:#b79b55}.podium img{width:75px;height:80px;object-fit:contain}.podium b{font-size:12px;margin:9px 0}.podium strong{font:600 23px system-ui,sans-serif;color:#667653}.podium small{font-size:8px;color:#9ba389;margin-top:7px}.rank-table{max-height:210px;overflow-y:auto}.rank-table>div{display:flex;align-items:center;gap:14px;padding:12px;font-size:11px;border-bottom:1px solid #e8edde}.rank-table img{width:32px;height:32px;object-fit:cover;object-position:center 25%;border-radius:50%;background:#f0f4e7}.rank-table b{flex:1}.rank-table small{font-size:9px;color:#97a087}.rank-table strong{min-width:60px;text-align:right}.rank-table .mine{background:#edf4e4}.my-rank{display:flex;align-items:center;gap:18px;border:1px solid #dbe5cf;border-radius:8px;padding:17px;margin-top:24px;background:#f0f5e8;font-size:11px}.my-rank>span:first-child{font-size:9px;color:#8d9b7b}.my-rank strong{margin-left:auto}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:50px 20px;color:#9aa78b;font-size:12px}.empty-state>svg{color:#b3bd9d}.empty-state h3{font-size:16px;font-weight:500;color:#7b8d69}.empty-state p{font-size:11px}.wallet-summary{display:flex;align-items:center;justify-content:center;gap:14px;padding:30px}.wallet-summary .coin-mini{width:32px;height:32px;font-size:16px}.wallet-summary strong{font:600 40px system-ui,sans-serif}.wallet-summary small{color:#9aa58b}.ledger>div{display:flex;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);font-size:11px}.ledger>div>span{flex:1}.ledger small{display:block;font-size:9px;color:#9ca68e;margin-top:6px}.ledger>div>b{min-width:45px;text-align:right}.ledger>div>small{min-width:60px;text-align:right;margin-top:0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-grid>div{border:1px solid #e4eadb;border-radius:10px;background:#f8faf4;padding:22px}.guide-grid h3{font-size:14px;font-weight:550;margin:14px 0 9px}.guide-grid p{font-size:11px;line-height:1.9;color:#8a997c}.guide-note{display:flex;align-items:center;gap:10px;font-size:10px;color:#8d9a80;margin:24px 0;line-height:1.8}.guide>.primary{display:flex;margin-left:auto}.error{padding:12px 14px;margin:14px 0!important;color:#a36e5c!important;background:#faf1eb;border:1px solid #f0d9cc;border-radius:7px;font-size:11px;line-height:1.8}.muted{color:#93a084;font-size:11px;line-height:1.8}.toast-message{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:9px;background:#264e40f5;color:#fff;border-radius:8px;padding:14px 22px;box-shadow:0 8px 30px #183b2e20;max-width:90vw;font-size:11px}.toast-enter-active,.toast-leave-active{transition:opacity .2s}.toast-enter-from,.toast-leave-to{opacity:0}kbd{font:500 9px system-ui,sans-serif;background:#eef2e9;color:#8d9b7d;border:1px solid #d9e2cf;border-bottom-width:2px;border-radius:4px;padding:3px 5px}.in-game{background:#193c37;min-height:100svh}.game-host{display:flex;justify-content:center;align-items:center;height:100svh;width:100%}.game-host canvas{display:block;touch-action:none}.game-top{display:flex;align-items:center;gap:12px;position:absolute;top:max(22px,env(safe-area-inset-top));left:4%;right:4%;pointer-events:none}.game-top>*{pointer-events:auto}.run-brand{display:flex;align-items:center;gap:9px}.run-brand .brand-mark{width:34px;height:34px;font-size:21px}.run-brand small{color:#f5f5e1;font:600 7px/1.8 system-ui,sans-serif;letter-spacing:1px}.hud-distance{display:flex;flex-direction:column;text-align:center;margin:auto;min-width:154px;padding:8px 24px;background:#fffdf3ee;border:1px solid #ffffff88;border-radius:10px;box-shadow:0 4px 18px #29412b0a}.hud-distance>small{font:600 7px system-ui,sans-serif;color:#8a957e;letter-spacing:2px}.hud-distance>b{font:650 31px/1.4 system-ui,sans-serif;font-variant-numeric:tabular-nums}.hud-distance em{font-style:normal;font-size:12px;font-weight:400}.hud-distance>span{font-size:10px;color:#7b8970}.hud-coins{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #ffffff77;border-radius:9px;background:#fffdf3ee;font-size:16px;font-weight:600}.hud-coins small{font-size:8px;color:#8e9a7e;font-weight:400}.game-top .icon-button{background:#fffdf3ed;border-color:#fff7}.game-status{display:flex;flex-wrap:wrap;gap:7px;position:absolute;top:120px;left:4%;max-width:80%}.game-status>span{display:flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid #ffffff66;border-radius:6px;background:#fffdf3d9;color:#627957;font-size:9px}.game-status .shield-status{background:#dcebd6e8;border-color:#e6f1df}.scene-stamp{position:absolute;bottom:160px;left:4%;background:#264e40c9;color:#f2f5e7;font-size:9px;border-radius:5px;padding:7px 10px;letter-spacing:1px}.scene-stamp>span{display:none}.game-controls{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:4%;right:4%;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;-webkit-user-select:none;user-select:none}.game-controls>*{pointer-events:auto}.game-controls>div{display:flex;gap:12px}.control{display:flex;align-items:center;gap:9px;padding:17px 18px;border:1px solid #9eb69a66;border-radius:10px;background:#264e40e6;color:#f6f8ee;touch-action:none}.control span{font-size:11px}.control svg{width:20px;height:20px}.control kbd,.skill-control kbd{font-size:8px;color:#c8d6ba;border-color:#c8d6ba55;background:#f1f7e312}.down-arrow{transform:rotate(-90deg)}.skill-control{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;touch-action:none;opacity:1!important}.skill-icon{position:relative;display:grid;place-items:center;height:76px;width:76px;border-radius:50%;background:conic-gradient(#d6be7a calc(100% - var(--cooldown)),#7b8f76 0);color:#e9e3c2;border:1px solid #b8c5a75c;box-shadow:0 0 0 4px #264e4055}.skill-icon:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#264e40}.skill-icon>svg{position:relative;z-index:1}.skill-control.ready .skill-icon{color:#f6dfa1;box-shadow:0 0 0 4px #d6be7a33}.skill-control.active .skill-icon{box-shadow:0 0 24px #ffe0a088}.skill-icon>b{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#264e40df;z-index:2;display:grid;place-content:center;font-size:24px}.skill-icon>b small{font-size:9px;margin-top:-5px}.skill-control>span:last-child{display:flex;align-items:center;gap:7px;font-size:10px;color:#f3f5e4}.pause-card{display:flex;flex-direction:column;align-items:center;gap:20px;width:370px;max-width:100%;padding:36px;background:#fff;border-radius:16px;box-shadow:0 20px 70px #14251b33;text-align:center}.pause-card h2{font-size:25px;font-weight:600}.pause-card p{font-size:11px;color:#87937a}.pause-card .primary,.pause-card .secondary{width:100%}.pause-card small{font-size:9px;color:#a3ad96}.result-page{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:32px}.result-card{width:570px;max-width:100%;border:1px solid #e1e8d9;border-radius:18px;padding:36px;background:#ffffffed;box-shadow:0 20px 70px #29402c0a;text-align:center}.result-card .eyebrow{justify-content:center;font-size:8px}.result-card h1{font-size:26px;font-weight:600;margin-top:15px}.result-hero{position:relative;display:flex;align-items:center;justify-content:center;height:180px}.result-hero img{height:175px}.result-hero>svg{position:absolute;right:25%;top:55px;color:#bc9f59;transform:rotate(10deg)}.result-hero>span{position:absolute;left:26%;top:65px;color:#d0c28c;font-size:23px}.result-label{font-size:10px;color:#96a189;letter-spacing:1px}.result-score{display:block;font:600 56px/1.3 system-ui,sans-serif;color:var(--green);letter-spacing:-2px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats>div+div{border-left:1px solid var(--line)}.result-stats span{display:block;color:#99a28e;font-size:9px;margin-bottom:8px}.result-stats b{font-size:20px}.result-stats small{font-size:10px;font-weight:400}.gold-text{color:#b29b56!important}.result-rank{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#7f9070}.result-blessing{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#a3ac95;margin-top:12px}.result-actions{display:flex;gap:12px;margin-top:26px}.result-actions button{flex:1}.result-card>.primary{margin-top:20px}.result-card>.muted{margin-top:15px}.result-card>p>svg{width:17px;margin-right:8px}@keyframes idle-frames{to{background-position:114.285714% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:1100px)and (min-width:761px){.topbar{padding:0 28px}.header-center{display:none}.lobby{grid-template-columns:230px minmax(240px,1fr) 190px;gap:15px;padding:0 30px}.hero-stage>.hero-display{width:300px}.hero-stage:before{width:280px;height:280px;top:calc(50% - 160px)}.hero-stage:after{font-size:55px}.skill-float{right:-15px;top:26%;padding:9px}.skill-float kbd{display:none}.challenge-card{padding:20px 15px}.challenge-card h3{font-size:18px}.challenge-icon{right:13px}.lobby-bottom{padding:0 30px;gap:30px}.dock button{padding:16px 14px}.start-group{flex-basis:270px}.login-layout{gap:45px}.login-illustration h1{font-size:26px}.blessing-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{height:74px;margin:0 20px;padding:0;gap:10px}.brand{font-size:17px;gap:8px}.brand small{font-size:6px;letter-spacing:1.5px}.brand-mark{width:32px;height:32px;font-size:20px;border-radius:10px}.header-center,.edition,.user-info,.sound{display:none}.userbar{gap:7px}.userbar .icon-button{height:32px;width:32px}.wallet{padding:8px 9px;gap:6px;font-size:11px}.wallet>svg{display:none}.wallet .coin-mini{width:16px;height:16px;font-size:8px}.world-layer{top:38%;right:0;bottom:0;left:0;opacity:.24}.lobby{display:block;position:relative;margin:0 20px;padding:0;min-height:495px;height:calc(100svh - 302px);max-height:700px}.lobby-copy{position:absolute;left:0;top:30px;padding:0}.lobby-copy .eyebrow{font-size:8px;letter-spacing:1px}.lobby-copy h1{font-size:29px;line-height:1.5;margin-top:16px;letter-spacing:-1px}.lobby-copy>p{max-width:136px;font-size:10px;margin-top:13px}.lobby-copy>.text-link{margin-top:20px;font-size:10px}.record{position:absolute;left:0;top:350px;width:150px;margin-top:0;gap:8px;padding:13px 0}.record-icon svg{width:16px}.record small{font-size:8px}.record strong{font-size:22px}.record em{display:none}.record button{padding:0}.record button svg{width:16px}.hero-stage{position:absolute;top:85px;right:-14px;width:65%;min-height:0;height:330px;pointer-events:none}.hero-stage>.hero-display{width:250px;transform:translateY(-10px)}.hero-stage:before{width:210px;height:210px;top:38px}.hero-stage:after{display:none}.stage-shadow{top:267px;width:120px;height:9px}.hero-name{bottom:-55px;width:180px;left:50%;transform:translate(-50%)}.hero-name>.tiny-pill{font-size:8px}.hero-name h2{font-size:20px;margin:6px 0 9px}.hero-name h2 span{display:none}.hero-name button{pointer-events:auto;font-size:9px;padding:6px 10px}.skill-float{top:-22px;right:9px;padding:8px 9px;gap:7px;border-radius:8px}.skill-float>svg{width:16px;height:16px}.skill-float small{font-size:7px}.skill-float b{font-size:9px}.skill-float kbd{display:none}.lobby-aside{position:absolute;bottom:0;left:0;width:100%;padding:0}.season-label,.scene-info{display:none}.challenge-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:9px;background:#f8faf3d9}.challenge-icon{position:static;order:-1}.challenge-icon svg{width:18px;height:18px}.challenge-card .tiny-pill,.challenge-card p{display:none}.challenge-card h3{font-size:11px;margin:0}.challenge-link{margin:0 0 0 auto;padding:0;border:0;font-size:9px;gap:7px}.challenge-link svg{width:14px;height:14px}.lobby-bottom{flex-direction:column;gap:14px;padding:17px 20px 0;margin:0;min-height:0}.dock{width:100%;padding:5px;border-radius:10px}.dock button{flex:1;padding:12px 4px;flex-direction:column;gap:7px;font-size:10px}.dock button>svg{width:19px;height:19px}.dock button small{display:none}.dock button i{top:7px;right:20px}.start-group{flex:initial;width:100%;gap:8px;flex-direction:column-reverse}.start-button{min-height:54px;font-size:18px;gap:22px;border-radius:9px}.start-button svg{width:19px;height:19px}.start-group>span{font-size:8px}.start-group>span svg{width:12px}.footer{min-height:47px;padding:0 20px;font-size:7px}.footer>span:last-child{display:none}.footer>span{margin:auto}.login-layout{display:flex;flex-direction:column;gap:20px;min-height:calc(100svh - 121px);padding:26px 24px 30px}.login-illustration{width:100%;text-align:center}.login-illustration .eyebrow{justify-content:center;font-size:7px}.login-illustration h1{font-size:23px;margin:13px 0 9px}.login-illustration>p{font-size:10px}.login-hero{height:150px;margin-top:10px}.login-hero img{height:170px;width:150px}.scene-tag{display:none}.login-card{padding:24px;width:100%;max-width:400px;border-radius:13px}.login-card .eyebrow{font-size:7px}.login-card h2{font-size:21px;margin:12px 0 8px}.login-card>p{font-size:10px}.login-card label{font-size:10px;margin:22px 0 9px}.login-card input{font-size:16px;padding:12px}.login-card input::placeholder{font-size:11px}.login-card .login-note{margin-top:20px;padding-top:15px;font-size:9px}.overlay{padding:14px}.modal{padding:22px 18px;border-radius:14px;max-height:93svh}.modal-header{margin-bottom:20px;gap:10px}.modal-header h2{font-size:20px;margin-top:6px}.modal-header .eyebrow{font-size:7px}.modal-header .icon-button{width:31px;height:31px}.character-detail{grid-template-columns:115px 1fr;padding:5px 10px 5px 0;min-height:218px;gap:7px}.portrait{height:200px}.portrait .hero-display{width:140px;height:175px;flex-shrink:0}.character-detail h3{font-size:24px;margin:10px 0}.character-detail p{font-size:9px}.character-detail .tiny-pill{font-size:7px}.skill-detail{gap:7px;margin:12px 0}.skill-detail>svg{width:31px;height:31px;padding:8px;border-radius:8px}.skill-detail b{font-size:10px}.skill-detail p{font-size:8px}.character-detail>div>small{font-size:7px}.character-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.character-grid img{width:90px;height:105px}.character-grid b{font-size:11px}.character-grid small,.modal-footnote{font-size:8px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card{padding:14px}.product-art{width:56px;height:58px;margin:12px auto 16px;border-radius:15px}.product-art svg{width:31px}.stock{font-size:7px;top:8px;right:8px}.product-card h3{font-size:12px}.product-card p{font-size:9px;min-height:48px;margin:9px 0 13px}.buy-button{font-size:10px;padding:10px 8px;gap:5px}.buy-button>span:last-child{font-size:9px;gap:3px}.panel-subtitle{font-size:10px}.panel-subtitle .wallet{padding:6px 8px;flex-shrink:0}.modal-bottom{margin-top:18px}.modal-bottom .primary{font-size:11px;padding:12px}.prepare-runner{padding:5px 9px;gap:8px}.prepare-runner img{width:38px;height:55px}.prepare-runner b{font-size:10px}.prepare-runner p,.prepare-runner .text-link{font-size:8px}.section-label h3{font-size:11px;gap:5px}.section-label h3 svg{width:15px}.section-label>span{font-size:8px}.blessing-grid{grid-template-columns:repeat(3,1fr);gap:8px}.blessing-card{padding:13px 5px 11px;gap:8px;border-radius:8px}.blessing-orb{width:36px;height:36px;border-radius:10px}.blessing-orb svg{width:22px}.blessing-card>b{font-size:10px}.blessing-card>small{font-size:7px;min-height:38px}.blessing-card .price{font-size:9px}.loadout{gap:7px}.loadout button{flex:1 0 30%;font-size:8px;padding:10px 5px;gap:4px}.loadout button svg{width:14px}.loadout small{font-size:7px}.prepare-bottom{gap:10px;margin-top:20px;padding-top:18px}.prepare-bottom b{font-size:10px}.prepare-bottom small{font-size:8px;max-width:160px}.prepare-bottom .primary{min-width:0;padding:13px 15px;font-size:11px;gap:8px}.ranking-tabs button{padding:8px 16px;font-size:10px}.ranking-tabs select{font-size:9px;padding:10px 6px}.ranking-rule{font-size:8px}.podium{gap:8px;margin:22px 0}.podium>div{min-width:0;flex:1;padding:14px 6px;border-radius:10px}.podium .place-1{min-height:220px}.podium .place-2{min-height:197px}.podium .place-3{min-height:180px}.podium img{width:64px;height:73px}.podium b{font-size:10px;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium strong{font-size:19px}.podium small{font-size:7px}.rank-table>div{gap:8px;padding:11px 5px;font-size:9px}.rank-table small{display:none}.rank-table img{width:25px;height:25px}.rank-table strong{min-width:40px}.my-rank{gap:10px;padding:15px 10px;font-size:10px}.my-rank>span:first-child{font-size:8px}.guide-grid{gap:10px}.guide-grid>div{padding:15px}.guide-grid h3{font-size:12px}.guide-grid p{font-size:10px}.guide-note{font-size:9px}.ledger>div{gap:12px;font-size:10px}.ledger small{font-size:8px}.wallet-summary strong{font-size:34px}.game-top{top:max(18px,env(safe-area-inset-top));left:5%;right:5%;gap:7px}.run-brand small{display:none}.run-brand .brand-mark{width:30px;height:30px;font-size:18px}.hud-distance{min-width:100px;padding:6px 12px}.hud-distance>small{font-size:6px}.hud-distance>b{font-size:23px}.hud-distance>span{font-size:8px}.hud-coins{font-size:13px;padding:8px 10px;gap:6px}.hud-coins small{display:none}.game-top .icon-button{width:31px;height:31px}.game-top .icon-button svg{width:15px}.game-status{top:100px;left:5%;max-width:90%;gap:5px}.game-status>span{font-size:8px;padding:5px 8px}.game-controls{bottom:max(25px,env(safe-area-inset-bottom));left:5%;right:5%}.game-controls>div{gap:9px}.control{flex-direction:column;padding:15px 14px;gap:8px;border-radius:10px}.control svg{width:24px;height:24px}.control span{font-size:8px}.control kbd,.skill-control kbd{display:none}.skill-icon{width:66px;height:66px}.skill-control>span:last-child{font-size:8px}.scene-stamp{left:5%;bottom:140px;font-size:8px}.pause-card{padding:30px}.result-page{padding:20px}.result-card{padding:26px 20px;border-radius:14px}.result-card h1{font-size:23px}.result-hero{height:170px}.result-hero>svg{right:16%}.result-hero>span{left:16%}.result-score{font-size:48px}.result-stats b{font-size:18px}.result-actions{gap:10px}.result-actions button{padding:14px 10px;font-size:11px;gap:7px}}@media(max-width:380px){.topbar,.lobby{margin:0 16px}.lobby-copy h1{font-size:26px}.hero-stage{right:-20px;width:66%}.hero-stage>.hero-display{width:230px}.hero-stage:before{width:190px;height:190px}.skill-float{right:7px}.record{width:138px}.lobby-bottom{padding-left:16px;padding-right:16px}}@media(max-width:960px)and (orientation:landscape)and (max-height:520px){.game-top{top:12px}.game-status{top:92px}.game-controls{bottom:17px}.control{flex-direction:row;padding:12px 16px}.skill-icon{width:55px;height:55px}.skill-control{gap:7px}.scene-stamp{bottom:105px}.overlay{padding:12px}.pause-card{padding:24px;gap:14px}.pause-card h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.hero-display,.modal,.overlay{animation:none}button{transition:none}}.modal.audio{width:450px}.audio-setting-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}.audio-setting-row h3{font-size:13px;font-weight:550}.audio-setting-row p{color:var(--muted);font-size:10px;margin-top:7px}.audio-switch{flex-shrink:0;display:flex;align-items:center;width:42px;height:25px;padding:3px;border-radius:20px;background:#d8ded5}.audio-switch span{width:19px;height:19px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #1c302422;transition:transform .18s}.audio-switch.on{background:var(--green)}.audio-switch.on span{transform:translate(17px)}.audio-volume{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audio-volume label{display:flex;justify-content:space-between;align-items:center;font-size:12px}.audio-volume label b{font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted);font-weight:450}.audio-volume input{width:100%;height:26px;margin:14px 0 0;accent-color:var(--green);cursor:pointer}.audio-preview{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:20px;border-top:1px solid var(--line)}.audio-preview>span{font-size:10px;color:var(--muted);margin-right:5px}.audio-preview button{border:1px solid var(--line);background:var(--soft);border-radius:6px;padding:9px 11px;font-size:10px}