:root{font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;color:#304d50;background:#c7dde0;font-synthesis:none;font-weight:400;--ink:#304d50;--muted:#7a8986;--paper:#fbf7ee;--coral:#e47b60;--line:rgba(60,83,79,.13);--shadow:0 22px 80px #27494924}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation}button:disabled{cursor:default}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #429ca8;outline-offset:4px}button{transition:background .18s,transform .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(1px)}button svg{flex-shrink:0}svg{vertical-align:middle;flex-shrink:0}#world{position:fixed;inset:0;display:block;width:100%;height:100%;z-index:0}#app{position:relative;z-index:1;width:100vw;height:100dvh;pointer-events:none}#app>*{pointer-events:auto}body[data-phase=menu] #app:before,body[data-phase=results] #app:before,body[data-phase=tutorial] #app:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f5f3eafa,#f5f3eaf5 23%,#f5f3eacf 36%,#f5f3ea50 51%,#f5f3ea00 64%);pointer-events:none}.topbar{height:106px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;text-align:left;flex-shrink:0}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--coral);color:#fff5db;border-radius:14px 14px 14px 3px;box-shadow:0 5px 13px #c7815420}.brand b{display:block;font-size:23px;font-weight:800;letter-spacing:2px;line-height:1.25}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:700;margin-top:5px}.topbar nav{display:flex;align-items:center;gap:34px;padding-top:1px}.nav-item{position:relative;padding:14px 1px;font-size:14px;letter-spacing:1px;font-weight:600;opacity:.66}.nav-item:hover,.nav-item.active{opacity:1}.nav-item.active:after{position:absolute;content:"";height:3px;width:16px;background:var(--coral);bottom:3px;left:50%;transform:translate(-50%);border-radius:2px}.top-actions{display:flex;gap:20px;align-items:center}.wallet{display:flex;align-items:center;gap:9px;background:#fff9e599;padding:10px 18px;border:1px solid #fff9e5b0;border-radius:28px;min-width:90px;justify-content:center}.wallet svg{color:#c19341}.wallet b{font-size:14px;min-width:12px}.icon-button{height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-button:hover{background:#fff9e5a1}.menu-layout{display:grid;grid-template-columns:46% 54%;height:calc(100dvh - 178px);min-height:550px;max-width:1800px;margin:auto;padding:20px 4.65% 0}.hero{position:relative;width:100%;max-width:515px;align-self:center;padding-bottom:8px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;display:flex;align-items:center;gap:9px;margin:0 0 24px;white-space:nowrap}.eyebrow>span{height:6px;width:6px;display:inline-block;background:var(--coral);border-radius:50%}h1{font-size:clamp(52px,5.35vw,83px);letter-spacing:-3px;line-height:1.22;font-weight:800;margin:0 0 24px}.headline-accent{color:#e18466}.hero-description{font-size:14px;color:#778780;line-height:1.95;letter-spacing:.9px;margin:0 0 28px}.hero-buttons{display:flex;gap:16px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:47px;padding:13px 23px;border-radius:11px;font-weight:650;font-size:14px;letter-spacing:.5px}.primary{background:var(--coral);color:#fffaf0;box-shadow:0 7px 16px #d3765524}.primary:hover{background:#d96f54;box-shadow:0 8px 20px #ce75583a}.primary:disabled{background:#afbbb1;box-shadow:none}.secondary{background:#f8f3e9;border:1px solid var(--line)}.secondary:hover{background:#fffaf0}.start-button{height:58px;min-width:240px;justify-content:space-between;font-size:16px;padding:0 25px}.round-button{width:50px;height:50px;border-radius:50%;border:1px solid #9aa99c55;color:#7a8b81}.round-button:hover{background:#fff9ec}.personal-record{display:flex;align-items:center;gap:8px;font-size:11px;color:#7f8d84;margin-top:16px;letter-spacing:.2px}.personal-record svg{color:#ac9561}.personal-record strong{color:#53655b;margin-left:3px;font-size:12px}.personal-record>span{font-size:10px}.loadout{margin-top:30px;max-width:400px}.section-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-line>span{font-size:11px;font-weight:650;color:#6a7b70;letter-spacing:.6px}.section-line small{font-size:9px;color:#9caaa0}.loadout-items{display:flex;gap:8px}.loadout-item{display:flex;align-items:center;gap:8px;border:1px solid #c2cbb859;border-radius:10px;padding:10px 9px;flex:1;min-width:0;text-align:left;background:#faf7e875;font-size:10px;white-space:nowrap}.loadout-item>span:first-child{color:var(--item-color);display:flex}.loadout-item small{display:block;font-size:10px;color:#96a295;margin-top:3px}.loadout-item:disabled{opacity:.58}.loadout-item.selected{border-color:#d78d66;background:#fff2d9}.loadout-item:not(:disabled):hover{background:#fff9e9}.mission-entry{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#e6e8d973;border:1px solid #cad0bd57;border-radius:11px;margin-top:17px;text-align:left;width:400px;max-width:100%}.mission-entry:hover{background:#e3e7dbe6}.mission-icon{color:#9a9863;display:flex;align-items:center;justify-content:center;background:#eeecd8;width:38px;height:38px;border-radius:10px;flex-shrink:0}.mission-entry b{display:block;font-size:11px;letter-spacing:.4px;font-weight:650}.mission-entry small{display:block;margin-top:5px;font-size:10px;color:#8b9685}.mission-count{margin-left:auto;font-size:10px;color:#8d987e;white-space:nowrap}.preview-drag{position:relative;min-width:0;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.preview-drag:active{cursor:grabbing}.sky-note{position:absolute;top:18px;right:1%;display:flex;align-items:flex-end;flex-direction:column;gap:12px;pointer-events:none;color:#5e7b7b}.tiny-label{font-size:8px;letter-spacing:2.3px;opacity:.65}.sky-note>span:last-child{font-size:11px;letter-spacing:1.2px;display:flex;align-items:center;gap:7px}.character-label{position:absolute;bottom:38px;left:43%;transform:translate(-50%);display:flex;align-items:center;gap:14px;min-width:194px;padding:14px 16px;background:#f9f4e7e0;border:1px solid #fff8e3bd;box-shadow:0 8px 24px #667b7320;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.character-number{font-family:Georgia,serif;font-size:38px;color:#c9b993;font-style:italic;line-height:1}.character-label small{display:block;color:#93a08d;font-size:9px;letter-spacing:1px;margin-bottom:3px}.character-label b{font-size:20px;letter-spacing:3px}.character-label .icon-button{margin-left:auto;color:#8d9b89}.rotate-hint{position:absolute;bottom:14px;left:43%;transform:translate(-50%);font-size:9px;color:#6b847d;letter-spacing:1px;display:flex;align-items:center;gap:7px}.home-footer{height:72px;padding:0 4.65%;display:flex;align-items:center;justify-content:space-between;color:#7f9188;font-size:9px;letter-spacing:1px}.home-footer>span:first-child{display:flex;align-items:center;gap:7px}.home-footer i{height:5px;width:5px;background:#93aa87;border-radius:50%}.home-footer>div{display:flex;gap:22px}.home-footer>div>span{display:flex;align-items:center;gap:5px}.home-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border:1px solid #9bad9c59;background:#fff7df45;border-radius:4px;color:#738978;font-size:10px}.edition{font-size:8px;letter-spacing:2px}.page-title{font-size:clamp(45px,4.3vw,65px);letter-spacing:-2px}.character-page .hero-description{margin-bottom:20px}.character-list{display:flex;flex-direction:column;gap:8px;max-width:390px}.character-option{display:flex;align-items:center;text-align:left;padding:11px 14px;gap:14px;border:1px solid #c8cdbd60;background:#faf7ee77;border-radius:12px}.character-option.selected{border-color:#d19977;background:#fff9eb;box-shadow:0 5px 15px #b8866510}.avatar-mark{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--character-color) 17%,transparent);color:var(--character-color)}.character-option b{font-size:14px;letter-spacing:1px}.character-option small{font-size:10px;display:block;color:#899783;margin-top:4px}.character-state{margin-left:auto;color:#8c977f;font-size:10px;display:flex;gap:4px;align-items:center}.character-story{font-size:11px;color:#8d987f;margin:17px 0;letter-spacing:.3px;line-height:1.8}.character-equip{width:390px;max-width:100%;justify-content:space-between}.text-button{font-size:12px;color:#82907f;display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:13px 0;background:none}.text-button:hover{color:#cf775a}.character-page .text-button{display:block;width:390px;max-width:100%}.modal-backdrop{position:absolute;inset:0;background:#25474455;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:30px;z-index:10}.dialog{width:min(900px,100%);position:relative;padding:42px;background:var(--paper);border:1px solid #fff9e7;border-radius:22px;box-shadow:var(--shadow);max-height:calc(100dvh - 60px);overflow:auto;scrollbar-width:thin;scrollbar-color:#d3c7ac transparent;animation:dialog-in .22s ease-out}.close-dialog{position:absolute;right:20px;top:18px;color:#8c9788;background:#eeebdf}.close-dialog:hover{background:#e8e3d1}.modal-eyebrow{font-size:9px;font-weight:650;letter-spacing:2.3px;color:#b5a582;margin-bottom:11px}h2{font-size:30px;margin:0 0 12px;letter-spacing:1px;font-weight:750}h3{font-size:17px;margin:0 0 10px}.modal-description{color:#8b9689;font-size:12px;letter-spacing:.3px;line-height:1.8;margin:0 0 26px}.shop-wallet{position:absolute;right:43px;top:100px;display:flex;align-items:center;gap:7px;font-size:11px;color:#9b916c}.shop-wallet strong{color:#5e6a54;font-size:16px;margin-left:5px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product{border:1px solid #dedecb;border-radius:14px;padding:17px;background:#f8f4e9}.product-art{position:relative;height:132px;display:flex;align-items:center;justify-content:center;margin-bottom:17px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--item-color) 12%,transparent),transparent 70%)}.product-art>span{position:relative;z-index:1;width:91px;height:91px;border-radius:27px;color:var(--item-color);background:linear-gradient(130deg,#fff7e5,#e9e2cd);display:flex;align-items:center;justify-content:center;transform:rotate(-9deg);box-shadow:5px 10px color-mix(in srgb,var(--item-color) 22%,#ece2c9),12px 22px 24px #9f977222;border:2px solid #fff9e8}.product-art i{position:absolute;bottom:5px;background:#a49b771b;height:10px;width:90px;border-radius:50%;filter:blur(5px)}.product-category{font-size:8px;color:#aba689;letter-spacing:1px}.product h3{font-size:17px;margin:9px 0}.product p{font-size:11px;line-height:1.8;color:#939b88;min-height:40px;margin:0 0 16px}.product-owned{display:flex;justify-content:space-between;font-size:10px;color:#969e8a;margin:0 0 14px}.product-owned b{font-size:12px;color:#7e8b73}.buy-button{background:#ebe6d5;border:1px solid #ded6bc;width:100%;padding:12px;gap:6px;justify-content:flex-start;color:#8b8058;font-size:13px}.buy-button>span{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px;color:#61725c}.buy-button:hover{background:#e3dcc5}.note-line{display:flex;gap:9px;align-items:center;font-size:10px;line-height:1.7;color:#96a08c;margin-top:24px}.leaderboard{border:1px solid #dde0cc;border-radius:12px;overflow:hidden;max-height:430px;overflow-y:auto}.board-row{display:grid;grid-template-columns:70px 1fr 100px 130px;align-items:center;padding:13px 20px;border-bottom:1px solid #e4e4d6;font-size:13px}.board-row:last-child{border:0}.board-heading{font-size:10px;color:#949e89;background:#eeeede;padding-block:12px}.board-row>span:last-of-type,.board-row>strong{text-align:right}.board-row small{font-size:9px;color:#9aa28d;margin-left:5px}.board-row>span:nth-child(2)>small{display:block;margin:4px 0 0}.board-row>strong{font-size:18px;color:#69795d;font-variant-numeric:tabular-nums}.rank-number{font-family:Georgia,serif;font-size:22px;color:#a7af99;font-style:italic}.top-rank .rank-number{color:#bc9960}.top-rank{background:#faf4e4}.empty-state{text-align:center;padding:40px 20px 30px;color:#a6ad93}.empty-state>svg{color:#cab990;margin-bottom:22px}.empty-state h3{color:#75856b;font-size:18px}.empty-state p{font-size:12px;margin:12px 0 28px}.missions{display:grid;gap:13px}.mission-card{border:1px solid #dfe1ce;background:#f8f5e8;padding:20px;border-radius:13px}.mission-top{display:flex;align-items:center;gap:13px}.mission-top small{font-size:9px;color:#a4ab92}.mission-top h3{font-size:14px;margin:5px 0 0}.mission-reward{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:13px;color:#a79565}.progress-track{height:5px;background:#e6e7d8;border-radius:4px;margin:19px 0 12px;overflow:hidden}.progress-track>span{display:block;height:100%;background:#afbc91;border-radius:4px}.mission-bottom{display:flex;justify-content:space-between;align-items:center}.mission-bottom>span{color:#97a086;font-size:10px}.small{font-size:11px;padding:8px 17px;min-height:32px;border-radius:8px}.small:disabled{background:#eeeddf;color:#a3ab94}.settings-dialog{max-width:660px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:25px;border-bottom:1px solid #e4e4d7}.setting-row b{display:block;font-size:13px}.setting-row small{display:block;font-size:10px;color:#9ba18c;margin-top:8px;line-height:1.5}.setting-row input[type=range]{width:175px;accent-color:#cc9877}.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:#bb9272}.setting-row select{border:1px solid #d2d9c2;background:#f0efdf;color:#6d7c61;padding:9px 15px;border-radius:8px;font-size:12px}.storage-info{background:#edeede;border-radius:10px;display:flex;align-items:flex-start;gap:13px;padding:18px;margin-top:27px;color:#8a967b}.storage-info b{font-size:11px}.storage-info p{font-size:10px;line-height:1.8;margin:7px 0 0}.storage-info.warning{background:#f5e5d7;color:#af7357}.controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.controls-grid>div{background:#eeeddf;border-radius:12px;padding:26px 15px 16px;text-align:center}.controls-grid kbd{display:inline-flex;align-items:center;justify-content:center;width:47px;height:46px;background:#fcf7e8;border:1px solid #d5d8bf;border-bottom-width:4px;border-radius:9px;color:#8a977e;font-size:23px;margin-bottom:17px}.key-pair{display:flex;justify-content:center;gap:6px}.controls-grid h3{font-size:13px}.controls-grid p{font-size:10px;color:#97a18b;line-height:1.85}.handbook-note{display:flex;gap:16px;align-items:center;background:#f4eddc;color:#9e9576;border-radius:10px;padding:16px}.handbook-note p{margin:0;font-size:11px;line-height:1.9}.handbook-note b{color:#7b8269}.dialog-actions{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.compact{width:440px;text-align:center;padding:45px 38px}.compact .button{width:100%}.compact .text-button{margin-top:10px}.compact h2{font-size:26px}.pause-symbol{color:#abbca3;margin-bottom:23px}.tutorial-dialog{max-width:760px}.hud{padding:28px 35px;display:flex;align-items:flex-start;justify-content:space-between;position:absolute;top:0;left:0;right:0;background:linear-gradient(#20484b29,transparent);color:#fff9e8;text-shadow:0 2px 8px #385c6659}.hud-score>span{font-size:10px;letter-spacing:2px;opacity:.85}.hud-score>b{display:block;font-size:43px;font-weight:750;letter-spacing:1px;font-variant-numeric:tabular-nums;line-height:1.2;margin:6px 0 10px}.hud-pickups{display:flex;gap:20px}.hud-pickups>span{display:flex;gap:7px;align-items:center;font-size:16px}.hud-pickups>span:first-child{color:#fff0af}.hud-region{text-align:center;position:absolute;left:50%;transform:translate(-50%);padding-top:2px;letter-spacing:2px}.hud-region>span{font-size:16px;font-weight:650}.hud-region small{display:block;font-size:10px;margin-top:12px;opacity:.85;letter-spacing:.8px}.hud-region i{font-style:normal;margin:0 9px}.pause-button{width:48px;height:48px;background:#fcf5e92e;border:1px solid #fff7df5c;border-radius:14px;color:#fff8e7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-button:hover{background:#fcf5e952}.powerup-hud{position:absolute;left:35px;top:166px;display:flex;flex-direction:column;gap:8px}.power-status{display:flex;align-items:center;gap:9px;font-size:10px;padding:10px 13px;border-radius:10px;background:#faf7e5d9;color:#748674;box-shadow:0 4px 15px #304d5020}.power-status b{font-size:11px;margin-left:12px;color:#c58a5d}.game-controls{position:absolute;bottom:23px;left:50%;transform:translate(-50%);display:flex;gap:22px;padding:10px 20px;background:#335b6330;color:#fff8e9;font-size:10px;border-radius:20px;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#c9ddd632;color:#fff9e8;text-shadow:0 3px 20px #436f713f}.countdown-overlay>span{font-size:14px;letter-spacing:4px}.countdown-overlay>b{font-size:128px;line-height:1.4;font-weight:700;font-variant-numeric:tabular-nums}.countdown-overlay>small{font-size:11px;letter-spacing:2px}.region-banner{position:absolute;left:50%;top:23%;transform:translate(-50%,10px);text-align:center;color:#fff7df;opacity:0;transition:opacity .6s,transform .6s;pointer-events:none;text-shadow:0 2px 12px #30586480}.region-banner.visible{opacity:1;transform:translate(-50%)}.region-banner small{display:block;font-size:10px;letter-spacing:4px;margin-bottom:9px}.region-banner b{font-size:36px;letter-spacing:9px}.result-layout{height:calc(100dvh - 126px)}.result-panel .eyebrow{margin-bottom:18px}.result-panel h1{margin-bottom:15px}.result-reason{font-size:12px;color:#92a089;margin-bottom:20px}.result-score small{color:#ae996c;font-size:11px;display:flex;align-items:center;gap:7px}.result-score strong{display:block;font-size:64px;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:-1px;font-weight:750}.result-stats{display:flex;gap:28px;margin:12px 0 30px}.result-stats>div{padding-right:25px;border-right:1px solid #d9ddcc}.result-stats>div:last-child{border:0;padding-right:0}.result-stats span{font-size:10px;color:#91a086}.result-stats b{display:block;font-size:22px;margin-top:7px;color:#697d63}.result-stats small{font-size:10px;font-weight:400}.result-actions{display:flex;gap:12px}.result-panel>.text-button{padding-top:20px}.reward-callout{display:flex;align-items:center;gap:9px;font-size:11px;color:#a78f5d;background:#eee9cf;padding:12px 16px;margin-top:5px;border-radius:10px}.save-warning{position:absolute;bottom:0;left:0;right:0;z-index:30;background:#faf0d9f0;color:#a27650;text-align:center;font-size:10px;padding:9px 15px;line-height:1.6}#toast{position:fixed;z-index:100;bottom:85px;left:50%;max-width:90vw;transform:translate(-50%,14px);border-radius:12px;padding:13px 22px;background:#334f4ced;color:#fff4dc;box-shadow:0 5px 20px #304d5026;font-size:12px;line-height:1.7;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#toast.visible{opacity:1;transform:translate(-50%)}.startup-error{pointer-events:auto;margin:12vh auto;max-width:600px;background:#faf5e5;padding:40px;border-radius:20px}.startup-error h1{font-size:32px;letter-spacing:0;margin:25px 0 15px}.startup-error p{font-size:14px;line-height:1.9}.error-detail{font-family:monospace;color:#9c7762;font-size:11px!important}.startup-error .button{margin-top:20px}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1600px){.menu-layout{padding-top:30px}.hero{max-width:570px}.hero-description{font-size:16px}.loadout{margin-top:40px}.mission-entry{margin-top:23px}.sky-note{top:50px}.character-label{bottom:65px}.rotate-hint{bottom:41px}}@media(max-height:820px)and (min-width:901px){.topbar{height:88px}.menu-layout{height:calc(100dvh - 143px);min-height:0;padding-top:10px}.home-footer{height:55px}.eyebrow{margin-bottom:17px}h1{font-size:clamp(48px,4.5vw,64px);margin-bottom:17px}.hero-description{font-size:12px;margin-bottom:20px;line-height:1.8}.start-button{height:52px;min-width:220px}.loadout{margin-top:20px}.mission-entry{padding:11px 13px;margin-top:12px}.section-line{margin-bottom:8px}.loadout-item{padding:8px}.character-label{bottom:22px}.rotate-hint{bottom:0}.page-title{font-size:50px}.character-option{padding:9px 12px}.character-story{margin:12px 0}.result-layout{height:calc(100dvh - 100px)}.result-score strong{font-size:54px}.result-stats{margin:7px 0 20px}}@media(max-height:680px)and (min-width:901px){.topbar{height:74px}.menu-layout{height:calc(100dvh - 112px)}.home-footer{height:38px}h1{font-size:46px;margin-bottom:13px}.eyebrow{margin-bottom:13px;font-size:9px}.hero-description{margin-bottom:15px}.loadout{margin-top:13px}.mission-entry{padding:8px 12px}.personal-record{margin-top:10px}.hero{padding:0}.mission-entry .mission-icon{height:29px;width:29px}.character-list{gap:6px}.character-option{padding:6px 12px}.avatar-mark{width:34px;height:34px}.character-page .hero-description{margin-bottom:12px}.character-equip{min-height:40px}.character-page .text-button{padding:9px}.dialog{padding:30px}.product-art{height:100px}.modal-description{margin-bottom:18px}.result-panel h1{font-size:45px}.result-score strong{font-size:46px}.result-stats{margin-bottom:15px}}@media(max-width:1100px){.topbar{gap:18px}.topbar nav{gap:22px}.menu-layout{grid-template-columns:48% 52%;padding-inline:4%}.hero{max-width:390px}.loadout,.mission-entry{max-width:360px}.loadout-item{font-size:9px;gap:6px}.brand b{font-size:21px}.sky-note .tiny-label{font-size:7px;letter-spacing:1px}.character-label,.rotate-hint{left:55%}.home-footer .edition{display:none}.topbar{padding-inline:4%}.character-list,.character-equip{max-width:350px}.result-stats{gap:17px}.result-stats>div{padding-right:17px}.dialog{padding:32px}.shop-wallet{right:34px;top:91px}}@media(max-width:900px){.topbar{height:85px;padding:0 25px}.topbar nav{gap:18px}.nav-item{font-size:12px}.brand b{font-size:19px}.brand small{font-size:6px}.brand-symbol{width:41px;height:41px}.top-actions{gap:8px}.wallet{padding:8px 11px;min-width:65px}.menu-layout{min-height:0;height:calc(100dvh - 140px);grid-template-columns:52% 48%;padding:15px 25px 0}.hero{max-width:355px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:19px}h1{font-size:50px;letter-spacing:-2px}.hero-description{font-size:12px}.start-button{min-width:210px;height:52px}.loadout{margin-top:25px}.loadout-items{gap:5px}.loadout-item{padding:8px 5px;gap:5px}.loadout-item svg{width:16px}.section-line>span{font-size:10px}.section-line small{font-size:8px}.mission-entry{gap:8px;padding:11px 10px}.mission-entry b{font-size:10px}.mission-entry small{font-size:8px}.mission-count{font-size:9px}.sky-note{right:0;top:10px}.sky-note .tiny-label{display:none}.sky-note>span:last-child{font-size:9px;letter-spacing:0}.character-label{left:52%;min-width:158px;padding:11px;gap:10px}.character-label b{font-size:17px}.character-number{font-size:30px}.character-label .icon-button{width:30px}.home-footer{padding-inline:25px;height:55px;font-size:8px}.home-footer>div{gap:9px}.page-title{font-size:46px}.character-option{padding:10px}.character-story{font-size:10px}.result-stats{gap:12px}.result-stats>div{padding-right:12px}.result-actions{gap:8px}.result-actions .button{padding-inline:17px;font-size:12px}.result-score strong{font-size:53px}.dialog{padding:30px}.shop-grid{gap:10px}.product{padding:13px}.shop-wallet{position:static;margin:-7px 0 20px}.note-line{font-size:9px}.settings-dialog{max-width:620px}}@media(max-width:650px){body[data-phase=menu],body[data-phase=results],body[data-phase=tutorial]{overflow-y:auto}#app{min-height:100dvh;height:auto}.topbar{height:80px;padding:0 19px;flex-wrap:wrap;gap:0;align-content:center}.topbar nav{order:3;width:100%;justify-content:center;gap:28px;margin-top:11px}.nav-item{padding:7px 0;font-size:11px}.brand b{font-size:17px}.brand small{font-size:5px;letter-spacing:1.2px}.brand-symbol{width:34px;height:34px;border-radius:10px 10px 10px 2px}.brand-symbol svg{width:21px}.brand{gap:8px}.top-actions{margin-left:auto}.wallet{padding:6px 10px;font-size:12px}.top-actions .icon-button{width:30px;height:30px}.menu-layout{display:block;padding:42px 23px 20px;height:auto;min-height:calc(100dvh - 150px)}.hero{max-width:100%;width:100%;padding-bottom:0}.hero h1{font-size:51px}.hero-description{font-size:12px;max-width:230px}.hero .eyebrow{font-size:8px}.preview-drag{position:absolute;right:0;top:156px;width:40%;height:260px}.sky-note,.character-label,.rotate-hint{display:none}.loadout{max-width:100%;margin-top:30px}.loadout-item{font-size:10px;padding:10px}.mission-entry{max-width:100%;margin-top:14px}.mission-entry b{font-size:11px}.mission-entry small{font-size:9px}.home-footer{padding:0 23px 15px;display:flex;flex-wrap:wrap;gap:13px;height:auto}.home-footer>div{gap:13px}.home-footer>span:first-child{width:100%}body[data-phase=menu] #app:before,body[data-phase=results] #app:before,body[data-phase=tutorial] #app:before{background:linear-gradient(90deg,#f5f3eafa,#f5f3eacd 43%,#f5f3ea35)}.character-page .hero{max-width:350px}.character-page .hero-description{max-width:260px}.character-story{font-size:11px}.character-equip{width:100%}.result-panel .page-title{font-size:48px}.result-stats{gap:23px}.result-stats>div{padding-right:23px}.modal-backdrop{position:fixed;padding:15px}.dialog{padding:29px 21px;max-height:calc(100dvh - 30px);border-radius:17px}.modal-eyebrow{font-size:7px;letter-spacing:1.8px;max-width:85%}h2{font-size:24px}.modal-description{font-size:11px;max-width:95%}.close-dialog{right:12px;top:12px;width:32px;height:32px}.shop-grid{grid-template-columns:1fr}.product{display:grid;grid-template-columns:85px 1fr;gap:2px 17px;padding:16px}.product-art{grid-row:1/6;height:100%;margin:0}.product-art>span{height:68px;width:68px;border-radius:21px}.product-art svg{width:38px;height:38px}.product h3{font-size:16px;margin:6px 0}.product p{min-height:0;margin:0 0 9px}.product-category{font-size:7px}.product-owned{margin:4px 0 8px}.product .buy-button{grid-column:2;min-height:37px;padding:9px}.board-row{grid-template-columns:40px 1fr 55px 78px;padding:12px 10px;gap:3px;font-size:11px}.board-row>strong{font-size:14px}.rank-number{font-size:18px}.controls-grid{gap:7px}.controls-grid>div{padding:18px 5px 10px}.controls-grid kbd{height:36px;width:31px;font-size:18px}.controls-grid h3{font-size:12px}.controls-grid p{font-size:9px}.handbook-note{gap:10px;padding:12px}.handbook-note p{font-size:10px}.dialog-actions .button{padding:13px;font-size:12px}.setting-row{gap:15px}.setting-row input[type=range]{width:100px}.setting-row small{font-size:9px;max-width:190px}.settings-list .setting-row b{font-size:12px}.hud{padding:22px 20px}.hud-score>b{font-size:32px}.hud-region{padding-top:3px}.hud-region>span{font-size:13px}.hud-region small{font-size:8px}.pause-button{height:39px;width:39px;border-radius:11px}.hud-pickups{gap:13px}.hud-pickups>span{font-size:13px}.powerup-hud{left:20px;top:145px}.game-controls{gap:12px;font-size:8px;padding:9px 14px;bottom:20px}.save-warning{position:fixed}.startup-error{margin:15vh 20px;padding:26px}#toast{width:max-content;max-width:calc(100vw - 30px);font-size:11px}.region-banner b{font-size:25px;letter-spacing:5px}}.hud-left{background:#2d545d99;border:1px solid #f4f7e82e;border-radius:15px;padding:13px 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-region{background:#2d545d75;border:1px solid #f4f7e82e;border-radius:12px;padding:12px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.powerup-hud{top:195px}.hud-score>b{font-size:38px}@media(max-width:650px){.hud-left{padding:10px 12px}.hud-region{padding:10px 14px}.hud-score>b{font-size:29px}.powerup-hud{top:167px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.touch-controls,body[data-touch=true] .game-controls{display:none}body[data-touch=true] .touch-controls{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,58px);gap:12px;align-items:center;justify-content:center;pointer-events:auto}.touch-controls button{width:58px;height:56px;border-radius:15px;background:#f9f5e9dc;border:1px solid #fff8e7a6;color:#647f78;font-size:27px;box-shadow:0 4px 12px #234d4d19;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);touch-action:none}.touch-controls button:active{background:#e8d5b3;transform:scale(.94)}.touch-controls button small{display:block;font-size:8px;letter-spacing:1px;line-height:1;margin-top:0}.touch-controls>span{grid-column:1/5;text-align:center;color:#fff8e6;font-size:9px;letter-spacing:1px;text-shadow:0 1px 5px #234d4d}body[data-phase=running],body[data-phase=countdown],body[data-phase=paused],body[data-phase=dying]{overscroll-behavior:none;touch-action:none}body[data-phase=running] #world,body[data-phase=countdown] #world{touch-action:none}@media(max-width:650px)and (orientation:portrait){body[data-phase=menu],body[data-phase=results],body[data-phase=tutorial]{overflow:hidden}#app{height:100dvh;min-height:0}body[data-phase=menu] #app:before,body[data-phase=results] #app:before,body[data-phase=tutorial] #app:before{background:linear-gradient(180deg,#f5f3eafc,#f5f3eae3 24%,#f5f3ea00 36% 55%,#f5f3eaf0 72%,#f5f3ea 91%)}.topbar{height:90px;padding:8px max(21px,env(safe-area-inset-left)) 0;position:relative;z-index:4}.menu-layout{height:calc(100dvh - 90px);min-height:0;padding:0 23px;position:static;display:block}.menu-layout .hero{display:contents;max-width:none}.hero>.eyebrow{position:absolute;top:114px;left:25px;margin:0;font-size:7px;z-index:2;letter-spacing:1.8px}.hero>h1{position:absolute;top:137px;left:23px;margin:0;font-size:40px;line-height:1.14;letter-spacing:-1.5px;z-index:2}.hero>.hero-description{position:absolute;top:236px;left:25px;margin:0;font-size:10px;line-height:1.7;z-index:2;max-width:230px}.hero-buttons{position:absolute;bottom:236px;left:23px;right:23px;z-index:3;gap:11px}.start-button{width:100%;height:55px;min-width:0;font-size:15px}.round-button{width:47px;height:47px;flex-shrink:0;background:#faf7ed8f}.personal-record{position:absolute;bottom:208px;left:25px;margin:0;font-size:10px;z-index:2}.loadout{position:absolute;bottom:112px;left:23px;right:23px;margin:0;max-width:none;z-index:3}.section-line{margin-bottom:9px}.loadout-item{min-height:47px;font-size:9px;padding:8px;gap:6px;background:#faf7eea6}.loadout-item>span:first-child svg{width:19px;height:19px}.mission-entry{position:absolute;bottom:45px;left:23px;right:23px;width:auto;max-width:none;margin:0;padding:10px 12px;z-index:3;background:#e8ebdeb3}.mission-entry .mission-icon{width:31px;height:31px}.mission-entry b{font-size:10px}.mission-entry small{font-size:9px;margin-top:4px}.home-footer{position:absolute;bottom:max(13px,env(safe-area-inset-bottom));left:0;right:0;height:15px;padding:0 24px;display:flex;justify-content:space-between;gap:0;font-size:7px}.home-footer>span:first-child{width:auto;letter-spacing:0}.home-footer>div{display:none}.preview-drag{position:absolute;width:100%;inset:265px 0 285px;height:auto;z-index:1}.character-label,.rotate-hint,.sky-note{display:none}.character-page .hero>h1{font-size:33px;top:136px}.character-page .hero>.hero-description{display:none}.character-page .character-list{position:absolute;bottom:152px;left:23px;right:23px;z-index:3;max-width:none;gap:7px}.character-option{min-height:50px;padding:7px 12px;background:#fbf8efe8}.avatar-mark{width:35px;height:35px}.character-option b{font-size:12px}.character-option small{font-size:9px;margin-top:3px}.character-story{position:absolute;bottom:111px;left:23px;right:23px;font-size:10px;text-align:center;margin:0;line-height:1.6;z-index:3}.character-equip{position:absolute;bottom:54px;left:23px;right:23px;width:calc(100% - 46px);max-width:none;height:45px;min-height:45px;z-index:3;font-size:12px}.character-page .hero>.text-button{position:absolute;bottom:17px;left:23px;right:23px;padding:6px;width:auto;z-index:3;font-size:10px}.character-page .preview-drag{top:220px;bottom:330px}.result-panel>.eyebrow{top:113px}.result-layout .result-panel>h1{font-size:37px;top:138px}.result-panel>.result-reason{position:absolute;top:228px;left:25px;font-size:10px;margin:0;z-index:2;max-width:270px}.result-score{position:absolute;bottom:239px;left:25px;z-index:3}.result-score strong{font-size:49px;line-height:1.3}.result-score small{font-size:10px}.result-stats{position:absolute;bottom:170px;left:25px;right:25px;margin:0;justify-content:space-between;z-index:3;gap:12px}.result-stats>div{padding-right:18px;flex:1}.result-stats b{font-size:20px}.result-stats span{font-size:9px}.result-actions{position:absolute;bottom:99px;left:23px;right:23px;z-index:3}.result-actions .button{flex:1;font-size:12px;min-height:47px}.result-panel>.text-button{position:absolute;bottom:59px;left:23px;right:23px;padding:7px;z-index:3;font-size:10px}.reward-callout{position:absolute;bottom:17px;left:23px;right:23px;justify-content:center;font-size:10px;padding:10px;margin:0;z-index:3}.hud{padding:16px}.hud-left{padding:10px 11px;min-width:97px}.hud-score>b{font-size:27px;letter-spacing:0}.hud-score>span{font-size:8px;letter-spacing:1px}.hud-pickups{gap:10px}.hud-pickups>span{font-size:11px;gap:4px}.hud-pickups svg{width:15px}.hud-region{left:auto;right:68px;transform:none;padding:10px 12px;max-width:calc(100vw - 190px)}.hud-region>span{font-size:11px;letter-spacing:1px}.hud-region small{font-size:8px;white-space:nowrap;letter-spacing:0;margin-top:7px}.hud-region i{margin:0 4px}.powerup-hud{left:16px;top:147px}.power-status{padding:8px 10px;font-size:9px}.countdown-overlay>b{font-size:108px}.countdown-overlay>span{font-size:12px}.region-banner{top:27%;width:100%}.dialog{padding-bottom:max(25px,env(safe-area-inset-bottom))}.controls-grid p{font-size:9px}.controls-grid h3{font-size:11px}.controls-grid kbd{margin-bottom:12px}.compact{padding:35px 25px}.compact h2{font-size:23px}#toast{bottom:200px;font-size:10px;padding:10px 16px}}@media(max-width:650px)and (max-height:730px)and (orientation:portrait){.topbar{height:81px;padding-top:4px}.hero>.eyebrow{top:101px}.hero>h1{top:122px;font-size:32px}.hero>.hero-description{display:none}.hero-buttons{bottom:213px}.start-button{height:46px;font-size:14px}.round-button{height:42px;width:42px}.personal-record{bottom:187px}.loadout{bottom:105px}.loadout-item{min-height:42px;padding:6px}.mission-entry{bottom:39px}.home-footer{bottom:10px}.preview-drag{top:198px;bottom:270px}.character-page .hero>h1{top:120px;font-size:29px}.character-page .hero>.eyebrow{top:101px}.character-page .character-list{bottom:137px;gap:5px}.character-option{min-height:44px;padding:5px 10px}.character-story{bottom:103px;font-size:9px}.character-equip{bottom:49px}.character-page .hero>.text-button{bottom:14px}.result-layout .result-panel>h1{top:120px;font-size:31px}.result-panel>.result-reason{top:199px;font-size:9px}.result-panel>.eyebrow{top:101px}.result-score{bottom:219px}.result-score strong{font-size:42px}.result-stats{bottom:157px}.result-actions{bottom:91px}.result-panel>.text-button{bottom:53px}.reward-callout{bottom:12px}}@media(pointer:coarse)and (orientation:landscape)and (max-height:600px){.topbar{height:64px;padding:0 22px;flex-wrap:nowrap;gap:17px}.topbar nav{order:0;width:auto;margin:0;gap:18px}.brand b{font-size:17px}.brand small{font-size:6px}.brand-symbol{width:36px;height:36px}.topbar .nav-item{font-size:11px}.menu-layout{height:calc(100dvh - 64px);min-height:0;display:grid;grid-template-columns:46% 54%;padding:8px 25px 0}.menu-layout .hero{display:block;max-height:calc(100dvh - 79px);overflow-y:auto;align-self:start;padding:0 9px 25px 0;scrollbar-width:thin}.hero>.eyebrow{font-size:7px;margin-bottom:12px}.hero>h1{font-size:33px;margin-bottom:16px;line-height:1.15}.hero-description{display:none}.start-button{height:44px;font-size:13px;min-width:190px}.round-button{height:39px;width:39px}.hero-buttons{gap:10px}.personal-record{margin-top:10px;font-size:9px}.loadout{margin-top:17px}.loadout-item{font-size:8px;padding:7px 5px}.mission-entry{margin-top:12px;padding:10px;gap:7px}.mission-entry .mission-icon{width:27px;height:27px}.mission-entry b{font-size:9px}.mission-entry small{font-size:8px}.home-footer{display:none}.preview-drag{position:relative;inset:auto;height:auto;width:auto}.sky-note,.character-label,.rotate-hint{display:none}.character-list{gap:6px}.character-option{padding:6px 9px}.avatar-mark{height:32px;width:32px}.character-option b{font-size:11px}.character-option small{font-size:8px}.character-story{font-size:9px;margin:10px 0}.character-equip{font-size:11px;padding:10px 14px;min-height:38px}.result-score strong{font-size:40px}.result-panel .result-reason{font-size:10px}.result-stats{gap:10px;margin:5px 0 15px}.result-stats b{font-size:17px}.result-actions .button{min-height:38px;font-size:10px;padding:10px 15px}.hud{padding:13px 19px}.hud-left{padding:8px 12px}.hud-score>b{font-size:25px;margin:4px 0 7px}.hud-region{padding:9px 18px}.powerup-hud{top:126px;left:19px;gap:5px}.power-status{padding:7px 10px;font-size:9px}body[data-touch=true] .touch-controls{bottom:14px;grid-template-columns:repeat(4,47px);gap:10px}.touch-controls button{width:47px;height:43px;font-size:23px;border-radius:12px}.touch-controls>span{display:none}.region-banner{top:31%}.region-banner b{font-size:25px}.dialog{max-height:calc(100dvh - 24px);padding:25px}.modal-backdrop{padding:12px}}:root{--ink:#245e6e;--muted:#638185;--paper:#fff3d6;--coral:#f58442;--line:#cfb57b;--shadow:0 8px 0 #256072,0 22px 55px #153f5259;color:#245e6e;font-weight:500}button{font-weight:750}button svg{stroke-width:2.1}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #ffdf69;outline-offset:5px}body[data-phase=menu] #app:before,body[data-phase=results] #app:before,body[data-phase=tutorial] #app:before{background:linear-gradient(180deg,#4d9eb329 0%,transparent 22%,transparent 70%,#387d905c 100%)}.topbar{height:116px;padding:0 4%;gap:25px;background:linear-gradient(#287b9254,transparent);position:relative;z-index:5;align-items:center}.brand{gap:13px;transform:rotate(-3deg)}.brand-symbol{width:57px;height:57px;border:3px solid #fff8cf;border-bottom:6px solid #b36130;background:linear-gradient(#ffb54e,#f18343);box-shadow:0 3px #286679,0 6px 15px #315c6740;border-radius:18px 18px 18px 6px;color:#fffbe8}.brand-symbol svg{width:34px;height:34px;stroke-width:2}.brand b{font-size:31px;font-weight:950;letter-spacing:2px;color:#fff9d9;-webkit-text-stroke:1px #2c7181;text-shadow:2px 3px 0 #286273,3px 5px 0 #286273;line-height:1.25}.brand small{color:#fff5c5;font-size:8px;letter-spacing:2.5px;text-shadow:0 2px 0 #347a8b;margin-top:6px}.topbar nav{gap:13px;padding:0}.nav-item{display:flex;align-items:center;gap:9px;padding:13px 18px;opacity:1;border-radius:15px;background:linear-gradient(#fff9e0,#efdfb6);border:2px solid #fff9e1;border-bottom:5px solid #b2b599;box-shadow:0 3px #326879;color:#426e75;letter-spacing:0;font-size:14px;min-height:53px}.nav-item svg{color:#558b91;stroke-width:2.1}.nav-item.active{background:linear-gradient(#ffdb70,#ffb947);border-color:#fff1b0;border-bottom-color:#c78630;color:#744e20}.nav-item.active svg{color:#9f651e}.nav-item.active:after{display:none}.nav-item:hover{transform:translateY(-2px);filter:brightness(1.06)}.top-actions{gap:12px}.wallet{min-width:100px;border:3px solid #fff4ba;background:linear-gradient(#ffe88d,#ffcb58);border-bottom-color:#d4973d;border-radius:24px;box-shadow:0 3px #2c697a;padding:9px 17px;color:#885518}.wallet b{font-size:18px;font-weight:850;text-shadow:0 1px 0 #fff4bf}.wallet svg{width:25px;height:25px;color:#b46e17;stroke-width:2}.top-actions>.icon-button{background:linear-gradient(#fff6d9,#e7dbb5);border:2px solid #fff9df;border-bottom:5px solid #a2b2a0;border-radius:13px;width:45px;height:45px;box-shadow:0 3px #2c697a;color:#39717c}.button{border:2px solid #fff8dd;border-bottom:5px solid #a7b498;border-radius:13px;font-size:15px;font-weight:850;letter-spacing:0;box-shadow:0 3px #3c737b;min-height:49px}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(3px)!important;box-shadow:0 0 0 transparent;border-bottom-width:2px}.primary{background:linear-gradient(#ffda66,#ffb942);border-color:#fff0a1;border-bottom-color:#c9882f;color:#81511a;box-shadow:0 4px #366979,0 9px 17px #34545d2b;text-shadow:0 1px 0 #fff3c4}.primary:hover{background:linear-gradient(#ffe384,#ffc24b);box-shadow:0 4px #366979,0 12px 22px #34545d42}.primary:disabled{background:linear-gradient(#bcd6b9,#8eae93);border-color:#d6e7c9;border-bottom-color:#709780;color:#eaf2d9;box-shadow:0 3px #366979}.secondary{background:linear-gradient(#f5fff0,#d4e8ce);border-color:#f6ffe7;border-bottom-color:#8eaf98;color:#447d75}.secondary:hover{background:#eaf6de}.game-lobby{height:calc(100dvh - 116px);min-height:0;display:block;padding:0;max-width:none}.game-lobby .hero{position:static;display:contents}.lobby-badge{position:absolute;top:161px;left:4%;width:265px;padding:23px 20px 20px;border:3px solid #fff8da;border-bottom:6px solid #bdc39c;border-radius:21px;background:linear-gradient(140deg,#fff8db,#f7e9bb);box-shadow:0 4px #347684,0 10px 20px #25596826;transform:rotate(-2deg);z-index:2}.lobby-ribbon{position:absolute;top:-16px;left:16px;right:16px;text-align:center;padding:8px 10px;background:linear-gradient(#5bb8bf,#3d939e);border:2px solid #b9f2e7;border-bottom:4px solid #256d7d;border-radius:9px;color:#fff9d8;font-size:11px;letter-spacing:1px;box-shadow:0 2px #347684}.game-lobby .lobby-badge h1{font-size:26px;font-weight:900;letter-spacing:0;line-height:1.25;margin:12px 0 16px;color:#347781;text-shadow:0 2px 0 #fffef3;position:static}.game-lobby .personal-record{position:static;display:flex;gap:14px;align-items:center;margin:0;background:#efdfae;border:2px solid #fffbdf;border-radius:13px;padding:13px;color:#987130;font-size:11px;text-shadow:0 1px 0 #fff7d8}.game-lobby .personal-record>svg{color:#b98426;width:32px;height:32px;filter:drop-shadow(0 2px 0 #fff5c8)}.personal-record strong{display:block;color:#8e652a;font-size:28px;font-weight:900;line-height:1.1;margin:6px 0 0}.personal-record strong small{font-size:10px;font-weight:700}.game-lobby .loadout{position:absolute;left:4%;bottom:111px;width:265px;max-width:none;margin:0;padding:16px;background:linear-gradient(#fff7dbe8,#e9e6cce8);border:3px solid #fff9df;border-bottom:6px solid #b9c2a0;border-radius:20px;box-shadow:0 4px #347684;z-index:3}.section-line{margin-bottom:12px}.section-line>span{font-size:14px;color:#347781;font-weight:850;letter-spacing:0;display:flex;gap:6px;align-items:center}.section-line small{color:#86977a;font-size:10px}.loadout-items{flex-direction:column;gap:8px}.loadout-item{background:linear-gradient(#fffdf0,#e9e7d5);border:2px solid #c4cbae;border-bottom:4px solid #aebc9a;border-radius:12px;min-height:49px;font-size:12px;padding:8px 11px;gap:11px;color:#65816e}.loadout-item>span:first-child{width:32px;height:30px;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--item-color) 16%,#fff8df)}.loadout-item>span:nth-child(2){display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px}.loadout-item small{margin:0;background:#e0e6d4;border:1px solid #c9d4b7;padding:3px 7px;border-radius:15px;color:#7a8e70;font-size:11px}.loadout-item:disabled{opacity:.75}.loadout-item.selected{background:linear-gradient(#ffedaa,#ffda73);border-color:#fff1ac;border-bottom-color:#c2923f;box-shadow:0 0 0 2px #d3a54c}.loadout-item:not(:disabled):hover{background:#fff4cd}.route-card{position:absolute;right:4%;top:149px;width:255px;padding:20px 17px;text-align:center;background:linear-gradient(#effbdc,#c7e4bc);border:3px solid #faffdf;border-bottom:6px solid #86b39b;border-radius:20px;box-shadow:0 4px #337583,0 10px 20px #25596824;transform:rotate(2deg);z-index:2}.route-card-title{font-size:14px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px;color:#44887f}.route-islands{display:flex;align-items:center;justify-content:center;gap:6px;margin:22px 0 13px}.route-islands>span{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(#abda88,#67ad74);border:2px solid #e9ffc3;border-bottom:7px solid #539d85;box-shadow:0 4px #b79e65;width:46px;height:45px;border-radius:45% 45% 40% 40%;color:#fffbdc;transform:rotate(-7deg)}.route-islands>span:nth-of-type(2){transform:translateY(-8px) rotate(7deg);background:linear-gradient(#f7beab,#d685a0);border-bottom-color:#a5808f}.route-islands>span:nth-of-type(3){background:linear-gradient(#fd8,#dab560);border-bottom-color:#bc9b62}.route-islands i{position:absolute;font-size:9px;right:-3px;top:-9px;width:17px;height:17px;border-radius:50%;background:#fffbe0;border:1px solid #a9bb8d;color:#75915e;font-style:normal;line-height:15px}.route-islands>b{color:#82aa8b;font-size:22px;letter-spacing:1px}.route-card>strong{display:block;font-size:22px;color:#377d72;font-weight:900}.route-card>small{display:block;font-size:10px;margin-top:9px;color:#6a967e}.game-lobby .mission-entry{position:absolute;inset:400px 4% auto auto;display:flex;align-items:flex-start;gap:11px;width:255px;max-width:none;margin:0;padding:17px 14px 39px;background:linear-gradient(#fff4d5,#f3dca4);border:3px solid #fff7d7;border-bottom:6px solid #c1a978;border-radius:19px;box-shadow:0 4px #347684;z-index:3;transform:rotate(1deg)}.mission-entry .mission-icon{background:linear-gradient(#f1c775,#d4a554);border:2px solid #fff1bc;border-bottom:4px solid #b38744;border-radius:13px;color:#fff8d8;width:43px;height:45px;flex-shrink:0}.mission-entry-copy{flex:1;min-width:0}.mission-entry b{font-size:17px;font-weight:900;letter-spacing:0;color:#896d38}.mission-entry small{font-size:10px;color:#a88e5d;line-height:1.5;margin-top:5px;white-space:nowrap}.mission-entry>svg:last-child{position:absolute;right:12px;top:21px;color:#a48953;width:15px}.mini-progress{height:9px;display:block;margin-top:12px;border:2px solid #fff4ce;background:#c9b47d;box-shadow:0 1px #bba168;border-radius:8px;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(#a7d77d,#6bab68)}.mission-progress-text{display:block;text-align:right;font-size:9px;margin-top:6px;color:#a48a53}.mission-count{position:absolute;right:14px;bottom:9px;background:#f9e39e;border:1px solid #d1b876;border-radius:10px;padding:4px 8px;font-size:10px;display:flex;gap:4px;align-items:center;color:#a07726}.game-lobby .preview-drag{position:absolute;inset:122px 25% 215px 27%;min-width:0;width:auto;height:auto;z-index:1}.game-lobby .character-label{display:flex;position:absolute;bottom:-10px;left:53%;transform:translate(-50%) rotate(-2deg);min-width:204px;padding:12px 15px;background:linear-gradient(#fffae5,#e8e7c9);border:3px solid #fffde9;border-bottom:5px solid #9fb5a0;border-radius:15px;box-shadow:0 4px #3a7a82;-webkit-backdrop-filter:none;backdrop-filter:none;color:#317981}.character-number{color:#ddaa4c;font-style:normal;font-family:inherit;font-size:31px;font-weight:900;text-shadow:0 2px 0 #fff6cd}.character-label small{font-size:10px;color:#7b9b87;font-weight:700;letter-spacing:0}.character-label b{font-size:23px;letter-spacing:2px;font-weight:900}.character-label .icon-button{border:2px solid #b1c6ab;background:linear-gradient(#f4ffe8,#c8dbc0);border-bottom:4px solid #8fae97;border-radius:11px;color:#558d7e;width:38px;height:38px}.game-lobby .rotate-hint{bottom:-36px;left:53%;color:#eaffdf;text-shadow:0 2px 0 #427b7d;font-size:10px;font-weight:700}.game-lobby .hero-buttons{position:absolute;bottom:104px;left:53%;right:auto;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:13px;width:395px}.game-lobby .start-button{height:75px;min-width:0;flex:1;padding:13px 21px;border-width:4px;border-bottom-width:8px;border-radius:21px;font-size:26px;font-weight:950;justify-content:space-between;box-shadow:0 5px #337183,0 13px 20px #244b5830}.game-lobby .start-button>svg:first-child{width:26px}.game-lobby .round-button{width:51px;height:53px;background:linear-gradient(#a3e2db,#63b4bd);border:3px solid #d4fff0;border-bottom:6px solid #3d929f;border-radius:17px;box-shadow:0 4px #337183;color:#fff9d9;flex-shrink:0}.start-caption{position:absolute;left:0;bottom:-26px;right:63px;text-align:center;color:#f8ffe8;font-size:11px;font-weight:700;text-shadow:0 2px 0 #347889;letter-spacing:1px}.home-footer{position:absolute;bottom:24px;left:0;right:0;height:25px;padding:0 4%;color:#f0f8e6;font-size:10px;text-shadow:0 1px 0 #477d81;font-weight:600}.home-footer kbd{background:#fff7dbcc;border:1px solid #fffce6;border-bottom:3px solid #a2b9a0;color:#527d77;min-width:25px;height:23px;border-radius:6px;font-weight:800;font-size:11px;text-shadow:none}.home-footer i{background:#c7f3a4;box-shadow:0 0 0 2px #578d76}.edition{color:#e2f2da}.character-page,.result-layout{padding-top:20px}.character-page .hero,.result-layout .hero{background:linear-gradient(125deg,#fff7dbea,#f1e7c5ed);border:3px solid #fffbdf;border-bottom:6px solid #b7bb94;border-radius:22px;padding:25px;box-shadow:0 4px #36747e;max-width:435px;max-height:calc(100dvh - 151px);overflow-y:auto;scrollbar-width:thin;align-self:start}.character-page h1,.result-layout h1{font-size:44px;line-height:1.17;font-weight:950;letter-spacing:0;color:#307785;text-shadow:0 2px 0 #fff9d9;margin-bottom:16px}.headline-accent{color:#e59832;text-shadow:0 2px 0 #fff3b7}.eyebrow{color:#899963;font-weight:850;letter-spacing:1px;margin-bottom:13px;font-size:10px}.eyebrow>span{background:#eab446;width:8px;height:8px}.hero-description{font-size:12px;color:#7b977e;line-height:1.7;margin-bottom:18px;letter-spacing:0}.character-option{background:linear-gradient(#fff7d9,#ebe6c6);border:2px solid #c4c6a1;border-bottom:4px solid #b2ba98;border-radius:14px;min-height:62px;padding:9px 12px}.character-option.selected{background:linear-gradient(#fff0b8,#f5d784);border:2px solid #fff9db;border-bottom:4px solid #c5a665;box-shadow:0 0 0 2px #d2a34c}.character-option b{font-weight:900;color:#3f7b7c}.character-option small{color:#81966f}.character-state{font-size:10px;font-weight:800;color:#8d905b}.avatar-mark{border:2px solid #fff6db;border-bottom:4px solid color-mix(in srgb,var(--character-color) 85%,#837548);box-shadow:0 2px #97a18a;border-radius:12px;background:color-mix(in srgb,var(--character-color) 20%,#fff3cf);height:42px;width:42px}.character-story{font-size:11px;color:#9c956e;margin:15px 0}.character-equip{min-height:48px;font-size:14px}.text-button{font-weight:750;color:#7c977c}.text-button:hover{color:#d28c32}.result-layout .hero{max-width:458px}.result-panel .page-title{font-size:43px}.result-reason{color:#799985;font-size:12px;background:#e5e9c8;border:1px solid #fffbda;border-radius:8px;padding:9px 11px}.result-score strong{font-size:64px;color:#df9d34;font-weight:950;text-shadow:0 3px 0 #fff5ba,0 5px 0 #c18d45}.result-score small{color:#a38f53;font-weight:800}.result-stats{gap:17px;background:#f5ebc7;border:2px solid #fffbdf;padding:13px;border-radius:12px;margin:19px 0 22px}.result-stats>div{padding-right:14px;border-color:#d1c595}.result-stats span{font-size:10px;color:#9b9d73}.result-stats b{color:#58897b;font-weight:900;font-size:24px}.reward-callout{background:linear-gradient(#bfe2a4,#99c793);border:2px solid #ecffcd;border-bottom:4px solid #81ae8b;color:#447d68;font-size:11px;font-weight:800;border-radius:12px}.modal-backdrop{background:#174c6480;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{border:4px solid #fff8d7;border-bottom:8px solid #c7b17a;outline:3px solid #367b88;border-radius:25px;background:linear-gradient(125deg,#fff7de,#f7e9bd);padding:36px;box-shadow:0 8px #255a6e,0 26px 60px #163e556b}.modal-eyebrow{display:none}.dialog h2{font-size:31px;font-weight:950;color:#327a84;text-shadow:0 2px 0 #fffce1;letter-spacing:0;margin-bottom:12px}.modal-description{font-size:12px;color:#869a78;line-height:1.7}.close-dialog{background:linear-gradient(#fca270,#e58453);border:3px solid #ffe0ad;border-bottom:5px solid #b86b41;box-shadow:0 2px #8b805b;color:#fff5d2;border-radius:13px;right:15px;top:13px;height:39px;width:39px}.close-dialog:hover{background:#ffb283}.product{background:linear-gradient(#fffae4,#f3e6b9);border:2px solid #d3bb7c;border-bottom:5px solid #bcad7a;border-radius:17px;padding:18px}.product-art>span{border:3px solid #fff9d5;background:linear-gradient(135deg,#fff9da,#eccd8d);box-shadow:5px 8px color-mix(in srgb,var(--item-color) 75%,#90896b),8px 12px #b1a377,10px 21px 16px #92784730;border-radius:24px;transform:rotate(-8deg)}.product-art svg{stroke-width:2.4;filter:drop-shadow(0 2px 0 #fff3c5)}.product h3{font-size:20px;font-weight:900;color:#588678}.product p{font-size:12px;color:#98996f}.product-category{color:#b3a16b;font-size:9px;font-weight:800}.product-owned{font-size:11px;color:#999b73}.product-owned b{font-size:13px;color:#6c9274}.buy-button{background:linear-gradient(#ffe079,#ffc753);border:2px solid #fff2b8;border-bottom:5px solid #c99a40;color:#a07121;font-weight:900;box-shadow:0 2px #a5a178}.buy-button>span{color:#8b7228;font-size:12px;font-weight:850}.buy-button:hover{background:#ffe287}.shop-wallet{color:#a79551;top:87px;font-size:12px}.shop-wallet strong{color:#be8b2d;font-size:19px}.note-line{font-size:11px;color:#99a17b}.empty-state{color:#a6ac7d}.empty-state h3{font-weight:900;color:#6b977e}.empty-state>svg{color:#dbb34e;filter:drop-shadow(0 3px 0 #fff3b7)}.board-row{border-color:#e2d4a6}.board-heading{background:#e4d49b;color:#9b935d;font-weight:800}.leaderboard{border:2px solid #c4bc8d;border-bottom:4px solid #b2b48d;border-radius:13px}.top-rank{background:#fff1c4}.rank-number{color:#d3a347;font-family:inherit;font-weight:900;font-style:normal}.board-row>strong{color:#b28c35;font-weight:900}.board-row small{color:#9d9e79}.mission-card{border:2px solid #d4c894;border-bottom:5px solid #b9bc93;border-radius:16px;background:linear-gradient(#fff6d7,#f1e6bd)}.mission-top h3{font-weight:900;color:#678d72;font-size:16px}.mission-card .mission-icon{background:linear-gradient(#dbe4a5,#b5cc89);border:2px solid #f9f8c9;border-bottom:4px solid #95b07d;color:#7d9a5c}.mission-reward{background:#ffe6a0;border:1px solid #fff6c5;border-bottom:3px solid #cfb46d;padding:6px 9px;border-radius:12px;color:#a37c28;font-weight:850}.progress-track{height:11px;border:2px solid #fff7d7;background:#c9c19a;box-shadow:0 1px #b4af83}.progress-track>span{background:linear-gradient(#b8e38a,#7cbd77)}.mission-bottom>span{color:#9c9d6e;font-weight:750}.small:disabled{background:#e0dfbb;border-color:#f7f2ca;border-bottom-color:#bcbf95;color:#9caa84;box-shadow:none}.setting-row{border-color:#e0d5ab}.setting-row b{font-weight:850;color:#4c817b}.setting-row small{color:#99a17a}.setting-row input[type=range],.setting-row input[type=checkbox]{accent-color:#70ab91}.setting-row select{border:2px solid #bfca96;border-bottom:4px solid #a1b785;background:#f5f5d4;color:#729575;font-weight:800}.storage-info{border:2px solid #e8efbf;background:#dce8bc;color:#7e9a69;border-radius:13px}.storage-info.warning{background:#ffe3ab;border-color:#fff0b8;color:#b58545}.controls-grid>div{background:#e1e8bd;border:2px solid #f5f9d2;border-bottom:5px solid #b4c593;border-radius:17px}.controls-grid kbd{background:linear-gradient(#fff9db,#eed89c);border:2px solid #fffcdf;border-bottom:5px solid #bba367;box-shadow:0 3px #8caa7f;color:#8b914f;border-radius:12px;font-weight:900}.controls-grid h3{font-weight:900;color:#739169}.controls-grid p{color:#99a477}.handbook-note{background:#e6e6ba;border:2px solid #fff3c4;color:#99996b}.handbook-note b{color:#799665}.compact .pause-symbol{color:#7fb7a4;filter:drop-shadow(0 3px 0 #e2f7c9)}.hud-left{background:linear-gradient(#fffae4f2,#efe5bff2);border:3px solid #fffbdf;border-bottom:6px solid #b2ba93;outline:2px solid #417e87;box-shadow:0 4px #346775;color:#5b887c;text-shadow:none;border-radius:18px;padding:12px 18px}.hud-score>span{font-size:10px;font-weight:850;opacity:1;color:#8f9c72;letter-spacing:1px}.hud-score>b{color:#d7a13e;font-weight:950;text-shadow:0 2px 0 #fff2b4;font-size:40px}.hud-pickups>span:first-child{color:#bd922d}.hud-pickups{color:#7da080}.hud-pickups b{font-weight:900}.hud-region{background:linear-gradient(#e3f4d8ed,#b9dabeed);border:3px solid #f5ffe2;border-bottom:5px solid #86b1a0;outline:2px solid #488690;box-shadow:0 3px #34747e;color:#548b7a;text-shadow:0 1px 0 #f1ffe3;border-radius:15px}.hud-region>span{font-weight:900}.hud-region small{font-weight:750;opacity:1}.pause-button{background:linear-gradient(#ffe694,#f9cd63);border:3px solid #fff6c5;border-bottom:6px solid #c4a157;border-radius:15px;box-shadow:0 3px #39727c;color:#a38538}.pause-button:hover{background:#ffe797}.power-status{background:#fff4cde8;border:2px solid #fff8db;border-bottom:4px solid #b8c397;border-radius:12px;box-shadow:0 2px #407e82;color:#7a9570;font-weight:800}.power-status b{color:#ba9738}.game-controls{background:#397c89b5;color:#fff8d5;border:2px solid #95c3b4;border-bottom:4px solid #376a77;border-radius:13px;font-weight:750}.region-banner b{font-size:40px;font-weight:950;letter-spacing:3px;color:#ffefb8;-webkit-text-stroke:1px #488c93;text-shadow:0 4px 0 #347383}.region-banner small{color:#e5f4d4;font-weight:800;text-shadow:0 2px 0 #498791}.countdown-overlay{background:#93cbb929}.countdown-overlay>b{color:#ffe6a0;-webkit-text-stroke:3px #6b9f92;text-shadow:0 8px 0 #356f7d;font-weight:950}.countdown-overlay>span,.countdown-overlay>small{color:#fff6d6;font-weight:850;text-shadow:0 2px 0 #43828a}.touch-controls button{background:linear-gradient(#fff5d7,#e7e6bc);border:3px solid #fffce4;border-bottom:6px solid #98b8a4;border-radius:18px;box-shadow:0 3px #3f7881;color:#629f8a;font-weight:900}.touch-controls button:active{background:#ffe28d;border-bottom-width:2px;box-shadow:0 0 0 transparent}.touch-controls>span{font-weight:850;color:#f7ffdf;text-shadow:0 2px 0 #39838c}#toast{background:linear-gradient(#559c94,#397a80);border:2px solid #b4e3c2;border-bottom:5px solid #286676;border-radius:15px;font-weight:800;color:#fff7d3;box-shadow:0 4px #235968}@media(max-width:1200px){.topbar{padding-inline:3%;gap:15px}.brand b{font-size:26px}.brand-symbol{width:48px;height:48px}.topbar nav{gap:9px}.nav-item{padding:11px 13px;font-size:12px;gap:7px}.nav-item svg{width:21px}.wallet{min-width:90px;padding:8px 13px}.lobby-badge{width:220px;left:3%;padding:20px 16px 16px}.game-lobby .lobby-badge h1{font-size:23px}.game-lobby .loadout{width:220px;left:3%;padding:14px}.route-card,.game-lobby .mission-entry{width:217px;right:3%}.route-card{padding:18px 13px}.route-card-title{font-size:12px}.route-islands{gap:3px}.route-islands>span{width:40px;height:39px}.game-lobby .mission-entry{gap:8px;padding:14px 11px 36px}.mission-entry b{font-size:15px}.mission-entry small{font-size:9px}.mission-entry .mission-icon{width:34px;height:39px}.mission-entry .mission-icon svg{width:23px}.game-lobby .hero-buttons{width:340px;gap:11px}.game-lobby .start-button{font-size:22px;height:67px;padding:12px 17px}.game-lobby .round-button{width:47px;height:49px}.character-page .hero{max-width:385px;padding:21px}.character-page h1{font-size:37px}}@media(max-height:790px)and (min-width:651px){.topbar{height:98px}.lobby-badge{top:137px}.route-card{top:126px;padding-top:16px;padding-bottom:16px}.route-islands{margin-top:17px;margin-bottom:10px}.game-lobby .mission-entry{top:342px}.game-lobby .loadout{bottom:84px}.loadout-item{min-height:45px;padding:6px 9px}.game-lobby .hero-buttons{bottom:86px}.game-lobby .preview-drag{top:115px;bottom:180px}.game-lobby .start-button{height:63px;font-size:23px}.home-footer{bottom:15px}.character-page,.result-layout{padding-top:12px}.character-page .hero,.result-layout .hero{max-height:calc(100dvh - 125px);padding:20px}.character-page h1{font-size:36px}.character-option{min-height:54px}.result-panel .page-title{font-size:37px}.result-score strong{font-size:52px}}@media(max-width:900px)and (min-width:651px){.topbar{padding-inline:20px;gap:12px}.brand b{font-size:23px}.brand-symbol{width:42px;height:42px}.brand{gap:8px}.brand small{font-size:6px;letter-spacing:1.4px}.topbar nav{gap:8px}.nav-item{padding:10px;min-height:47px;gap:5px;font-size:11px}.nav-item svg{width:18px;height:18px}.top-actions{gap:8px}.wallet{min-width:77px;padding:7px 10px;gap:6px}.wallet b{font-size:15px}.wallet svg{width:20px}.top-actions>.icon-button{height:38px;width:38px}.lobby-badge,.game-lobby .loadout{left:20px;width:196px}.game-lobby .lobby-badge h1{font-size:20px}.lobby-ribbon{font-size:9px}.game-lobby .personal-record{padding:10px}.game-lobby .personal-record strong{font-size:25px}.route-card,.game-lobby .mission-entry{right:20px;width:190px}.route-card-title{font-size:11px}.route-islands>span{width:35px;height:37px}.route-card>strong{font-size:20px}.route-card>small{font-size:9px}.game-lobby .mission-entry{padding:13px 10px 33px;gap:7px}.mission-entry .mission-icon{display:none}.mission-entry small{font-size:10px}.game-lobby .hero-buttons{width:310px;left:53%}.game-lobby .start-button{font-size:19px;padding:11px 14px}.game-lobby .preview-drag{left:26%;right:25%}.game-lobby .character-label{min-width:170px;padding:9px 11px;gap:9px}.character-label b{font-size:20px}.character-number{font-size:27px}.character-label .icon-button{width:32px;height:34px}.loadout-item{font-size:11px;gap:8px}.section-line>span{font-size:13px}.section-line small,.start-caption{font-size:9px}.character-page .hero,.result-layout .hero{padding:17px}}@media(max-width:650px)and (orientation:portrait){.topbar{height:127px;padding:10px 15px 0;align-content:flex-start;align-items:center;gap:0;background:linear-gradient(#438fa37a,transparent);z-index:5}.brand{gap:8px;transform:rotate(-3deg)}.brand-symbol{width:41px;height:42px;border-width:2px;border-bottom-width:5px;border-radius:13px 13px 13px 4px}.brand-symbol svg{width:25px;height:25px}.brand b{font-size:24px;-webkit-text-stroke:.7px #2e7281;text-shadow:1px 2px 0 #286273,2px 3px 0 #286273}.brand small{font-size:5px;letter-spacing:1.8px;margin-top:3px}.top-actions{gap:8px}.wallet{padding:6px 10px;min-width:69px;border-width:2px;border-bottom-width:4px;gap:5px}.wallet b{font-size:14px}.wallet svg{width:19px;height:19px}.top-actions>.icon-button{width:34px;height:35px;border-width:2px;border-bottom-width:4px;border-radius:11px}.top-actions>.icon-button svg{width:19px;height:19px}.topbar nav{order:3;width:100%;justify-content:space-between;margin-top:16px;gap:8px;padding:0}.nav-item{min-height:46px;flex:1;justify-content:center;padding:9px 5px;gap:5px;font-size:11px;border-radius:12px;border-width:2px;border-bottom-width:4px}.nav-item svg{width:18px;height:18px}.nav-item.active:after{display:none}body[data-phase=menu] #app:before,body[data-phase=results] #app:before,body[data-phase=tutorial] #app:before{background:linear-gradient(#6ab1bb38 0%,transparent 24%,transparent 61%,#5d97986b 84%,#4f8a9394 100%)}.game-lobby{height:calc(100dvh - 127px)}.game-lobby .hero{display:contents}.game-lobby .lobby-badge{position:absolute;top:150px;left:15px;width:126px;padding:9px;border:2px solid #fff9db;border-bottom:5px solid #bec49d;border-radius:14px;box-shadow:0 3px #387987;transform:rotate(-3deg);z-index:2}.game-lobby .lobby-badge h1,.lobby-ribbon{display:none}.game-lobby .personal-record{margin:0;padding:3px;background:none;border:none;border-radius:0;gap:8px;font-size:9px}.game-lobby .personal-record>svg{height:24px;width:24px}.game-lobby .personal-record strong{font-size:22px;margin-top:4px;white-space:nowrap}.game-lobby .personal-record strong small{font-size:8px}.route-card{display:none}.game-lobby .mission-entry{position:absolute;inset:149px 15px auto auto;width:127px;max-width:none;padding:10px 9px 30px;display:block;border-width:2px;border-bottom-width:5px;border-radius:14px;box-shadow:0 3px #387987;transform:rotate(3deg)}.game-lobby .mission-entry .mission-icon,.game-lobby .mission-entry .mini-progress,.game-lobby .mission-progress-text{display:none}.game-lobby .mission-entry b{font-size:14px}.game-lobby .mission-entry small{font-size:8px;margin-top:5px;white-space:normal;letter-spacing:0}.game-lobby .mission-entry>svg:last-child{width:13px;height:13px;top:11px;right:6px}.game-lobby .mission-count{font-size:9px;bottom:5px;right:8px;padding:2px 6px}.game-lobby .preview-drag{position:absolute;inset:238px 0 230px;width:auto;height:auto;z-index:1}.game-lobby .character-label{display:flex;position:absolute;bottom:-10px;left:50%;min-width:151px;gap:9px;padding:7px 10px;border:2px solid #fffde3;border-bottom:4px solid #a4b9a0;border-radius:13px;box-shadow:0 3px #3c7b81;transform:translate(-50%) rotate(-2deg)}.game-lobby .character-number{font-size:23px}.game-lobby .character-label small{font-size:8px;margin-bottom:1px}.game-lobby .character-label b{font-size:17px;letter-spacing:1px}.game-lobby .character-label .icon-button{width:30px;height:31px;border-width:1px;border-bottom-width:3px;border-radius:8px}.game-lobby .character-label .icon-button svg{width:17px;height:17px}.game-lobby .rotate-hint{display:none}.game-lobby .hero-buttons{position:absolute;left:15px;right:15px;bottom:154px;width:auto;transform:none;gap:10px;z-index:3}.game-lobby .start-button{height:63px;font-size:23px;padding:10px 17px;border-width:3px;border-bottom-width:7px;border-radius:18px}.game-lobby .start-button>svg:first-child{width:23px;height:23px}.game-lobby .start-button>svg:last-child{width:23px;height:23px}.game-lobby .round-button{width:44px;height:47px;border-width:2px;border-bottom-width:5px;border-radius:14px}.start-caption{bottom:-24px;right:54px;font-size:10px;letter-spacing:.5px}.game-lobby .loadout{position:absolute;left:15px;right:15px;bottom:35px;width:auto;max-width:none;padding:0;margin:0;background:none;border:none;box-shadow:none;z-index:3}.game-lobby .section-line{margin:0 3px 8px}.game-lobby .section-line>span{font-size:13px;color:#fff8d5;text-shadow:0 2px 0 #4b8b86}.game-lobby .section-line>span svg{width:16px;height:16px}.game-lobby .section-line small{font-size:9px;color:#eff6d3;text-shadow:0 1px 0 #588f87}.game-lobby .loadout-items{flex-direction:row;gap:7px}.game-lobby .loadout-item{padding:7px 6px;min-height:51px;height:54px;font-size:9px;gap:4px;border-width:2px;border-bottom-width:5px;border-radius:12px;box-shadow:0 2px #457f7e}.game-lobby .loadout-item>span:first-child{width:24px;height:27px;background:none}.game-lobby .loadout-item>span:first-child svg{width:23px;height:23px}.game-lobby .loadout-item>span:nth-child(2){display:block;flex:1;min-width:0}.game-lobby .loadout-item small{font-size:9px;margin-top:4px;border:none;padding:0;background:none;text-align:center}.home-footer{position:absolute;bottom:max(9px,env(safe-area-inset-bottom));height:15px;left:0;right:0;padding:0 17px;font-size:8px}.home-footer>span:first-child{width:auto;letter-spacing:0}.home-footer>div,.home-footer .edition{display:none}.character-page .hero,.result-layout .hero{display:contents;background:none;border:none;box-shadow:none;padding:0;overflow:visible}.character-page .hero>.eyebrow,.result-panel>.eyebrow{top:151px;color:#f0ffdf;text-shadow:0 2px 0 #46838b;font-size:9px}.character-page .hero>h1{top:177px;font-size:29px;color:#f7ffdc;text-shadow:0 3px 0 #397b88;-webkit-text-stroke:.5px #478b90;line-height:1.1}.character-page .headline-accent{color:#ffdf88;text-shadow:0 3px 0 #497e85}.character-page .character-list{bottom:139px;gap:7px}.character-page .character-option{height:48px;min-height:48px;padding:6px 10px;border-width:2px;border-bottom-width:4px;box-shadow:0 2px #689989}.character-page .avatar-mark{height:32px;width:32px}.character-page .character-option b{font-size:12px}.character-page .character-option small{font-size:8px}.character-page .character-state{font-size:9px}.character-story{bottom:104px;font-size:9px;color:#effbdd;text-shadow:0 1px 0 #68938b}.character-equip{bottom:47px;min-height:47px;height:47px;border-width:2px;border-bottom-width:5px;font-size:12px}.character-page .hero>.text-button{bottom:12px;color:#f1ffda;text-shadow:0 1px 0 #558c88;font-size:10px}.result-layout .result-panel>h1{top:177px;font-size:35px;color:#ffdc87;text-shadow:0 3px 0 #437f88;-webkit-text-stroke:.5px #518f94;line-height:1.1}.result-layout .result-panel>h1 .headline-accent{color:#ffdf8f;text-shadow:0 3px 0 #437f88}.result-panel>.result-reason{top:221px;left:23px;right:23px;max-width:none;font-size:10px;background:#ffefbcda;border:2px solid #fff9d0;color:#9c915b;padding:7px 9px;line-height:1.4;border-radius:9px;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-score{bottom:238px;left:25px;padding:8px 12px;background:#fff0c3e3;border:2px solid #fff9d8;border-bottom:4px solid #afbb92;border-radius:14px;min-width:148px;box-shadow:0 3px #51898a}.result-score strong{font-size:41px;line-height:1.12}.result-score small{font-size:9px}.result-stats{position:absolute;bottom:163px;left:23px;right:23px;gap:10px;margin:0;padding:11px;background:#fff1cddc;border:2px solid #fff9de;border-bottom:4px solid #b2bf9c;box-shadow:0 3px #578d87;border-radius:13px}.result-stats>div{padding-right:9px;flex:1}.result-stats span{font-size:8px}.result-stats b{font-size:18px;margin-top:5px}.result-actions{bottom:98px;left:23px;right:23px;gap:9px}.result-actions .button{font-size:12px;min-height:49px;border-width:2px;border-bottom-width:5px}.result-panel>.text-button{bottom:56px;color:#f3ffdc;text-shadow:0 2px 0 #49888a;font-size:11px}.reward-callout{bottom:12px;left:23px;right:23px;padding:8px;margin:0;font-size:10px}.dialog{padding:26px 18px;border-width:3px;border-bottom-width:6px;border-radius:21px;outline-width:2px;max-height:calc(100dvh - 28px)}.dialog h2{font-size:25px;max-width:calc(100% - 28px);margin-bottom:12px}.compact h2{max-width:none;font-size:23px}.compact .modal-description{font-size:12px}.close-dialog{height:33px;width:33px;right:10px;top:10px;border-width:2px;border-bottom-width:4px}.modal-description{font-size:11px}.product{grid-template-columns:80px 1fr;padding:14px;border-radius:15px;gap:2px 14px}.product-art>span{height:64px;width:64px;border-radius:18px}.product-art svg{width:36px;height:36px}.product h3{font-size:17px}.product p{font-size:10px}.product-category{font-size:8px}.product-owned{font-size:10px}.product .buy-button{padding:8px 11px;border-width:2px;border-bottom-width:4px;min-height:39px}.note-line{font-size:9px}.mission-top h3{font-size:13px}.mission-card{padding:15px}.mission-reward{font-size:11px;padding:5px 7px}.controls-grid>div{padding:19px 6px 12px}.controls-grid kbd{width:33px;height:39px;font-size:21px}.controls-grid h3{font-size:11px}.controls-grid p{font-size:9px}.handbook-note p{font-size:10px}.hud{padding:15px}.hud-left{min-width:90px;padding:9px 10px;border-width:2px;border-bottom-width:5px;border-radius:15px;outline-width:1px}.hud-score>span{font-size:8px}.hud-score>b{font-size:28px;margin:5px 0 9px}.hud-pickups>span{font-size:11px}.hud-region{right:67px;max-width:calc(100vw - 177px);padding:8px 10px;border-width:2px;border-bottom-width:4px;outline-width:1px;border-radius:12px}.hud-region>span{font-size:11px}.hud-region small{font-size:8px}.pause-button{height:39px;width:39px;border-width:2px;border-bottom-width:5px;border-radius:12px}.powerup-hud{top:147px;left:15px}.power-status{padding:7px 9px;font-size:9px;border-width:1px;border-bottom-width:3px}.countdown-overlay>b{font-size:110px}.touch-controls button{border-width:2px;border-bottom-width:5px;border-radius:15px}.region-banner b{font-size:29px;letter-spacing:2px}}@media(max-width:650px)and (max-height:730px)and (orientation:portrait){.topbar{height:119px}.topbar nav{margin-top:12px}.game-lobby .lobby-badge{top:137px}.game-lobby .mission-entry{top:136px}.game-lobby .hero-buttons{bottom:153px}.game-lobby .start-button{height:59px;font-size:22px}.game-lobby .preview-drag{top:224px;bottom:230px}.character-page .hero>.eyebrow,.result-panel>.eyebrow{top:135px}.character-page .hero>h1{top:158px;font-size:26px}.character-page .character-list{bottom:133px;gap:5px}.character-page .character-option{height:45px;min-height:45px}.character-page .character-story{bottom:98px}.character-equip{bottom:43px;min-height:44px;height:44px}.character-page .hero>.text-button{bottom:9px}.result-layout .result-panel>h1{top:158px;font-size:31px}.result-panel>.result-reason{top:197px;font-size:9px}.result-score{bottom:236px;padding:6px 10px;min-width:130px}.result-score strong{font-size:34px}.result-stats{bottom:163px}.result-actions{bottom:99px}.result-panel>.text-button{bottom:56px}}@media(pointer:coarse)and (orientation:landscape)and (max-height:600px){.topbar{height:66px;padding:0 19px;flex-wrap:nowrap;gap:14px}.brand b{font-size:22px}.brand-symbol{width:36px;height:37px;border-width:2px;border-bottom-width:4px}.brand-symbol svg{width:24px}.brand small{font-size:5px}.topbar nav{order:0;width:auto;gap:8px;margin:0}.nav-item{padding:8px 10px;min-height:41px;font-size:10px;gap:5px;border-width:2px;border-bottom-width:4px;border-radius:11px}.nav-item svg{width:17px;height:17px}.wallet{padding:6px 10px;min-width:78px;border-width:2px;border-bottom-width:4px}.wallet b{font-size:14px}.wallet svg{width:20px;height:20px}.top-actions>.icon-button{width:34px;height:36px}.game-lobby .lobby-badge{left:18px;top:92px;width:165px;padding:14px 11px 11px;border-radius:16px}.lobby-ribbon{font-size:8px;top:-11px;left:11px;right:11px;padding:5px}.game-lobby .lobby-badge h1{font-size:17px;margin:8px 0 10px}.game-lobby .personal-record{padding:8px;gap:8px;font-size:9px}.game-lobby .personal-record strong{font-size:21px}.game-lobby .personal-record>svg{width:24px}.route-card{right:18px;top:86px;width:164px;padding:11px}.route-card-title{font-size:10px}.route-islands{margin:13px 0 9px;gap:3px}.route-islands>span{height:31px;width:29px}.route-islands svg{width:19px;height:19px}.route-islands>b{font-size:16px}.route-card>strong{font-size:17px}.route-card>small{font-size:8px;margin-top:6px}.game-lobby .mission-entry{right:18px;top:255px;width:164px;padding:10px 10px 25px;border-width:2px;border-bottom-width:4px;border-radius:14px}.mission-entry b{font-size:13px}.mission-entry small{font-size:8px}.mini-progress,.mission-progress-text{display:none}.mission-count{font-size:8px;padding:2px 6px;bottom:4px}.game-lobby .loadout{left:18px;bottom:32px;width:165px;padding:10px;border-width:2px;border-bottom-width:4px;border-radius:14px}.section-line{margin-bottom:7px}.section-line>span{font-size:10px;gap:4px}.section-line svg{width:14px}.section-line small{font-size:8px}.loadout-items{flex-direction:row;gap:5px}.loadout-item{display:flex;flex-direction:column;min-height:0;height:56px;padding:5px;gap:2px;border-width:1px;border-bottom-width:3px;border-radius:8px}.loadout-item>span:first-child{height:22px;width:23px;background:none}.loadout-item>span:first-child svg{width:22px;height:22px}.loadout-item>span:nth-child(2){font-size:0;display:block}.loadout-item small{font-size:8px;background:none;border:none;padding:0}.game-lobby .hero-buttons{bottom:33px;width:290px;gap:9px}.game-lobby .start-button{height:53px;font-size:20px;padding:8px 14px;border-width:3px;border-bottom-width:6px;border-radius:15px}.game-lobby .round-button{width:40px;height:42px;border-width:2px;border-bottom-width:4px;border-radius:12px}.start-caption{bottom:-20px;font-size:8px}.game-lobby .preview-drag{inset:86px 24% 117px 25%}.game-lobby .character-label{bottom:-4px;min-width:143px;padding:5px 9px;border-width:2px;border-bottom-width:3px;border-radius:11px;gap:7px}.character-number{font-size:22px}.character-label b{font-size:15px}.character-label small{font-size:7px}.character-label .icon-button{width:25px;height:26px;border-width:1px;border-bottom-width:3px;border-radius:7px}.character-label .icon-button svg{width:15px}.game-lobby .rotate-hint,.home-footer{display:none}.character-page,.result-layout{padding-top:7px}.character-page .hero,.result-layout .hero{display:block;max-height:calc(100dvh - 85px);padding:15px;border-radius:16px;background:#fff3d3e8;border:2px solid #fffbe0;border-bottom:4px solid #b6bd99;box-shadow:0 3px #417a82}.character-page h1{font-size:29px}.character-page .hero-description{display:none}.result-panel .page-title{font-size:29px}.result-score strong{font-size:39px}.result-stats{padding:9px;gap:9px;margin:12px 0}.result-stats b{font-size:18px}.result-actions .button{font-size:10px;min-height:39px;padding:8px 11px}.hud{padding:12px 18px}.hud-left{padding:8px 11px}.hud-score>b{font-size:27px}.hud-region{padding:8px 15px}.powerup-hud{top:135px}.dialog{padding:25px}.dialog h2{font-size:25px}}