:root{color:#34304e;font-synthesis:none;--ink:#34304e;--paper:#fff;--edge:#e0dded;--gold:#ffc85b;background:#28384d;font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #ffe06a}button{transition:transform .12s,filter .12s}button:hover{filter:brightness(1.06);transform:translateY(-2px)}button:active{transform:translateY(2px)}[hidden]{display:none!important}.game-shell{isolation:isolate;height:100dvh;position:relative;overflow:hidden}.world{touch-action:none;position:absolute;inset:0}.world canvas{outline:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(90deg,#14243c66,#0000 65%),linear-gradient(#0000 52%,#131b36aa);position:absolute;inset:0}.in-battle .vignette{background:radial-gradient(#0000 55%,#182a4422)}.masthead{z-index:6;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:18px 24px auto}.masthead>*{pointer-events:auto}.wordmark{color:#37334f;background:#fffffff5;border-radius:28px;align-items:center;gap:9px;padding:8px 16px 8px 9px;font-size:17px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 4px #1d2c4466}.wordmark small{display:none}.seal{color:#fff;letter-spacing:2px;background:#ee6964;border-radius:50%;place-content:center;width:30px;height:30px;font-size:10px;display:inline-grid}.header-actions{align-items:center;gap:8px;display:flex}.header-actions>span{background:#ffffffea;border-radius:25px;padding:9px 14px;font-size:11px;font-weight:800}.quiet-button{background:#fff;border-radius:25px;padding:10px 17px;font-size:12px;font-weight:800;box-shadow:0 4px #9691a366}.panel-layer{z-index:8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel-layer>*{pointer-events:auto}.panel-layer.sheet-open{z-index:15;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#13142b88;padding:20px}.bonk-home{pointer-events:none;justify-content:space-between;align-items:center;gap:20px;width:100%;height:100%;padding:95px 4.5vw 52px;display:flex}.bonk-home button{pointer-events:auto}.home-main{align-self:center;width:49%;max-width:620px}.home-title{filter:drop-shadow(0 5px #1e274c);margin-bottom:26px}.home-overline{color:#e9e3ff;letter-spacing:5px;font-size:12px;font-weight:900}.home-title h1{letter-spacing:-3px;color:#fff;white-space:nowrap;text-shadow:3px 3px #34346b,-2px -2px #34346b;margin:10px 0;font-size:clamp(45px,5.7vw,84px);font-weight:1000;line-height:1.08;transform:rotate(-3deg)}.home-title h1>span{color:#ffce42}.home-title small{letter-spacing:1px;color:#666581;vertical-align:middle;text-shadow:none;background:#fff;border-radius:20px;margin-left:12px;padding:6px 10px;font-size:9px;line-height:1.5;display:inline-block;transform:rotate(3deg)}.home-modes{align-items:stretch;gap:12px;display:flex}.stripe-red{background:repeating-linear-gradient(135deg,#ff767b 0 13px,#ff6975 13px 26px)}.stripe-purple{background:repeating-linear-gradient(135deg,#9580ee 0 13px,#8370e2 13px 26px)}.stripe-orange{background:repeating-linear-gradient(135deg,#ffc65d 0 13px,#ffba48 13px 26px)}.start-tile{color:#fff;text-align:left;border:5px solid #fff;border-radius:23px;outline:3px solid #a95365;flex:1;align-items:center;gap:14px;min-width:0;min-height:115px;padding:16px;display:flex;box-shadow:0 8px #7a3b56,0 14px 20px #17233555}.start-tile>span:nth-child(2){flex:1}.start-tile strong{white-space:nowrap;text-shadow:0 2px #ca5869;font-size:clamp(23px,2.6vw,38px);font-weight:1000;line-height:1.35;display:block}.start-tile small{white-space:nowrap;font-size:11px;font-weight:800}.start-tile canvas{width:44px;height:52px;image-rendering:pixelated;background:#f9efc9;border:3px solid #ffb8af;border-radius:12px}.tile-medallion{color:#ec8d45;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:49px;height:49px;font-size:24px;font-weight:900;display:grid;box-shadow:0 4px #49436333}.practice-tile{color:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:112px;padding:11px 7px;display:flex;box-shadow:0 7px #574ca0}.practice-tile .tile-medallion{color:#8b78d5;width:36px;height:36px;font-size:18px}.practice-tile strong{font-size:16px}.practice-tile small{font-size:9px}.home-event{background:#fff9e9f5;border-left:7px solid #ffbd52;border-radius:18px;align-items:center;gap:14px;min-height:87px;margin:20px 0 15px;padding:14px;display:flex;box-shadow:0 5px #34305277}.event-seal{color:#c78b40;writing-mode:vertical-lr;width:34px;font-family:serif;font-size:21px;font-weight:700}.home-event>div{flex:1;gap:2px;display:grid}.home-event small{color:#b88a4d;font-size:9px}.home-event strong{letter-spacing:2px;font-size:20px}.home-event div>span{color:#88829b;font-size:10px}.home-event button{white-space:nowrap;background:#eee6f7;border-radius:14px;padding:12px 10px;font-size:10px}.home-nav{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.home-nav button{background:#fff;border-bottom:4px solid #83a0ed;border-radius:20px;flex-direction:column;align-items:center;gap:4px;min-height:99px;padding:11px 4px 10px;display:flex;box-shadow:0 6px #6964a0}.home-nav b{color:#8b79cf;background:#eae7fa;border-radius:50%;place-items:center;width:32px;height:32px;font-family:serif;display:grid}.home-nav button:nth-child(2) b{color:#e6a848;background:#fff2d2}.home-nav button:nth-child(3) b{color:#d97578;background:#ffe4e6}.home-nav button:nth-child(4) b{color:#598bc9;background:#e0efff}.home-nav strong{font-size:12px}.home-nav small{color:#8b869e;font-size:9px}.home-bottom{align-items:center;gap:9px;margin-top:20px;display:flex}.home-bottom>span{color:#fff9;max-width:190px;font-size:10px;line-height:1.6}.home-storage{letter-spacing:1px;color:#fff9;pointer-events:none;white-space:nowrap;font-size:10px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.campaign-card{pointer-events:auto;background:#f9f7ff;border:6px solid #fff;border-radius:26px;width:29%;min-width:275px;max-width:370px;overflow:hidden;box-shadow:0 8px #48426177,0 15px 30px #15264244}.campaign-heading{color:#fff;padding:15px 20px}.campaign-heading small{letter-spacing:2px;font-size:10px}.campaign-heading h2{letter-spacing:2px;margin:2px 0;font-size:25px}.campaign-body{padding:14px 14px 12px}.campaign-active{background:#fff4d9;border:2px solid #ffdc81;border-radius:17px;align-items:center;gap:12px;padding:12px;display:flex}.campaign-active>span{color:#bd963f;font-family:serif;font-size:24px}.campaign-active>div{flex:1}.campaign-active strong{font-size:15px;display:block}.campaign-active small{color:#92879a;font-size:9px}.campaign-active>b{color:#c8a042;font-size:9px}.campaign-copy{color:#89819b;margin:10px 4px;font-size:10px;line-height:1.8}.campaign-stats{background:#fff;border-radius:14px;justify-content:space-around;padding:12px 4px;display:flex}.campaign-stats>div{text-align:center}.campaign-stats strong{font-size:22px;font-weight:1000;display:block}.campaign-stats span{color:#9a93ac;font-size:9px}.campaign-body h3{margin:15px 2px 8px;font-size:12px}.campaign-body h3 small{float:right;color:#a49ab5}.home-roster{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.home-roster button{background:#ebe7f5;border:2px solid #0000;border-radius:12px;justify-items:center;gap:2px;padding:5px 0;display:grid}.home-roster canvas{width:36px;height:42px;image-rendering:pixelated}.home-roster button.selected{background:#fff0cc;border-color:#ffbf58}.home-roster span{font-size:10px;font-weight:900}.home-roster small{color:#aaa1b3;font-size:8px}.home-roster .locked canvas{filter:saturate(.3);opacity:.65}.hero-description{margin:12px 3px;font-size:10px;line-height:1.7}.hero-description strong{font-size:11px}.hero-description p{color:#9890a5;margin:4px 0}.chapter-locked{color:#aaa1b6;border-top:1px solid #e8e2f1;justify-content:space-between;padding:10px 5px;font-size:10px;display:flex}.chapter-locked small{font-size:9px}.dialog{background:#fff;border:5px solid #f1edf8;border-radius:28px;width:min(760px,94vw);max-height:90dvh;padding:30px;overflow:auto;box-shadow:0 10px #4e426a55}.eyebrow{color:#9990ac;letter-spacing:2px;font-size:10px;font-weight:800}.dialog h1{margin:13px 0 25px;font-size:29px;font-weight:1000}.dialog p{color:#93899e;font-size:12px;line-height:1.8}.primary-button,.secondary-button{border-radius:25px;min-height:45px;padding:13px 24px;font-size:12px;font-weight:900;box-shadow:0 4px #61537b44}.primary-button{color:#fff;background:repeating-linear-gradient(135deg,#58ce91 0 12px,#47c785 12px 24px)}.secondary-button{background:#efebf7}.dialog-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.hero-picker{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hero-card{text-align:left;background:#f3effa;border:3px solid #0000;border-radius:19px;align-items:center;gap:12px;padding:12px;display:flex}.hero-card.selected{background:#fff2d6;border-color:#ffc560}.hero-portrait{width:48px;height:56px;image-rendering:pixelated}.hero-card>strong{flex:1;font-size:15px}.hero-card small{color:#968ba5;margin-top:5px;font-size:10px;font-weight:400;display:block}.hero-card>span{color:#aaa;font-size:9px}.codex-heading{justify-content:space-between;align-items:center;display:flex}.codex-list{gap:12px;display:grid}.codex-entry{background:#f4f0fa;border-radius:17px;align-items:center;gap:18px;padding:10px 16px;display:flex}.codex-portrait{width:54px;height:63px;image-rendering:pixelated}.codex-entry h2{margin:4px 0;font-size:16px}.codex-entry h2 small{color:#a197b1;margin-left:12px;font-size:10px;font-weight:400}.codex-entry p{margin:5px 0;font-size:10px}.codex-condition{color:#68ae7f!important}.save-tools{border-top:1px solid #eee;margin-top:22px;padding-top:20px}.save-tools strong{font-size:12px}.save-tools p{font-size:10px}.result-stats{gap:38px;margin:25px 0;display:flex}.result-stats strong{color:#637ab7;font-size:36px;font-weight:1000;display:block}.result-stats span{color:#9a90aa;font-size:10px}.recruit-result{background:#f2eff9;border-radius:17px;padding:15px}.save-status{color:#64a67d!important}.upgrade-dialog{background:#f8f6ff;width:min(920px,94vw)}.upgrade-dialog>.eyebrow{color:#fff;background:#ffa44b;border-radius:20px;padding:10px 20px;display:inline-block}.upgrade-list{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.upgrade-card{text-align:left;background:#fff;border:3px solid #d9d2e8;border-radius:22px;flex-direction:column;align-items:flex-start;min-height:235px;padding:22px;display:flex}.upgrade-index{color:#8b77c0;background:#e7e1f6;border-radius:50%;place-content:center;width:50px;height:50px;margin-bottom:20px;font-size:22px;display:grid}.upgrade-card:nth-child(2){border-color:#bfe9cf}.upgrade-card:nth-child(2) .upgrade-index{color:#6db68e;background:#daf2e3}.upgrade-card:nth-child(3){border-color:#ffe0b2}.upgrade-card:nth-child(3) .upgrade-index{color:#e3ac60;background:#ffecd1}.upgrade-card strong{font-size:18px}.upgrade-card p{flex:1;font-size:11px;line-height:1.8}.upgrade-pick{color:#a69bb7;font-size:10px}.hud{pointer-events:none;z-index:4;position:absolute;inset:0}.hero-hud{background:#fffffff2;border:4px solid #c5c2e1;border-radius:25px;width:300px;padding:10px 15px 12px 84px;position:absolute;top:18px;left:16px;box-shadow:0 5px #3d3b6655}.hero-hud>.eyebrow{letter-spacing:1px;font-size:8px}.hero-hud h2{margin:2px 0 6px;font-size:20px;font-weight:1000}.hero-hud canvas{width:66px;height:77px;image-rendering:pixelated;background:#fff1cf;border:3px solid #e5ac62;border-radius:50%;position:absolute;top:6px;left:7px}.bar{background:#e4e1ee;border-radius:10px;height:7px;overflow:hidden}.bar>span{border-radius:10px;width:100%;height:100%;display:block}.health>span{background:linear-gradient(#80ed9a,#55ce85)}.experience{height:5px;margin-top:7px}.experience>span{background:#66b9ff;width:0}.hud-numbers{color:#8c819f;justify-content:space-between;margin-top:4px;font-size:8px;display:flex}.battle-time{background:#fffffff3;border:4px solid #bcbada;border-radius:30px;align-items:center;gap:12px;padding:8px 18px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.battle-time>.eyebrow{letter-spacing:0;font-size:10px}.battle-time strong{color:#5c557e;white-space:nowrap;font-size:27px;font-weight:1000}.battle-time>span:last-child{display:none}.in-battle .masthead{justify-content:flex-end}.in-battle .wordmark,.in-battle #chapter-label{display:none}.map-area{width:168px;position:absolute;top:83px;right:17px}.map-area canvas{background:#3c3857;border:5px solid #c9b9dc;border-radius:50%;width:168px;height:168px;display:block;box-shadow:0 6px #39344955}.map-area>span{text-align:center;color:#81708f;background:#fffdf2d9;border-radius:12px;margin-top:7px;padding:5px;font-size:8px;display:block}.run-loot{gap:7px;font-size:9px;display:flex;position:absolute;top:289px;right:20px}.run-loot>span{background:#fff9;border-radius:20px;padding:7px 10px}.map-open{pointer-events:auto;background:#fff;border-radius:20px;padding:8px 14px;font-size:10px;font-weight:800;position:absolute;top:326px;right:20px;box-shadow:0 4px #44395244}.quest-tracker{gap:8px;max-width:210px;display:grid;position:absolute;bottom:140px;left:20px}.tracked-quest{background:#fffdf2d9;border-radius:14px;gap:10px;padding:10px 13px;display:flex}.tracked-quest>span{color:#dcac50}.tracked-quest strong{font-size:11px;display:block}.tracked-quest small{color:#8a7f98;font-size:8px}.tracked-quest.complete{opacity:.65}.ability-controls{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:35px;left:18px}.ability-controls button{background:#fffdf2e8;border:3px solid #cabedb;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:65px;min-height:65px;font-size:11px;font-weight:800;display:flex;box-shadow:0 4px #45325455}.ability-controls kbd{color:#aaa0b5;border:0;font-size:8px}.ability-controls small{color:#9b8ba7;font-size:8px;font-weight:400}.ability-controls .ultimate-button{color:#86534a;background:#ffcc75;border-color:#fff0be;min-width:88px}.controls-help{white-space:nowrap;background:#ffffffe0;border-radius:16px;gap:12px;padding:6px 12px;font-size:8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.controls-help kbd{color:#776585;background:#f0ebf7;border-radius:3px;padding:1px 4px}.interaction{background:#fff7de;border-radius:20px;padding:12px 20px;font-size:12px;font-weight:900;position:absolute;bottom:135px;left:50%;transform:translate(-50%);box-shadow:0 5px #56505b55}.practice-controls{pointer-events:auto;background:#fffffff2;border:3px solid #cec3de;border-radius:21px;padding:10px;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.practice-switches,.practice-tools{justify-content:center;gap:6px;display:flex}.practice-switches button{background:#eeebf7;border-radius:13px;min-width:54px;padding:8px 10px;font-size:10px}.practice-switches .active{color:#93654d;background:#ffe1aa}.practice-tools{margin-top:7px}.practice-tools button{color:#9b8cab;background:0 0;padding:4px 7px;font-size:8px}.practice-description{background:#ffffffe0;border-radius:16px;padding:13px}.practice-description strong{margin:7px 0;font-size:13px;display:block}.practice-description p{color:#94829f;font-size:10px;line-height:1.8}.practice-note{color:#aa99b5;font-size:9px;line-height:1.8}.joystick{pointer-events:auto;touch-action:none;background:#fff3;border:3px solid #fff7;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:none;position:absolute;bottom:33px;left:22px}.joystick>span{pointer-events:none;background:#fff9;border-radius:50%;width:39px;height:39px}.toast{z-index:20;pointer-events:none;background:#fffffff5;border-radius:20px;max-width:85vw;padding:12px 20px;font-size:11px;line-height:1.8;position:absolute;bottom:130px;left:50%;transform:translate(-50%);box-shadow:0 5px #53456655}.notice{z-index:30;background:#fff2da;border-radius:15px;max-width:90vw;padding:12px 20px;font-size:10px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.unavailable{text-align:center;background:#e7e6f3;place-content:center;height:100dvh;padding:30px;display:grid}.treasure-list{gap:12px;display:grid}.treasure-list article{background:#f6f0fb;border-radius:18px;align-items:center;gap:20px;padding:15px;display:flex}.treasure-list article>span{background:#ffe5b4;border-radius:50%;place-content:center;width:60px;height:60px;font-size:26px;display:grid}.treasure-list h2{margin:0;font-size:16px}.treasure-list p{font-size:11px}.reduced-motion *{transition:none!important}@media (max-width:1050px){.bonk-home{padding:92px 3vw 48px}.home-main{width:53%}.home-title h1{font-size:58px}.home-title h1 small{width:max-content;margin:10px 0;font-size:9px;display:block}.home-title{margin-bottom:20px}.start-tile{gap:10px;padding:12px}.start-tile .tile-medallion{width:37px;height:37px;font-size:20px}.start-tile strong{font-size:27px}.practice-tile{width:96px}.start-tile canvas{width:36px;height:42px}.home-event{gap:9px}.home-event button{padding:9px 7px;font-size:8px}.campaign-card{width:31%;min-width:265px}.hero-description{font-size:9px}.battle-time>.eyebrow{display:none}.battle-time{left:46%}.header-actions .quiet-button{padding:9px 12px;font-size:10px}.practice-controls{bottom:112px}.hero-hud{width:256px}.controls-help{display:none}}@media (max-height:700px) and (min-width:800px){.bonk-home{padding-top:76px;padding-bottom:36px}.home-title{margin-bottom:16px}.home-title h1{margin:6px 0;font-size:55px}.home-overline{font-size:10px}.start-tile{min-height:94px;padding:10px}.home-event{min-height:70px;margin:17px 0 13px;padding:10px}.home-nav button{min-height:82px;padding:8px 3px}.home-bottom{margin-top:15px}.campaign-heading{padding:10px 18px}.campaign-heading h2{font-size:22px}.campaign-copy{display:none}.campaign-stats{padding:9px 4px}.campaign-body h3{margin-top:10px}.hero-description p{margin:3px 0;font-size:9px}.chapter-locked{padding:8px 5px}}@media (max-width:760px){.masthead{inset:12px 14px auto}.wordmark{padding:6px 10px 6px 6px;font-size:13px}.seal{width:26px;height:26px}.header-actions>span{display:none}.quiet-button{padding:9px 12px;font-size:10px}.bonk-home{padding:82px 18px 40px;display:block;overflow:auto}.home-main{width:100%;max-width:none}.home-title{margin-bottom:20px}.home-title h1{font-size:clamp(40px,8.3vw,60px)}.home-title h1 small{margin-left:10px;font-size:8px;display:inline-block}.home-overline{letter-spacing:3px;font-size:9px}.start-tile{min-height:100px}.start-tile strong{font-size:27px}.start-tile small{font-size:9px}.practice-tile{width:88px}.home-event{min-height:76px}.home-nav{gap:8px}.home-nav button{border-radius:16px;min-height:86px}.home-nav strong{font-size:11px}.home-bottom{margin-top:17px}.home-bottom>span{font-size:8px}.campaign-card{border-radius:22px;width:100%;min-width:0;max-width:none;margin-top:25px}.campaign-heading{align-items:center;gap:14px;padding:10px 16px;display:flex}.campaign-heading h2{font-size:20px}.campaign-body{padding:12px}.campaign-copy,.chapter-locked,.home-storage{display:none}.campaign-stats{margin-top:10px}.home-roster canvas{width:42px;height:49px}.home-roster span{font-size:11px}.hero-description p{font-size:10px}.dialog{border-radius:23px;padding:22px 18px}.dialog h1{font-size:25px}.hero-picker{gap:8px}.hero-card{gap:5px;padding:8px}.hero-portrait{width:36px;height:42px}.hero-card strong{font-size:12px}.hero-card>span{display:none}.upgrade-list{gap:9px}.upgrade-card{min-height:220px;padding:12px}.upgrade-index{width:35px;height:35px;font-size:16px}.upgrade-card strong{font-size:14px}.upgrade-card p{font-size:10px}.upgrade-pick{font-size:8px}.in-battle .masthead{top:13px}.in-battle #practice-button,.in-battle [data-action=codex]{display:none}.hero-hud{border-width:3px;width:218px;padding-left:68px;top:10px;left:10px}.hero-hud canvas{width:51px;height:60px}.hero-hud h2{font-size:17px}.hero-hud>.eyebrow{display:none}.hud-numbers{font-size:7px}.battle-time{border-width:3px;padding:5px 13px;top:64px;left:auto;right:10px;transform:none}.battle-time strong{font-size:20px}.map-area{width:108px;top:126px;right:10px}.map-area canvas{border-width:4px;width:108px;height:108px}.map-area>span{font-size:7px}.run-loot{flex-direction:column;gap:5px;top:263px;right:10px}.run-loot span{padding:5px 8px;font-size:8px}.map-open{padding:7px 10px;font-size:9px;top:324px;right:10px}.quest-tracker{gap:7px;max-width:155px;bottom:140px;left:12px}.tracked-quest{padding:8px 10px}.tracked-quest strong{font-size:10px}.tracked-quest small{font-size:7px}.ability-controls{gap:5px;bottom:24px;left:auto;right:10px}.ability-controls button{border-radius:15px;min-width:50px;min-height:57px;font-size:10px}.ability-controls .ultimate-button{min-width:76px}.ability-controls kbd{display:none}.practice-controls{max-width:96vw;padding:7px;bottom:100px}.practice-switches button{min-width:52px;padding:8px;font-size:9px}.practice-description p,.practice-note{display:none}.practice-description strong{margin:5px 0;font-size:11px}.practice-description{padding:10px}.interaction{white-space:normal;width:max-content;max-width:92vw;padding:10px 15px;font-size:10px;bottom:200px}.toast{padding:10px 15px;font-size:10px;bottom:190px}.result-stats{gap:20px}.result-stats strong{font-size:29px}.codex-entry{gap:10px;padding:10px}.codex-entry h2 small{margin:4px 0;display:block}.codex-entry p{font-size:9px}.notice{top:66px}}@media (pointer:coarse){.joystick{display:flex}.ability-controls{left:auto;right:15px}.controls-help{display:none}.world{touch-action:none}}@media (max-height:500px) and (min-width:700px){.masthead{inset:10px 15px auto}.bonk-home{align-items:center;padding:62px 24px 20px;overflow:auto}.home-title h1{margin:4px 0;font-size:39px}.home-title h1 small,.home-overline{display:none}.home-title{margin-bottom:13px}.start-tile{min-height:72px;padding:6px 10px}.start-tile strong{font-size:24px}.practice-tile{gap:2px;width:92px}.practice-tile .tile-medallion{display:none}.home-event{min-height:53px;margin:13px 0;padding:7px 12px}.home-event small,.home-event div>span{display:none}.home-event strong{font-size:16px}.home-nav button{gap:3px;min-height:63px;padding:7px 3px}.home-nav b{width:24px;height:24px;font-size:13px}.home-nav small{display:none}.home-bottom{margin-top:12px}.home-bottom .quiet-button{padding:7px 12px;font-size:9px}.campaign-heading{padding:7px 15px}.campaign-heading h2{font-size:19px}.campaign-heading small{display:none}.campaign-body{padding:10px}.campaign-active{padding:8px}.campaign-copy,.campaign-body>.hero-description,.chapter-locked{display:none}.campaign-stats{margin-top:8px;padding:7px 4px}.campaign-stats strong{font-size:18px}.home-roster canvas{width:30px;height:35px}.home-roster small{display:none}.campaign-body h3{margin:10px 2px 6px}.hero-hud{width:235px}.battle-time{top:16px}.map-area{width:100px;top:65px}.map-area canvas{width:100px;height:100px}.run-loot{top:196px}.map-open{top:232px}.quest-tracker{max-width:175px;bottom:108px}.tracked-quest{padding:7px 10px}.practice-description p,.practice-note{display:none}.practice-description{padding:10px}.ability-controls{bottom:15px}.ability-controls button{min-height:54px}.practice-controls{bottom:16px}.controls-help{display:none}.toast{bottom:90px}.interaction{bottom:100px}.dialog{max-height:90dvh}.dialog h1{margin-bottom:16px;font-size:23px}.upgrade-card{min-height:175px}.upgrade-index{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.setup-dialog{width:min(970px,95vw)}.setup-heading{justify-content:space-between;align-items:center;display:flex}.setup-heading h1{margin-bottom:20px}.setup-layout{grid-template-columns:1.1fr 1fr;gap:27px;display:grid}.region-art{color:#fff;background:linear-gradient(15deg,#385246b0,#9aba7080),repeating-linear-gradient(120deg,#739259 0 14px,#698653 14px 28px);border-radius:20px;flex-direction:column;justify-content:center;min-height:160px;padding:25px;display:flex;box-shadow:inset 0 -8px #2f524444}.region-art>span{letter-spacing:4px;font-size:11px}.region-art>b{letter-spacing:6px;margin:8px 0;font-family:serif;font-size:32px}.region-art>small{color:#e8efdb;font-size:10px}.setup-hero{background:#f5f0fb;border-radius:18px;align-items:center;gap:14px;margin-top:15px;padding:10px 15px;display:flex}.setup-hero canvas{width:48px;height:56px;image-rendering:pixelated}.setup-hero h2{margin:2px 0;font-size:19px}.setup-hero small{color:#9c8faa;font-size:9px}.setup-hero p{margin:0;font-size:10px}.setup-targets{flex-wrap:wrap;gap:7px;display:flex}.setup-targets>span{color:#a4834e;background:#fff0cf;border-radius:13px;padding:7px 10px;font-size:9px}.setup-options h3{margin:3px 0 12px;font-size:12px}.setup-options h3:nth-of-type(2){margin-top:22px}.setup-mode-list{grid-template-columns:1fr 1fr;gap:9px;display:grid}.setup-mode-list button,.difficulty-list button{text-align:left;background:#f4f0fa;border:2px solid #0000;border-radius:17px;padding:13px}.setup-mode-list button.active,.difficulty-list button.active{background:#fff1d8;border-color:#ffca6b}.setup-mode-list strong,.difficulty-list strong{font-size:13px;display:block}.setup-mode-list small,.difficulty-list small{color:#9c8eaa;margin-top:5px;font-size:9px;display:block}.difficulty-list{gap:8px;display:grid}.difficulty-list button{padding:11px 14px}.setup-note{font-size:10px!important}.setup-options>.primary-button{width:100%;margin-top:7px}@media (max-width:760px){.setup-layout{grid-template-columns:1fr;gap:20px}.region-art{min-height:105px;padding:17px}.region-art>b{font-size:26px}.setup-hero{margin-top:10px}.setup-region>p,.setup-targets{display:none}.setup-heading h1{font-size:22px}.setup-options h3:nth-of-type(2){margin-top:15px}}.practice-skill-picker{color:#92829d;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:9px;display:flex}.practice-skill-picker select{color:#746780;background:#f4f0fa;border:1px solid #e5dfef;border-radius:10px;max-width:160px;padding:5px 8px;font-size:10px}@media (max-width:380px){.home-title h1 small,.start-tile>.tile-medallion{display:none}.start-tile{gap:8px;padding:10px 8px}.start-tile strong{font-size:22px}.start-tile canvas{width:30px;height:35px}.practice-tile{width:78px}.home-nav strong{font-size:10px}.home-nav small{font-size:8px}.hero-hud{width:195px}.joystick{width:82px;height:82px;left:12px}.header-actions{gap:5px}.header-actions .quiet-button{padding:9px;font-size:9px}.wordmark{gap:6px;font-size:12px}.battle-time{right:10px}}.setup-route{gap:7px;margin:17px 0;padding:0;list-style:none;display:grid}.setup-route li{background:#f5f0f9;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.setup-route li>b{color:#8b622d;background:#ffdea0;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.setup-route li>div{flex:1;gap:3px;display:grid}.setup-route strong{font-size:12px}.setup-route small{color:#81758e;font-size:9px}.setup-route li>span{color:#a67b48;font-size:10px}.campaign-progress{white-space:nowrap;pointer-events:none;gap:7px;display:flex;position:absolute;top:95px;left:50%;transform:translate(-50%)}.campaign-progress>span{color:#897d96;background:#ffffffd9;border-radius:20px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;display:flex;box-shadow:0 2px #443d5855}.campaign-progress i{background:#e5ddeb;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-style:normal;display:grid}.campaign-progress .current{color:#735226;background:#fff2cd;font-weight:800}.campaign-progress .current i{color:#674014;background:#ffc965}.campaign-progress .done{color:#477650;background:#e0f2df}.campaign-progress .done i{color:#fff;background:#9dd09b}.guardian-health{color:#fff;pointer-events:none;background:#2e223ee8;border:2px solid #c29ac7;border-radius:15px;width:260px;padding:9px 13px;position:absolute;top:137px;left:50%;transform:translate(-50%);box-shadow:0 4px #261b35aa}.guardian-health>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.guardian-health strong{letter-spacing:2px;font-size:12px}.guardian-health span{color:#e5c8e9;font-size:9px}.guardian-bar{background:#1c162c;border-radius:5px;height:7px;overflow:hidden}.guardian-bar i{background:linear-gradient(90deg,#be65ba,#f0a6c8);border-radius:5px;height:100%;display:block}.skills-hud{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.skill-slot{background:#fffffff2;border:2px solid #d6c9e8;border-radius:14px;align-items:center;gap:8px;min-width:132px;padding:8px 12px 11px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #4c406944}.skill-slot>b{color:#8b6aaa;background:#eae2f7;border-radius:9px;place-items:center;width:27px;height:27px;font-size:14px;display:grid}.skill-slot>span{text-align:left;gap:3px;font-size:11px;font-weight:800;display:grid}.skill-slot small{color:#897c98;font-size:8px;font-weight:500}.skill-slot>i{pointer-events:none;background:#b09cdd;height:4px;position:absolute;bottom:0;left:0}.skill-slot.empty{opacity:.75;box-shadow:none;border-style:dashed;padding-bottom:8px}.skill-slot.empty>span{color:#867a94;font-size:9px;font-weight:500}.skill-slot.awakened{background:#fff6dd;border-color:#eabc54}.skill-slot.awakened>b{color:#946621;background:#f9d988}.skill-slot.awakened>i{background:#e4ad37}.skill-slot.awakened small{color:#a47a2b}.upgrade-tag{color:#8a6baf;margin:0 0 8px;font-size:10px;font-weight:800;display:block}.skill-upgrade{background:linear-gradient(155deg,#fff,#f3eefa)!important;border-color:#cbb5e2!important}.awakening-upgrade{background:linear-gradient(155deg,#fffdf2,#fff0c5)!important;border-color:#edc567!important}.awakening-upgrade .upgrade-tag{color:#ae7922}.awakening-upgrade .upgrade-index{color:#9e6c20;background:#f4d184}@media (max-width:760px){.setup-route{gap:5px;margin:12px 0}.setup-route li{padding:7px 9px}.setup-route small{display:none}.setup-route strong{font-size:11px}.campaign-progress{gap:4px;top:100px}.campaign-progress>span{padding:4px 6px;font-size:8px}.campaign-progress i{width:13px;height:13px;font-size:7px}.guardian-health{width:190px;padding:7px 10px;top:135px;left:13px;transform:none}.skills-hud{gap:5px;bottom:96px;left:auto;right:10px;transform:none}.skill-slot{border-radius:11px;gap:5px;min-width:95px;padding:6px 8px 9px}.skill-slot>b{width:22px;height:22px;font-size:12px}.skill-slot>span{font-size:9px}.skill-slot small{font-size:7px}.skill-slot.empty{min-width:75px}.skill-slot.empty>span{display:none}.skill-slot.empty>b{margin:auto}.upgrade-tag{font-size:9px}}@media (max-height:500px) and (min-width:700px){.campaign-progress{top:75px}.guardian-health{width:210px;top:108px}.skills-hud{bottom:20px;left:auto;right:130px;transform:none}.skill-slot{min-width:105px;padding:6px 8px 9px}.skill-slot>span{font-size:9px}.setup-route{gap:4px;margin:10px 0}.setup-route li{padding:6px 9px}.setup-route small{display:none}}.armory-subtitle{margin:24px 0 14px;font-size:17px}.awakening-recipes{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.awakening-recipes article{background:#fff3d9;border:1px solid #eed39e;border-radius:14px;gap:7px;padding:14px;display:grid}.awakening-recipes b{font-size:12px}.awakening-recipes small{color:#9e7a3b;font-size:10px}.awakening-recipes article>span{color:#967a50;font-size:10px}.awakening-recipes strong{color:#a57627;font-size:14px}.awakening-recipes p{margin:0!important;font-size:10px!important;line-height:1.8!important}.result-journey{background:#f7f1fb;border-radius:16px;margin-bottom:18px;padding:15px}.result-journey>div{justify-content:center;gap:10px;margin-top:13px;display:flex}.result-journey>div>span{color:#9b8ba6;flex:1;justify-items:center;gap:6px;font-size:10px;display:grid}.result-journey i{background:#e6dfee;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;display:grid}.result-journey .done{color:#5b8c67}.result-journey .done i{color:#fff;background:#91bd94}.result-journey .current{color:#af843b}.result-journey .current i{background:#f5d99f}@media (max-width:600px){.awakening-recipes{grid-template-columns:1fr}.result-journey{padding:12px}.result-journey>div{gap:5px}.result-journey>div>span{font-size:9px}}.armory-rarities{gap:10px;margin:0 0 20px;display:flex}.armory-rarities>span{border:1px solid color-mix(in srgb,var(--rarity-color),white 60%);background:color-mix(in srgb,var(--rarity-color),white 92%);border-radius:13px;flex:1;align-items:center;gap:9px;padding:11px 13px;display:flex}.armory-rarities b{color:var(--rarity-color);font-size:12px}.armory-rarities small{color:#92819e;font-size:10px}@media (max-width:760px){.map-open{top:350px}.armory-rarities{gap:5px}.armory-rarities>span{flex-direction:column;align-items:flex-start;gap:4px;padding:9px}.armory-rarities small{font-size:8px}}.armory-rarities b{color:color-mix(in srgb,var(--rarity-color),#514160 55%)}.run-findings{background:#f8f1fa;border-radius:12px;padding:10px 13px;color:#9a849f!important;margin:0 0 17px!important;font-size:11px!important}@media (max-height:500px) and (min-width:700px){.map-open{top:232px}}.sheet-dialog{--sheet-ink:#34384f;--sheet-muted:#887b94;--sheet-lavender:#f3f2fa;--sheet-border:#e8e6f1;box-sizing:border-box;width:min(1140px,100vw - 36px);max-height:92dvh;color:var(--sheet-ink);pointer-events:auto;isolation:isolate;background:#fff;border:2px solid #fff;border-radius:32px;margin:auto;padding:24px 26px 22px;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5;overflow:hidden;box-shadow:0 22px 80px #18253638,0 5px #3d40530d}.sheet-dialog *,.sheet-dialog :before,.sheet-dialog :after{box-sizing:border-box}.sheet-dialog h1,.sheet-dialog h2,.sheet-dialog h3,.sheet-dialog p,.sheet-dialog dl,.sheet-dialog dd{margin:0}.sheet-dialog button,.sheet-dialog input{font:inherit}.sheet-dialog button{cursor:pointer;-webkit-tap-highlight-color:transparent}.sheet-dialog button:focus-visible,.sheet-dialog input:focus-visible{outline-offset:4px;outline:3px solid #719bff}.sheet-dialog ::-webkit-scrollbar{width:5px;height:5px}.sheet-dialog ::-webkit-scrollbar-thumb{background:#d5d2e4;border-radius:8px}.sheet-dialog ::-webkit-scrollbar-track{background:0 0}.sheet-heading{flex:none;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.sheet-kicker{color:var(--sheet-muted);letter-spacing:.1em;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.sheet-dialog .sheet-heading h1{color:#34384e;letter-spacing:-.04em;font-size:23px;font-weight:850;line-height:1.25}.sheet-close{color:#9896a9;background:#f2f1f8;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;padding:0;transition:color .15s,background .15s;display:grid}.sheet-close:hover{color:#6d6a83;background:#e9e7f2}.run-sheet{flex-direction:column;height:min(760px,92dvh);display:flex}.run-summary-top{flex:none;grid-template-columns:minmax(245px,.9fr) minmax(0,1.65fr);align-items:center;gap:22px;margin-bottom:20px;display:grid}.run-hero-summary{align-items:center;gap:16px;min-width:0;display:flex}.sheet-portrait-wrap{background:linear-gradient(150deg,#fff8de,#f3efd9);border:2px solid #f1eddf;border-radius:20px;flex:none;place-items:center;width:83px;height:89px;display:grid;position:relative}.sheet-dialog canvas.sheet-portrait{width:64px;height:75px;image-rendering:pixelated;display:block}.hero-level{color:#fff;background:#ffb95d;border:2px solid #fff;border-radius:8px;padding:1px 9px;font-size:11px;font-weight:800;position:absolute;bottom:-5px;right:-4px}.hero-summary-copy{flex:1;min-width:0}.hero-summary-name{flex-wrap:wrap;align-items:baseline;gap:3px 9px;margin-bottom:7px;display:flex}.sheet-dialog .hero-summary-name h2{letter-spacing:-.04em;font-size:18px;font-weight:850;line-height:1.2}.hero-summary-name>span{color:#84768f;font-size:11px;font-weight:600}.sheet-bar-label{color:#8a7f94;justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;font-size:11px;font-weight:700;line-height:1.4;display:flex}.sheet-bar-label strong{color:#71677f;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.sheet-bar{background:#e9e9f0;border-radius:20px;height:8px;overflow:hidden}.sheet-bar>span{border-radius:inherit;height:100%;display:block}.sheet-hp>span{background:linear-gradient(90deg,#66cf9c,#7edaa6);box-shadow:inset 0 2px #ffffff40}.xp-label{margin-top:5px}.sheet-xp{height:5px}.sheet-xp>span{background:linear-gradient(90deg,#7baaff,#9bbaff)}.run-stat-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;min-width:0;display:grid}.run-stat-card{border:1px solid var(--sheet-border);text-align:center;background:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:88px;padding:8px 4px;display:flex;box-shadow:0 3px #eeedf645}.stat-mark{border-radius:7px;place-items:center;width:23px;height:23px;margin-bottom:3px;font-size:12px;font-weight:900;line-height:1;display:grid}.stat-label{color:#81748f;font-size:11px;font-weight:650}.run-stat-card strong{color:#55506d;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%;margin-top:2px;font-size:18px;font-weight:850;line-height:1.2}.stat-red .stat-mark{color:#ee8b91;background:#fff0f1}.stat-orange .stat-mark{color:#e7a150;background:#fff3e2}.stat-blue .stat-mark{color:#76a2e9;background:#edf3ff}.stat-green .stat-mark{color:#68b991;background:#edf9f2}.stat-purple .stat-mark{color:#ab8cdb;background:#f5efff}.sheet-columns{flex:auto;grid-template-columns:1fr 1fr .94fr;gap:14px;min-height:0;display:grid}.sheet-column{background:var(--sheet-lavender);border:1px solid #eeedf5;border-radius:17px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.sheet-ribbon{color:#fff;background-color:var(--ribbon,#86b1ef);background-image:repeating-linear-gradient(130deg,#fff0 0 10px,#ffffff17 10px 18px);border-radius:15px 15px 0 0;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:11px 15px;display:flex;position:relative;overflow:hidden}.sheet-ribbon>span{letter-spacing:.06em;font-size:15px;font-weight:850;line-height:1.2}.sheet-ribbon>small{color:#fff;white-space:nowrap;font-size:11px;font-weight:650;line-height:1.2}.sheet-ribbon-blue{--ribbon:#8cb4ed}.sheet-ribbon-orange{--ribbon:#f9b366}.sheet-ribbon-purple{--ribbon:#a69bd8}.sheet-ribbon-green{--ribbon:#78c6a8}.sheet-column-body{overscroll-behavior:contain;scrollbar-color:#d5d2e4 transparent;scrollbar-width:thin;flex:auto;min-height:0;padding:10px;overflow-y:auto}.sheet-move-card{background:#fff;border:1px solid #e9e7f1;border-radius:12px;margin-bottom:10px;padding:11px;box-shadow:0 2px #e8e5f242}.sheet-move-card:last-child{margin-bottom:0}.move-card-heading{align-items:center;gap:10px;margin-bottom:8px;display:flex}.move-card-heading>div{min-width:0}.auxiliary-card .move-card-heading>div{flex:1}.move-mark{color:#6e9cdb;background:#edf4ff;border:1px solid #dceaff;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:17px;font-weight:850;display:grid}.ultimate-card .move-mark{color:#af8bd9;background:#f7f0ff;border-color:#ecdefd}.skill-tone-0 .move-mark{color:#db9c4c;background:#fff4df;border-color:#f5e2c3}.skill-tone-1 .move-mark{color:#70aa86;background:#eff9f1;border-color:#d9eadf}.skill-cooldown{color:#a08eac;white-space:nowrap;background:#f4f0f7;border-radius:6px;flex:none;align-self:flex-start;margin-left:auto;padding:3px 6px;font-size:11px;font-weight:750}.skill-cooldown.is-ready{color:#6ba880;background:#edf8f0}.contribution-blue{--contribution-color:#89afe9;--contribution-tint:#edf3fc}.contribution-orange{--contribution-color:#e9b26c;--contribution-tint:#fff4e4}.contribution-green{--contribution-color:#81bea0;--contribution-tint:#edf7f1}.contribution-purple{--contribution-color:#b29bdb;--contribution-tint:#f5effb}.move-contribution{background:var(--contribution-tint,#edf3fc);border-radius:9px;margin-bottom:10px;padding:9px 10px}.contribution-heading{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.contribution-heading>span{color:#8d7c9a;font-size:10px;font-weight:650}.contribution-heading>strong{color:#675374;font-variant-numeric:tabular-nums;text-align:right;font-size:18px;font-weight:850;line-height:1.15}.contribution-heading small{color:#9a84ab;white-space:nowrap;margin-left:7px;font-size:11px;font-weight:750;display:inline-block}.contribution-track{background:#e5dfee;border-radius:7px;height:6px;overflow:hidden}.contribution-track>span{border-radius:inherit;background:var(--contribution-color,#89afe9);height:100%;display:block}.damage-untracked{color:#a090ac!important;margin:0 0 8px!important;font-size:11px!important}.damage-breakdown{background:#fff;border:1px solid #e8e3f0;border-radius:12px;margin-bottom:10px;padding:12px}.damage-breakdown-heading{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:12px;display:flex}.sheet-dialog .damage-breakdown-heading h3{color:#6f5c7e;font-size:13px;font-weight:850}.damage-breakdown-heading>span{color:#a08eac;font-size:10px}.damage-source{margin-top:11px}.damage-source-heading{justify-content:space-between;align-items:baseline;gap:9px;margin-bottom:5px;display:flex}.damage-source-heading>strong{color:#877093;min-width:0;font-size:11px;font-weight:750}.damage-source-heading>span{color:#6f5b7e;font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:12px;font-weight:850}.damage-source-heading small{color:#aa95b7;min-width:38px;margin-left:6px;font-size:10px;font-weight:650;display:inline-block}.move-kind{color:#887993;font-size:11px;font-weight:650;display:block}.sheet-dialog .move-card-heading h3{color:#5b506d;font-size:14px;font-weight:850}.sheet-move-card>p{color:#71677f;font-size:11px;line-height:1.65}.move-facts{margin-top:9px!important}.move-facts .sheet-stat-row{border-bottom:0;padding:4px 0;font-size:11px}.move-facts .sheet-stat-row dd{font-size:11px}.sheet-stat-list{padding:0 3px}.sheet-stat-row{border-bottom:1px solid #e5e2ef;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 0;font-size:11px;display:flex}.sheet-stat-row:last-child{border-bottom:0}.sheet-stat-row dt{color:#81728e;min-width:0}.sheet-stat-row dd{color:#62536f;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.sheet-footnote{color:#8b7b97;font-size:11px;line-height:1.7;margin-top:12px!important}.sheet-dialog .item-group-title{color:#8a7798;letter-spacing:.02em;margin:2px 1px 8px;font-size:11px;font-weight:750}.sheet-item-list{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.sheet-item-list:last-child{margin-bottom:0}.sheet-item{background:#fff;border:1px solid #e9e7f1;border-radius:12px;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.item-mark{color:#e7ad66;background:#fff6e8;border:1px solid #f4e4cb;border-radius:9px;flex:none;place-items:center;width:33px;height:35px;font-size:16px;font-weight:850;display:grid}.item-attack-speed,.item-move-speed{color:#78b59e;background:#eff9f4;border-color:#dcefe7}.item-max-hp,.item-heal{color:#de96a2;background:#fff1f4;border-color:#f4dfe4}.item-range,.item-ultimate-charge{color:#a897cc;background:#f7f2ff;border-color:#e9e1f5}.item-treasure{color:#ddae52;background:#fff7de;border-color:#f6e5ba}.item-copy{flex:1;min-width:0}.item-copy strong{color:#685773;font-size:12px;font-weight:800;display:block}.item-copy p{color:#71677f;margin-top:3px;font-size:11px;line-height:1.55}.item-count{color:#8e7b9d;flex:none;font-size:12px;font-weight:850}.sheet-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:210px;padding:18px;display:flex}.empty-mark{color:#c5bdd7;border:2px dashed #dcd6e8;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:11px;font-size:25px;display:grid}.sheet-empty>strong{color:#82708f;font-size:13px;font-weight:750}.sheet-empty>p{color:#8e7e9b;max-width:165px;margin-top:7px;font-size:11px;line-height:1.8}.sheet-actions{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:9px;min-height:45px;margin-top:18px;display:flex;position:relative}.sheet-button{color:#8b859f;background:#f5f3fa;border:1px solid #e8e4f0;border-radius:30px;justify-content:center;align-items:center;gap:12px;min-width:104px;min-height:42px;padding:10px 21px;line-height:1.3;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 3px #e7e2ef;font-size:12px!important;font-weight:800!important}.sheet-button:hover{color:#78718e;background:#eeebf6;transform:translateY(-1px);box-shadow:0 3px #ddd6ea}.sheet-button:active{transform:translateY(2px);box-shadow:0 1px #ddd6ea}.sheet-button-primary{color:#fff;background:#fc987d;border-color:#f58b72;min-width:151px;box-shadow:0 3px #e87d68}.sheet-button-primary:hover{color:#fff;background:#ff9f85;box-shadow:0 3px #e87d68}.sheet-button-primary>span{font-size:16px;line-height:1}.sheet-button-danger{color:#d591a0;background:#fff1f4;border-color:#f4e1e7;box-shadow:0 3px #f0dce3}.sheet-button-danger:hover{color:#c47a8c;background:#ffe9ef;box-shadow:0 3px #eacbd5}.sheet-button[data-action=atlas]{color:#8aabd2;background:#eff6ff;border-color:#dde8f5;box-shadow:0 3px #dce7f4}.sheet-button[data-action=settings]{color:#a29bc3}.atlas-sheet{flex-direction:column;height:min(790px,92dvh);display:flex}.atlas-layout{flex:1;grid-template-columns:minmax(0,1fr) 226px;gap:16px;min-height:0;display:grid}.atlas-map-wrap{background:#f2f5f0;border:1px solid #e7e7ef;border-radius:18px;flex-direction:column;align-items:center;min-width:0;min-height:0;padding:14px;display:flex;overflow:hidden}.sheet-dialog #atlas-map{object-fit:contain;width:100%;min-height:0;image-rendering:pixelated;border-radius:10px;flex:1;display:block}.atlas-legend{color:#716d7f;flex-wrap:wrap;flex:none;justify-content:center;gap:8px 18px;padding-top:12px;font-size:11px;font-weight:650;display:flex}.atlas-legend>span{align-items:center;gap:5px;display:inline-flex}.legend-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.legend-player{background:#6faee3;box-shadow:0 0 0 2px #6faee320}.legend-recruit{background:#b28edd}.legend-supply{background:#82c99d}.legend-chest{background:#e7be68;border-radius:2px}.legend-enemy{background:#e99385}.atlas-sites{background:var(--sheet-lavender);border:1px solid #e9e7f1;border-radius:17px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.atlas-sites>ul{flex:1;align-content:start;gap:0;min-height:0;margin:0;padding:7px 13px;list-style:none;display:grid;overflow-y:auto}.atlas-site{border-bottom:1px solid #e5e3ed;align-items:center;gap:10px;padding:13px 0;display:flex}.atlas-site:last-child{border-bottom:0}.atlas-site.is-complete{opacity:.5}.site-mark{color:#a289cd;background:#f7f0ff;border:1px solid #e8def5;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;font-size:13px;font-weight:850;display:grid}.site-supply{color:#85b59b;background:#f0f8f2;border-color:#dceadf}.site-chest{color:#cfb272;background:#fff8e9;border-color:#eee2c8}.atlas-site strong{color:#6f5e7c;font-size:12px;font-weight:800;display:block}.atlas-site small{color:#8b7799;margin-top:3px;font-size:11px;display:block}.atlas-sites>.sheet-footnote{flex:none;padding:9px 13px 13px;margin:0!important}.settings-sheet{flex-direction:column;width:min(620px,100vw - 36px);height:min(650px,92dvh);display:flex}.settings-sheet>.sheet-ribbon{border-radius:13px}.settings-list{flex:1;min-height:0;margin-top:5px;padding:0 5px;overflow-y:auto}.setting-row{border-bottom:1px solid #efedf6;justify-content:space-between;align-items:center;gap:24px;min-height:93px;padding:18px 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-copy{min-width:0;display:block}.setting-copy strong{color:#685773;font-size:13px;font-weight:800;display:block}.setting-copy small{color:#81708f;margin-top:5px;font-size:11px;display:block}.setting-control{flex:none;justify-content:flex-end;align-items:center;gap:12px;width:210px;display:flex;position:relative}.setting-control input[type=range]{accent-color:#a7a0d9;cursor:pointer;border-radius:8px;flex:1;width:153px;height:5px;margin:0;display:block}.setting-control output{color:#887298;text-align:right;font-variant-numeric:tabular-nums;min-width:35px;font-size:12px;font-weight:800}.setting-checkbox{z-index:1;opacity:0;cursor:pointer;width:47px;height:28px;margin:0;position:absolute;right:0}.setting-switch{background:#eeecf4;border:1px solid #e8e5ef;border-radius:20px;align-items:center;width:47px;height:28px;padding:3px;transition:background .16s;display:inline-flex}.setting-switch:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;display:block;box-shadow:0 1px 3px #544d7020}.setting-checkbox:checked+.setting-switch{background:#aaa1db;border-color:#a69dd7}.setting-checkbox:checked+.setting-switch:before{transform:translate(18px)}.setting-checkbox:focus-visible+.setting-switch{outline-offset:4px;outline:3px solid #719bff}.setting-row>.sheet-button{min-width:118px;min-height:36px;font-size:11px!important}@media (max-height:760px) and (min-width:761px){.sheet-dialog{border-radius:27px;padding:17px 22px 18px}.sheet-heading{margin-bottom:12px}.sheet-dialog .sheet-heading h1{font-size:23px}.run-summary-top{gap:18px;margin-bottom:14px}.sheet-portrait-wrap{border-radius:16px;width:72px;height:77px}.sheet-dialog canvas.sheet-portrait{width:55px;height:64px}.run-stat-card{min-height:79px}.sheet-actions{gap:8px;margin-top:14px}.sheet-ribbon{min-height:39px;padding:10px 13px}.sheet-column-body{padding:10px}.sheet-stat-list>.sheet-stat-row{padding:10px 0}.setting-row{min-height:86px;padding:15px 0}}@media (max-width:960px) and (min-width:761px){.sheet-dialog{padding-left:19px;padding-right:19px}.run-summary-top{grid-template-columns:minmax(230px,.85fr) minmax(0,1.55fr);gap:16px}.run-hero-summary{gap:12px}.run-stat-cards{gap:6px}.run-stat-card{border-radius:12px}.run-stat-card strong{font-size:18px}.sheet-columns{gap:10px}.sheet-ribbon{padding-left:11px;padding-right:11px}.sheet-ribbon>small{font-size:11px}.sheet-column-body{padding:9px}.sheet-move-card{padding:11px}.sheet-button{min-width:99px;padding-left:17px;padding-right:17px}.sheet-button-primary{min-width:142px}.atlas-layout{grid-template-columns:minmax(0,1fr) 202px;gap:12px}}@media (max-width:760px){.sheet-dialog{border-radius:24px;width:calc(100vw - 20px);max-height:92dvh;padding:17px 15px 16px}.sheet-heading{margin-bottom:13px}.sheet-dialog .sheet-heading h1{font-size:22px}.sheet-kicker{font-size:11px}.sheet-close{width:32px;height:32px}.run-summary-top{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:15px;display:flex}.run-hero-summary{gap:13px}.sheet-portrait-wrap{border-radius:16px;width:66px;height:71px}.sheet-dialog canvas.sheet-portrait{width:50px;height:59px}.hero-summary-name{margin-bottom:4px}.sheet-dialog .hero-summary-name h2{font-size:18px}.run-stat-cards{gap:6px}.run-stat-card{border-radius:11px;min-height:67px;padding:6px 2px}.stat-mark{border-radius:5px;width:18px;height:18px;margin-bottom:2px;font-size:10px}.stat-label{font-size:11px}.run-stat-card strong{font-size:18px}.sheet-columns{overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px;display:block;overflow-y:auto}.sheet-column{min-height:180px;margin-bottom:12px}.sheet-column:last-child{margin-bottom:0}.sheet-column-body{overflow:visible}.sheet-ribbon{min-height:40px;padding:10px 14px}.sheet-move-card{padding:13px}.sheet-move-card>p{font-size:11px}.sheet-stat-row{padding:10px 0}.sheet-empty{min-height:155px}.sheet-actions{gap:8px;margin-top:14px}.sheet-button{flex:1 0 28%;min-width:0;min-height:36px;padding:9px 10px;font-size:11px!important}.sheet-button-primary,.sheet-button-danger{flex-basis:40%}.atlas-layout{padding-right:2px;display:block;overflow-y:auto}.atlas-map-wrap{min-height:250px;margin-bottom:13px;padding:10px}.sheet-dialog #atlas-map{flex:none;width:100%;height:auto}.atlas-legend{gap:8px 12px;padding:10px 0 0;font-size:11px}.atlas-sites{overflow:visible}.atlas-sites>ul{grid-template-columns:1fr 1fr;column-gap:15px;overflow:visible}.atlas-site{padding:12px 0}.atlas-site strong{font-size:12px}.site-mark{border-radius:9px;width:28px;height:30px;font-size:12px}.settings-sheet{height:min(650px,92dvh)}.setting-row{gap:15px;min-height:97px;padding:18px 0}.setting-copy strong{font-size:12px}.setting-copy small{font-size:11px}.setting-control{gap:8px;width:43%;min-width:115px}.setting-control input[type=range]{width:80px}.setting-control output{min-width:30px;font-size:11px}.setting-row>.sheet-button{flex:none;min-width:100px}}@media (max-height:550px) and (max-width:760px){.sheet-heading{margin-bottom:9px}.run-summary-top{grid-template-columns:1fr 1.2fr;align-items:center;gap:10px;margin-bottom:10px;display:grid}.sheet-portrait-wrap,.hero-summary-name>span{display:none}.run-stat-cards{gap:3px}.run-stat-card{min-height:61px}.sheet-actions{margin-top:10px}.sheet-button{white-space:nowrap;flex-basis:0;padding-left:7px;padding-right:7px}.sheet-button-primary,.sheet-button-danger{flex-basis:auto}}@media (prefers-reduced-motion:reduce){.sheet-dialog *,.sheet-dialog :before,.sheet-dialog :after{scroll-behavior:auto!important;transition:none!important}}.skill-growth{background:#f2edf8;border-radius:12px;margin:12px 0;padding:11px 12px}.skill-growth-heading{justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.skill-level-pips{gap:4px;display:flex}.skill-level-pips i{background:#ddd4e8;border-radius:3px;width:16px;height:6px;display:block}.skill-level-pips i.is-earned{background:#a48ac6}.skill-growth p{color:#7f718e;margin:7px 0 0;font-size:10px;line-height:1.7}.skill-growth.is-awakened{color:#9c6b20;background:#fff1cc}.is-awakened .skill-level-pips i.is-earned{background:#dbaa42}.skill-growth.is-awakened p{color:#977127}.atlas-journey{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.atlas-journey-step{color:#887b96;background:#eee9f5;border-radius:12px;flex:1;align-items:center;gap:7px;min-width:130px;padding:10px 12px;font-size:11px;display:flex}.atlas-journey-step.is-current{color:#9c6d29;background:#fff0cd;font-weight:800}.atlas-journey-step.is-complete{color:#54835c;background:#e1f1e3}.journey-number{background:#dcd2eb;border-radius:50%;flex-shrink:0;place-content:center;width:22px;height:22px;font-size:10px;font-style:normal;display:grid}.is-current .journey-number{background:#ffcb6d}.is-complete .journey-number{background:#b3dbb8}.atlas-journey-step strong{font-size:11px}.atlas-journey-step small{margin-top:3px;font-size:9px;font-weight:400;display:block}.atlas-portal{color:#84718f;background:#eee8f4;border:1px dashed #c3b5d3;border-radius:12px;margin:12px 0;padding:12px;font-size:11px}.atlas-portal.is-open{color:#4c7d5a;background:#e8f6ed;border-color:#8cc59c}.atlas-portal strong{margin-bottom:5px;display:block}.atlas-portal p{margin:4px 0;font-size:10px;line-height:1.7}.site-portal{color:#8f7eaa;background:#e0d9ee}.legend-portal{background:#9fcbb0;border-radius:2px!important}@media (max-width:760px){.atlas-journey{gap:5px;margin-bottom:10px}.atlas-journey-step{gap:5px;min-width:80px;padding:7px;font-size:9px}.atlas-journey-step strong{font-size:9px}.atlas-journey-step small{display:none}.journey-number{width:18px;height:18px;font-size:8px}.skill-growth-heading{font-size:10px}.skill-level-pips i{width:12px}}.weapon-growth{background:#fff2d8}.weapon-growth .skill-level-pips i.is-earned{background:#d7b46a}.hero-passive-card{background:#f8f4fc;border:1px solid #e5d9ef}.hero-passive-card .move-mark{color:#9a82af;background:#ece2f5}.hero-passive-card.is-active{background:#fff5df;border-color:#e8cc8e}.hero-passive-card.is-active .move-mark{color:#aa7c2b;background:#f8dfa6}.passive-detail{color:#9781a7;margin:9px 0 2px;font-size:10px;line-height:1.8;display:block}.is-active .passive-detail{color:#a17b38}.skill-level-pips{margin-top:7px}.training-dialog{width:min(900px,94vw);padding:27px 30px}.training-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.training-heading h1{margin-bottom:13px}.training-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.training-intro>p{max-width:440px;margin:0!important;font-size:12px!important;line-height:1.8!important}.merit-balance{white-space:nowrap;color:#987130;background:#fff1d0;border:1px solid #edce88;border-radius:15px;padding:11px 17px;font-size:11px}.merit-balance b{color:#825b1f;margin-right:5px;font-size:24px}.training-bonuses{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.training-bonuses>span{background:#f2eef8;border-radius:13px;justify-items:center;gap:6px;padding:11px;display:grid}.training-bonuses small{color:#8b7c98;font-size:10px}.training-bonuses strong{color:#716083;font-size:17px}.training-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.training-card{background:#fff;border:2px solid #e6ddeb;border-radius:19px;padding:16px}.training-card-top{align-items:center;gap:11px;display:flex}.training-mark{color:#c18687;background:#f9e5e5;border-radius:13px;place-items:center;width:39px;height:39px;font-family:serif;font-size:19px;font-weight:900;display:grid}.training-warfare .training-mark{color:#c79c5d;background:#fff0d7}.training-march .training-mark{color:#7d9e89;background:#e3f1e7}.training-wisdom .training-mark{color:#8799be;background:#e2eaf8}.training-card h2{margin:0 0 3px;font-size:15px}.training-card-top>div>span{color:#9a8aa4;font-size:10px}.training-complete{color:#87a17d;margin-left:auto;font-size:10px}.training-card>p{color:#8d7e99;min-height:36px;margin:11px 0!important;font-size:11px!important;line-height:1.7!important}.training-levels{gap:5px;margin:10px 0 14px;display:flex}.training-levels i{background:#ede6f1;border-radius:5px;flex:1;height:7px;display:block}.training-levels i.earned{background:#d7b66d}.training-buy{color:#885f25;background:#ffe2a2;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex;box-shadow:0 3px #c6a36155}.training-buy strong{font-size:12px}.training-buy span{font-size:10px}.training-buy:disabled{color:#9b8da7;box-shadow:none;opacity:.9;background:#f0eaf4}.training-card.maxed{background:#fbfaf3;border-color:#e4d7ab}.training-footer{color:#9a8aa6;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;font-size:10px;display:flex}.training-footer p{text-align:right;max-width:310px;margin:0!important;font-size:10px!important;line-height:1.7!important}.hero-passive-preview{color:#a27f45!important;font-size:10px!important;line-height:1.7!important}.setup-training{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.setup-training>span{color:#728362;background:#e9f0e5;border-radius:12px;padding:6px 9px;font-size:9px}.weapon-hud{background:#fffffff0;border:2px solid #e1d1b0;border-radius:13px;align-items:center;gap:7px;max-width:300px;padding:8px 11px;display:flex;position:absolute;top:148px;left:20px;box-shadow:0 3px #4a3e5f33}.weapon-hud>b{color:#9a7739;font-size:11px}.weapon-hud>span{color:#95839e;font-size:9px}.passive-hud{pointer-events:none;color:#8d7c99;background:#ffffffdc;border-radius:12px;gap:3px;max-width:280px;padding:8px 11px;font-size:10px;display:grid;position:absolute;top:192px;left:20px}.passive-hud strong{color:#796586;font-size:11px}.passive-hud.active{background:#fff1cc;border:1px solid #ebcf90}.passive-hud.active strong{color:#a1782f}.hero-card .hero-passive-preview{margin-top:7px!important;font-size:9px!important}.weapon-upgrade{background:linear-gradient(150deg,#fff,#fff4d6)!important;border-color:#d5b673!important}.weapon-upgrade .upgrade-tag{color:#aa7d2c}@media (max-width:760px){.training-dialog{padding:20px 16px}.training-heading h1{font-size:23px}.training-heading .quiet-button{white-space:nowrap;padding:9px 12px}.training-intro{flex-direction:column;align-items:flex-start;gap:10px}.training-intro>p{font-size:11px!important}.merit-balance{padding:8px 12px}.merit-balance b{font-size:20px}.training-bonuses{gap:5px;margin-bottom:13px}.training-bonuses>span{padding:9px 3px}.training-bonuses strong{font-size:14px}.training-bonuses small{font-size:8px}.training-grid{grid-template-columns:1fr;gap:10px}.training-card{padding:13px}.training-card>p{min-height:0}.training-footer{flex-direction:column;align-items:flex-start;gap:7px}.training-footer p{text-align:left}.weapon-hud{max-width:185px;padding:6px 8px;top:128px;left:12px}.weapon-hud>b{font-size:10px}.weapon-hud>span{font-size:8px}.passive-hud{max-width:182px;padding:7px 9px;font-size:8px;top:164px;left:12px}.passive-hud strong{font-size:9px}.guardian-health{max-width:182px;top:214px}.home-bottom{flex-wrap:wrap}.home-bottom>span{display:none}}@media (max-height:500px) and (min-width:700px){.weapon-hud{padding:6px 9px;top:128px}.passive-hud{max-width:220px;padding:7px 9px;font-size:8px;top:168px}.guardian-health{top:108px;left:50%;transform:translate(-50%)}.training-dialog{padding:20px}.training-grid{gap:10px}.training-card{padding:12px}.training-card>p{min-height:0;margin:8px 0!important}}.shop-sheet{--shop-gold:#b9872c;--shop-purple:#8671ae;background:linear-gradient(145deg,#fffdf8,#fff 45%,#fbf9ff);border-color:#fff9ec;flex-direction:column;width:min(1060px,100vw - 36px);height:min(780px,92dvh);display:flex}.shop-sheet .sheet-heading{margin-bottom:15px}.shop-sheet .sheet-kicker{color:#9c824b}.shop-summary{flex:none;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.shop-hero{align-items:center;gap:13px;width:min(390px,60%);min-width:0;display:flex}.shop-portrait{background:#fff5d9;border:1px solid #eddfbc;border-radius:18px;flex:none;place-items:center;width:66px;height:70px;display:grid}.shop-sheet .shop-portrait canvas{width:48px;height:56px}.shop-hero-copy{flex:1;min-width:0}.shop-hero-name{align-items:baseline;gap:9px;margin-bottom:6px;display:flex}.shop-hero-name>strong{color:#554863;font-size:18px;font-weight:850}.shop-hero-name>span{color:#9a845b;font-size:11px;font-weight:750}.shop-health-label{color:#82758d;justify-content:space-between;gap:10px;margin-bottom:5px;font-size:11px;display:flex}.shop-health-label strong{color:#6b6279;font-variant-numeric:tabular-nums;font-weight:800}.shop-health{background:#e9eee7;border-radius:8px;height:7px;overflow:hidden}.shop-health>span{border-radius:inherit;background:linear-gradient(90deg,#79c99d,#98d7a9);height:100%;display:block}.shop-wallet{background:#fff7dc;border:1px solid #f0dfae;border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px;min-width:200px;padding:11px 18px;display:flex}.shop-coin-mark{color:#a87823;background:#ffeab0;border:3px double #d6ad55;border-radius:50%;place-items:center;width:37px;height:37px;font-size:17px;font-weight:850;display:grid}.shop-wallet>div{flex-direction:column;min-width:0;display:flex}.shop-wallet>div>span{color:#917546;font-size:11px;font-weight:700}.shop-wallet strong{color:#aa7624;font-variant-numeric:tabular-nums;font-size:24px;font-weight:900;line-height:1.15}.shop-wallet small{color:#9a835b;text-align:center;width:100%;margin-top:-3px;font-size:10px}.shop-stock-heading{color:#fff;background:repeating-linear-gradient(-45deg,#a58bc6 0 8px,#ac94cb 8px 16px);border-radius:13px 13px 0 0;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:10px 17px;display:flex}.shop-stock-heading>span{letter-spacing:.04em;font-size:14px;font-weight:850}.shop-stock-heading>small{color:#fff9;font-size:11px;font-weight:650}.shop-offers{overscroll-behavior:contain;scrollbar-width:thin;background:#f5f1fa;border:1px solid #ede7f4;border-top:0;border-radius:0 0 18px 18px;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:13px;min-height:0;padding:15px;display:grid;overflow-y:auto}.shop-offers-four{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-offer{background:#fff;border:1px solid #e6e0ee;border-radius:17px;flex-direction:column;min-width:0;padding:16px;display:flex;box-shadow:0 3px #e9e2f345}.shop-offer-top{justify-content:space-between;align-items:center;gap:10px;min-height:41px;margin-bottom:9px;display:flex}.shop-offer-mark{color:#ac873d;background:linear-gradient(145deg,#fff5d4,#fffaf0);border:1px solid #f0dfb6;border-radius:12px;flex:none;place-items:center;width:43px;height:43px;font-size:22px;font-weight:850;display:grid}.equipment-rare .shop-offer-mark{color:#6899c0;background:linear-gradient(145deg,#e5f3ff,#f5faff);border-color:#d0e5f7}.equipment-epic .shop-offer-mark{color:#9a78bb;background:linear-gradient(145deg,#f0e3fc,#fcf7ff);border-color:#e3d3f2}.equipment-rarity{color:#748165;white-space:nowrap;background:#f1f4ec;border:1px solid #dde2d5;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:2px 7px;font-size:10px;font-weight:800;line-height:1.5;display:inline-flex}.equipment-rarity.rarity-rare{color:#548eb9;background:#edf7ff;border-color:#d2e6f7}.equipment-rarity.rarity-epic{color:#9472b7;background:#f5ecff;border-color:#e4d3f3}.shop-service-label{color:#aa8650;background:#fff3dd;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:750}.shop-kind-heal .shop-offer-mark{color:#bb8190;background:#fff1f3;border-color:#efd6dd}.shop-kind-heal .shop-service-label{color:#b27786;background:#fff0f3}.shop-offer-name>span{color:#9a8aa7;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.shop-sheet .shop-offer-name h2{color:#5a4b69;font-size:17px;font-weight:850;line-height:1.35}.shop-sheet .shop-offer-description{color:#71677f;margin-top:7px;font-size:11px;line-height:1.65}.shop-effect-list{flex-wrap:wrap;align-content:start;gap:6px;min-height:30px;margin:12px 0 9px;padding:0;list-style:none;display:flex}.shop-effect-list li{color:#80659e;background:#f8f3fc;border:1px solid #e9def4;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:750;line-height:1.4}.shop-kind-heal .shop-effect-list li{color:#648d78;background:#f1f8f4;border-color:#dbeae1}.shop-kind-weapon-level .shop-effect-list li{color:#a08242;background:#fff8e8;border-color:#f1e5c8}.shop-sheet .shop-offer-note{color:#8b7d98;margin-bottom:13px;font-size:11px;line-height:1.6}.shop-offer-bottom{border-top:1px solid #f0ebf6;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.shop-offer-price{flex-wrap:wrap;align-items:baseline;gap:5px;min-width:0;display:flex}.shop-offer-price>span{color:#bc9450;font-size:11px;font-weight:750}.shop-offer-price>strong{color:#b28b3d;font-variant-numeric:tabular-nums;font-size:21px;font-weight:900;line-height:1}.shop-offer-price>small{color:#95879f;font-variant-numeric:tabular-nums;width:100%;margin-top:2px;font-size:10px}.shop-buy{color:#fff;background:#d8b66d;border:1px solid #c9a256;border-radius:20px;flex:0 auto;min-width:97px;min-height:36px;padding:8px 17px;line-height:1.4;transition:transform .15s,background .15s;box-shadow:0 3px #bda061;font-size:12px!important;font-weight:850!important}.shop-buy:hover:enabled{background:#e2bf76;transform:translateY(-1px)}.shop-buy:active:enabled{transform:translateY(2px);box-shadow:0 1px #bda061}.shop-buy:disabled{color:#9e95a8;cursor:default;background:#f0edf4;border-color:#e7e2ec;box-shadow:0 2px #e6e0ec;font-size:11px!important}.is-sold-out .shop-offer-mark{opacity:.5}.shop-actions{margin-top:16px}.shop-sheet .shop-actions .sheet-button-primary{color:#fff;background:#ae95c9;border-color:#a58cc3;box-shadow:0 3px #9177ad}.shop-sheet .shop-actions .sheet-button-primary:hover{background:#b79fd1}.shop-empty{color:#857290;text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:9px;min-height:220px;display:flex}.shop-empty>span{border:2px dashed #d5c7e2;border-radius:18px;place-items:center;width:56px;height:56px;font-size:25px;display:grid}.shop-empty>strong{font-size:14px}.shop-empty>p{color:#8e809a;font-size:12px}.sheet-item .equipment-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sheet-item .equipment-name>strong{min-width:0}.sheet-item.equipment-rare .item-treasure{color:#659cc4;background:#edf7ff;border-color:#d3e7f7}.sheet-item.equipment-epic .item-treasure{color:#9876b9;background:#f6eeff;border-color:#e2d1f1}.sheet-item .item-copy .equipment-effects{color:#71617d;font-size:11px}.sheet-dialog .legend-merchant{background:#b298d7;border-radius:2px;box-shadow:0 0 0 2px #eadff5}.sheet-dialog .site-merchant{color:#9878b4;background:#f5eaff;border-color:#e4d3f0}@media (max-width:960px){.shop-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:12px}.shop-offer{padding:14px}}@media (max-height:760px) and (min-width:761px){.shop-summary{margin-bottom:12px}.shop-portrait{border-radius:15px;width:56px;height:60px}.shop-sheet .shop-portrait canvas{width:41px;height:48px}.shop-wallet{padding:8px 15px}.shop-stock-heading{min-height:36px;padding:8px 15px}.shop-offer{padding:13px}.shop-offer-top{margin-bottom:6px}.shop-offer-mark{border-radius:10px;width:35px;height:35px;font-size:19px}.shop-sheet .shop-offer-name h2{font-size:16px}.shop-effect-list{margin-top:9px}.shop-actions{margin-top:12px}}@media (max-width:760px){.shop-sheet{width:calc(100vw - 20px)}.shop-summary{gap:12px;margin-bottom:13px}.shop-hero{flex:1;gap:9px;width:auto;min-width:0}.shop-portrait{border-radius:13px;width:48px;height:56px}.shop-sheet .shop-portrait canvas{width:38px;height:44px}.shop-hero-name{gap:6px;margin-bottom:5px}.shop-hero-name>strong{font-size:16px}.shop-health-label{font-size:10px}.shop-health-label>span{display:none}.shop-wallet{border-radius:13px;justify-content:center;gap:6px;min-width:85px;padding:9px 11px}.shop-coin-mark{display:none}.shop-wallet strong{font-size:22px}.shop-wallet small{display:none}.shop-stock-heading{min-height:38px;padding:9px 12px}.shop-stock-heading>small{font-size:10px}.shop-offers,.shop-offers-four{grid-template-columns:minmax(0,1fr);gap:11px;padding:11px}.shop-offer{padding:14px}.shop-offer-top{min-height:36px;margin-bottom:7px}.shop-offer-mark{border-radius:11px;width:37px;height:37px;font-size:20px}.shop-offer-name>span{display:none}.shop-sheet .shop-offer-name h2{font-size:17px}.shop-actions{gap:7px;margin-top:12px}.shop-actions .sheet-button{white-space:nowrap;flex:1 1 0;min-width:0;min-height:37px;padding-left:8px;padding-right:8px}.shop-actions .sheet-button-primary{flex:1.3 1 0}.shop-actions .sheet-button-danger{flex:1 1 0}.shop-actions .sheet-button-primary>span{display:none}}@media (max-height:480px){.shop-sheet .sheet-heading{margin-bottom:8px}.shop-summary{margin-bottom:9px}.shop-portrait{display:none}.shop-wallet{padding:6px 12px}.shop-wallet small{display:none}.shop-wallet strong{font-size:20px}.shop-stock-heading{min-height:30px;padding:6px 12px}.shop-actions{min-height:35px;margin-top:9px}.shop-actions .sheet-button{min-height:33px;padding-top:7px;padding-bottom:7px}}.achievements-sheet{background:linear-gradient(145deg,#fffdf8,#fff 42%,#fbf8ff);border-color:#fff9ee;flex-direction:column;width:min(980px,100vw - 36px);height:min(820px,92dvh);display:flex}.achievements-sheet .sheet-heading{margin-bottom:15px}.achievements-sheet .sheet-kicker{color:#9b814c}.achievement-summary{flex:none;grid-template-columns:1fr 1fr 1.1fr;gap:12px;margin-bottom:17px;display:grid}.achievement-summary>div{background:#f8f4fc;border:1px solid #e9e0f1;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:13px 17px;display:flex}.achievement-summary span{color:#84718f;font-size:11px;font-weight:750}.achievement-summary strong{color:#8970aa;font-variant-numeric:tabular-nums;font-size:23px;font-weight:850;line-height:1.2}.achievement-summary small{color:#a292af;white-space:nowrap;font-size:11px;font-weight:650}.achievement-summary .achievement-wallet{background:#fff6df;border-color:#f0dfb4}.achievement-wallet span{color:#977d43}.achievement-wallet strong{color:#ac812d}.achievement-ribbon{color:#fff;background:repeating-linear-gradient(-45deg,#ab91c8 0 8px,#b299cd 8px 16px);border-radius:13px 13px 0 0;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:10px 16px;display:flex}.achievement-ribbon strong{letter-spacing:.05em;font-size:14px;font-weight:850}.achievement-ribbon span{color:#fff;font-size:11px;font-weight:700}.achievement-grid{overscroll-behavior:contain;scrollbar-width:thin;background:#f5f0f9;border:1px solid #ece4f3;border-top:0;border-radius:0 0 18px 18px;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow-y:auto}.achievement-card{background:#fff;border:1px solid #e9e1f1;border-radius:15px;flex-direction:column;min-width:0;padding:15px;display:flex;box-shadow:0 3px #eae3f34d}.achievement-card-heading{align-items:flex-start;gap:10px;margin-bottom:13px;display:flex}.achievement-mark{color:#aa93bd;background:#f5effa;border:1px solid #e7ddef;border-radius:12px;flex:none;place-items:center;width:40px;height:42px;font-size:21px;font-weight:850;display:grid}.achievement-card-heading>div{flex:1;min-width:0}.achievements-sheet .achievement-card h2{color:#62516e;font-size:15px;font-weight:850;line-height:1.5}.achievements-sheet .achievement-card-heading p{color:#776681;margin-top:3px;font-size:11px;line-height:1.6}.achievement-state{color:#aa8339;white-space:nowrap;background:#fff0ca;border-radius:6px;flex:none;padding:3px 6px;font-size:10px;font-weight:800}.achievement-progress-label{color:#92809e;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;margin-bottom:5px;font-size:11px;display:flex}.achievement-progress-label strong{color:#806891;font-variant-numeric:tabular-nums;font-size:11px;font-weight:850}.achievement-progress{background:#ede6f2;border-radius:6px;height:6px;overflow:hidden}.achievement-progress>span{border-radius:inherit;background:#b29bc8;height:100%;display:block}.achievement-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.achievement-reward{color:#aa8d53;white-space:nowrap;font-size:11px;font-weight:700}.achievement-reward b{color:#b38b39;font-variant-numeric:tabular-nums;margin-right:3px;font-size:17px;font-weight:850}.achievement-claim{color:#fff;background:#d7b46c;border:1px solid #cca453;border-radius:20px;min-width:104px;min-height:33px;padding:7px 15px;line-height:1.3;transition:transform .15s,background .15s;box-shadow:0 3px #bba061;font-size:11px!important;font-weight:800!important}.achievement-claim:enabled:hover{background:#e1bf78;transform:translateY(-1px)}.achievement-claim:enabled:active{transform:translateY(2px);box-shadow:0 1px #bba061}.achievement-claim:disabled{color:#9a8ca5;cursor:default;background:#f2edf6;border-color:#e8e0ed;box-shadow:0 2px #e5deeb}.achievement-card.is-ready{background:linear-gradient(140deg,#fffaf0,#fff 60%);border-color:#ead3a0}.is-ready .achievement-mark{color:#ae8433;background:#fff1cb;border-color:#f0dcae}.is-ready .achievement-progress>span{background:#d6b262}.achievement-card.is-claimed{background:#fcfefa;border-color:#e0e8de}.is-claimed .achievement-mark{color:#81a17d;background:#f0f7ea;border-color:#e1ebdc}.is-claimed .achievement-state{color:#7a9976;background:#eaf3e4}.is-claimed .achievement-progress>span{background:#a2bd97}.is-claimed .achievement-reward,.is-claimed .achievement-reward b{color:#92a28b}.achievement-footer{flex:none;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.achievements-sheet .achievement-footer p{color:#8c7999;font-size:11px;line-height:1.6}.achievement-footer .sheet-button{color:#fff;background:#af96ca;border-color:#a78ec4;flex:none;box-shadow:0 3px #9278ae}.achievement-footer .sheet-button:hover{background:#b89fd2}@media (max-height:760px) and (min-width:761px){.achievement-summary{gap:10px;margin-bottom:12px}.achievement-summary>div{padding:10px 14px}.achievement-ribbon{min-height:35px;padding:8px 14px}.achievement-grid{gap:10px;padding:11px}.achievement-card{padding:13px}.achievement-footer{margin-top:12px}}@media (max-width:760px){.achievements-sheet{width:calc(100vw - 20px)}.achievement-summary{gap:7px;margin-bottom:13px}.achievement-summary>div{border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px}.achievement-summary strong{font-size:20px}.achievement-summary span,.achievement-summary small{font-size:10px}.achievement-ribbon{min-height:37px;padding:9px 12px}.achievement-grid{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}.achievement-card{padding:13px}.achievement-mark{border-radius:10px;width:35px;height:38px;font-size:19px}.achievements-sheet .achievement-card h2{font-size:14px}.achievement-card-heading{gap:9px;margin-bottom:11px}.achievement-state{padding:2px 5px;font-size:9px}.achievement-footer{flex-direction:column;align-items:stretch;gap:9px;margin-top:11px}.achievements-sheet .achievement-footer p{text-align:center;font-size:10px}.achievement-footer .sheet-button{min-height:36px;padding:9px 16px}}@media (max-height:480px){.achievements-sheet .sheet-heading{margin-bottom:8px}.achievement-summary{gap:8px;margin-bottom:8px}.achievement-summary>div{flex-direction:row;align-items:center;padding:6px 10px}.achievement-summary strong{font-size:18px}.achievement-ribbon{min-height:30px;padding:6px 12px}.achievement-footer{flex-direction:row;align-items:center;gap:10px;margin-top:9px}.achievements-sheet .achievement-footer p{text-align:left}.achievement-footer .sheet-button{min-height:32px;padding:7px 15px}}.battle-event-sheet{background:linear-gradient(145deg,#fffdf8,#fff 62%,#f9f6ed);border-color:#f0e2bf;flex-direction:column;width:min(780px,100vw - 32px);height:min(760px,100dvh - 32px);min-height:0;display:flex;overflow:hidden}.battle-event-sheet .sheet-heading{flex:none}.battle-event-sheet .sheet-kicker{color:#a68a55}.battle-event-sheet .sheet-close{width:44px;min-width:44px;height:44px}.battle-event-content{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:auto;min-height:0;padding-right:7px;overflow:hidden auto}.battle-event-content *{touch-action:pan-y}.battle-event-story{background:#fff7e4;border:1px solid #f0dfba;border-radius:18px;align-items:center;gap:15px;padding:20px;display:flex}.battle-event-seal{color:#a7733c;background:#fff0cd;border:3px double #d6ae75;border-radius:7px;flex:none;place-items:center;width:48px;height:55px;font-size:25px;font-weight:850;display:grid}.battle-event-story>div{flex:1;min-width:0}.battle-event-label{color:#ad864d;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.battle-event-sheet .battle-event-story p{color:#766446;overflow-wrap:anywhere;font-size:14px;line-height:1.9}.battle-event-sheet canvas.battle-event-portrait{flex:none;width:58px;height:68px}.battle-event-section{margin-top:22px}.battle-event-sheet .battle-event-section h2{color:#695b75;margin-bottom:11px;font-size:14px;font-weight:850}.battle-event-objectives{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.battle-event-objectives>li{background:#faf8fd;border:1px solid #e9e3ef;border-radius:14px;align-items:center;gap:11px;padding:13px;display:flex}.battle-event-objective-mark{color:#9a83b3;background:#eee7f5;border-radius:10px;flex:none;place-items:center;width:35px;height:35px;font-size:16px;font-weight:800;display:grid}.battle-event-objectives li>div{flex:1;min-width:0}.battle-event-objectives strong{color:#655772;font-size:13px}.battle-event-sheet .battle-event-objectives p{color:#92859c;margin-top:4px;font-size:11px;line-height:1.6}.battle-event-progress{color:#9d8050;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:12px;font-weight:800}.battle-event-sheet .battle-event-rule{color:#9a8b9e;margin:10px 2px 0;font-size:11px;line-height:1.75}.battle-event-rewards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.battle-event-reward{background:#fffaf0;border:1px solid #eee4cf;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:14px;display:flex}.battle-event-reward-mark{color:#b68e41;background:#fff0cb;border:1px solid #efdfb7;border-radius:10px;flex:none;place-items:center;width:36px;height:39px;font-size:19px;font-weight:800;display:grid}.battle-event-reward>div{min-width:0}.battle-event-reward strong{color:#8f7448;font-size:13px}.battle-event-sheet .battle-event-reward p{color:#9c8a6e;margin-top:4px;font-size:11px;line-height:1.6}.battle-event-reward small{color:#9c8a6e;margin-top:5px;font-size:10px;line-height:1.6;display:block}.battle-event-reward.equipment-rare{background:#f2f9fe;border-color:#dceaf3}.battle-event-reward.equipment-rare .battle-event-reward-mark{color:#6a9ab9;background:#e5f2fb;border-color:#cfe2ee}.battle-event-reward.equipment-rare strong{color:#6c93b1}.battle-event-reward.equipment-epic{background:#f9f3fe;border-color:#e9def3}.battle-event-reward.equipment-epic .battle-event-reward-mark{color:#a081bf;background:#f1e5fc;border-color:#e0d2ed}.battle-event-reward.equipment-epic strong{color:#9779ad}.battle-event-recruit{background:#f4faf3;border-color:#dcebdd;grid-column:1/-1}.battle-event-recruit .battle-event-reward-mark{color:#7e9b6e;background:#eaf2dd;border-color:#d6e5c9}.battle-event-recruit strong{color:#799068}.battle-event-sheet .battle-event-once{color:#a096aa;margin:15px 2px 2px;font-size:10px;line-height:1.8}.battle-event-actions{border-top:1px solid #eee7f0;flex:none;justify-content:flex-end;padding-top:14px}.battle-event-actions>span{color:#a396ac;flex:1;font-size:11px}.battle-event-actions .sheet-button{touch-action:manipulation;min-height:44px}.battle-event-actions .sheet-button-primary:disabled{opacity:.55;cursor:default}.battle-event-missing{height:auto;min-height:230px}.battle-event-missing>p{color:#8d7f99;flex:1;font-size:13px;line-height:1.7}@media (max-width:600px){.battle-event-sheet{width:calc(100vw - 20px);height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:800px;padding:16px 14px}.battle-event-content{padding-right:3px}.battle-event-story{gap:11px;padding:15px 12px}.battle-event-seal{display:none}.battle-event-sheet .battle-event-story p{font-size:13px;line-height:1.8}.battle-event-sheet canvas.battle-event-portrait{width:48px;height:56px}.battle-event-objectives>li{flex-wrap:wrap;gap:9px;padding:12px}.battle-event-objectives li>div{flex-basis:calc(100% - 50px)}.battle-event-progress{margin-left:44px}.battle-event-rewards{grid-template-columns:minmax(0,1fr)}.battle-event-section{margin-top:18px}.battle-event-actions{gap:8px;margin-top:12px;padding-top:11px}.battle-event-actions>span{text-align:center;flex:auto;width:100%}.battle-event-actions .sheet-button{flex:1;min-width:0}}@media (max-height:480px){.battle-event-sheet{height:calc(100dvh - 16px);padding-top:10px;padding-bottom:10px}.battle-event-sheet .sheet-heading{margin-bottom:7px}.battle-event-actions{margin-top:8px;padding-top:8px}.battle-event-actions>span{display:none}}:root{--app-height:100dvh;--app-width:100vw;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--panel-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 20px);--panel-width:calc(var(--app-width) - var(--safe-left) - var(--safe-right) - 20px);--hud-gap:8px}html,body,#app{height:var(--app-height);overscroll-behavior:none;max-width:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.game-shell{width:var(--app-width);max-width:100%;height:var(--app-height)}button,a,select,input{-webkit-tap-highlight-color:transparent}.game-shell button,.game-shell select,.game-shell input[type=checkbox]{min-height:44px}.game-shell button{touch-action:manipulation;min-width:44px}.game-shell select{max-width:100%}.game-shell button:focus-visible,.game-shell a:focus-visible,.game-shell input:focus-visible,.game-shell select:focus-visible{outline-offset:3px;outline:3px solid #3a79d6}.world canvas:focus-visible{outline-offset:-4px;outline:3px solid #f1c65e}.game-shell button:disabled{transform:none}.masthead{top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 16px);left:calc(var(--safe-left) + 16px);gap:10px}.header-actions{flex-wrap:wrap;justify-content:flex-end;min-width:0}.wordmark{flex-shrink:0;min-height:44px}.notice{top:calc(var(--safe-top) + 70px);max-width:var(--panel-width);max-height:calc(var(--app-height) * .28);overflow-y:auto}.toast{max-width:var(--panel-width);bottom:calc(var(--safe-bottom) + 134px)}.unavailable{min-height:var(--app-height);height:var(--app-height);padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 24px);overflow-y:auto}.bonk-home{height:100%;min-height:0;padding:calc(var(--safe-top) + 88px) calc(var(--safe-right) + 4vw) calc(var(--safe-bottom) + 52px) calc(var(--safe-left) + 4vw);overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;pointer-events:auto;align-items:flex-start;overflow:hidden auto}.home-main{align-self:flex-start;min-width:0}.home-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.home-roster button{min-width:0}.home-bottom{flex-wrap:wrap}.home-storage{bottom:calc(var(--safe-bottom) + 12px);max-width:var(--panel-width);text-overflow:ellipsis;overflow:hidden}.campaign-card{flex-shrink:0;margin-top:0}.home-event>div,.campaign-active>div,.hero-card>strong,.codex-entry>div{min-width:0}.hero-card{flex-wrap:wrap}.hero-card .hero-passive-preview{flex:1 0 100%;width:100%}.hero-card>span{white-space:normal}.home-nav button,.hero-picker>button,.home-roster>button{overflow-wrap:anywhere}.panel-layer.sheet-open{padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 10px) calc(var(--safe-bottom) + 10px) calc(var(--safe-left) + 10px);overflow:hidden}.panel-layer>.dialog,.panel-layer>.sheet-dialog{min-width:0;max-width:100%;max-height:var(--panel-height);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-shrink:1}.panel-layer>.dialog{margin:auto;scroll-padding:12px 0 70px;overflow:hidden auto}.dialog h1,.dialog h2,.sheet-dialog h1,.sheet-dialog h2{overflow-wrap:anywhere}.dialog-actions{z-index:2;background:#fff;padding:12px 0 5px;position:sticky;bottom:-1px}.upgrade-dialog .dialog-actions{background:#f8f6ff}.dialog-actions>button{min-width:0;max-width:100%}.dialog>.primary-button:last-child{z-index:2;position:sticky;bottom:0}.setup-layout,.setup-region,.setup-options,.hero-picker,.upgrade-list{min-width:0}.setup-mode-list,.difficulty-list{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-list>button:last-child{grid-column:1/-1}.setup-options>.primary-button{z-index:2;position:sticky;bottom:0}.setup-route li>div{min-width:0}.setup-route li>span{flex-shrink:0}.training-heading,.codex-heading,.setup-heading{flex-wrap:wrap;gap:12px}.training-grid,.training-bonuses,.training-card{min-width:0}.training-buy{flex-wrap:wrap}.sheet-close{width:44px;height:44px}.sheet-actions{flex-shrink:0}.sheet-actions .sheet-button,.achievement-footer .sheet-button,.shop-buy,.achievement-claim{min-height:44px}.sheet-column-body,.sheet-columns,.settings-list,.shop-offers,.achievement-grid,.atlas-layout{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sheet-column-body,.settings-list,.shop-offers,.achievement-grid{scroll-padding:10px}.setting-row{gap:14px}.setting-control .setting-checkbox{width:54px;height:44px}.setting-control input[type=range]{background:0 0;min-height:44px}.setting-control input[type=range]:focus-visible{outline-offset:1px}.shop-buy{white-space:normal;min-width:90px;max-width:65%}.site-event{color:#aa7840;background:#fff2d9;border-color:#edd7b6}.legend-event{background:#c28f4b;border-radius:2px}.hero-hud{top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 12px)}.battle-time{top:calc(var(--safe-top) + 12px)}.map-area,.run-loot,.map-open{right:calc(var(--safe-right) + 14px)}.weapon-hud,.passive-hud{left:calc(var(--safe-left) + 14px)}.quest-tracker{left:calc(var(--safe-left) + 14px);max-height:min(168px, calc(var(--app-height) * .23));overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;overflow-y:auto}.ability-controls{bottom:calc(var(--safe-bottom) + 30px);left:calc(var(--safe-left) + 14px)}.skills-hud{bottom:calc(var(--safe-bottom) + 42px);max-width:var(--panel-width)}.controls-help{bottom:calc(var(--safe-bottom) + 7px)}.interaction{max-width:var(--panel-width);text-align:center}.touch-camera-controls,#jump-button,.touch-hint,#joystick,html[data-input-mode=mouse] #joystick,html[data-input-mode=mouse] .touch-camera-controls,html[data-input-mode=mouse] #jump-button,html[data-input-mode=mouse] .touch-hint,html[data-input-mode=touch] .ability-controls kbd,html[data-input-mode=touch] .controls-help{display:none}html[data-input-mode=touch] .game-shell button:hover{filter:none;transform:none}html[data-input-mode=touch] #joystick{left:calc(var(--safe-left) + 16px);bottom:calc(var(--safe-bottom) + 16px);z-index:3;-webkit-user-select:none;user-select:none;width:100px;height:100px;display:flex}html[data-input-mode=touch] #joystick>span{width:42px;height:42px}html[data-input-mode=touch] .ability-controls{left:auto;right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 16px);z-index:3;gap:6px}html[data-input-mode=touch] .ability-controls button{min-width:54px;min-height:58px;padding:6px;font-size:11px}html[data-input-mode=touch] .ability-controls .ultimate-button{min-width:72px}html[data-input-mode=touch] .ability-controls small{font-size:9px}html[data-input-mode=touch] #jump-button{right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 86px);z-index:3;color:#796086;pointer-events:auto;background:#fff8edee;border:2px solid #d2c1df;border-radius:15px;place-items:center;width:54px;height:48px;padding:5px;font-size:11px;font-weight:800;display:grid;position:absolute;box-shadow:0 3px #45325455}html[data-input-mode=touch] .touch-camera-controls{top:calc(var(--safe-top) + 382px);right:calc(var(--safe-right) + 14px);z-index:2;pointer-events:auto;grid-template-columns:44px 54px 44px;gap:5px;display:grid;position:absolute}.touch-camera-controls button{color:#766387;background:#fffffff0;border:1px solid #d4c8e2;border-radius:12px;padding:5px;font-size:12px;font-weight:750;box-shadow:0 3px #45325433}#camera-zoom-in,#camera-zoom-out{font-size:21px}html[data-input-mode=touch] .touch-hint{bottom:calc(var(--safe-bottom) + 4px);color:#fff;text-align:center;text-shadow:0 1px 3px #263342;pointer-events:none;width:max-content;max-width:calc(100% - 260px);font-size:9px;line-height:1.4;display:block;position:absolute;left:50%;transform:translate(-50%)}html[data-input-mode=touch] .skills-hud{bottom:calc(var(--safe-bottom) + 90px)}@media (max-width:1050px){.bonk-home{padding-right:calc(var(--safe-right) + 22px);padding-left:calc(var(--safe-left) + 22px);gap:18px}.home-main{width:54%}.campaign-card{width:40%;min-width:0}.home-title h1{font-size:clamp(38px,5.8vw,58px)}.home-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.home-nav button{min-height:78px}.home-roster{gap:6px}.home-roster button{padding:7px 2px}.hero-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card>strong{font-size:13px}.sheet-actions{gap:7px}.sheet-actions .sheet-button{padding:9px 13px}}@media (max-width:760px){.masthead{left:calc(var(--safe-left) + 10px);right:calc(var(--safe-right) + 10px);top:calc(var(--safe-top) + 8px);gap:6px}.wordmark{padding:6px 9px 6px 6px;font-size:12px}.header-actions{flex-wrap:nowrap;gap:5px}.header-actions .quiet-button{padding:8px 9px;font-size:10px}.bonk-home{padding:calc(var(--safe-top) + 78px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 28px) calc(var(--safe-left) + 16px);display:block}.home-main{width:100%}.home-title h1{white-space:normal;font-size:clamp(38px,8vw,57px)}.home-title h1 small{max-width:100%}.home-modes{gap:10px}.start-tile{min-height:96px;padding:11px}.start-tile strong{font-size:clamp(22px,5.8vw,29px)}.practice-tile{flex-shrink:0;width:85px}.home-event{flex-wrap:wrap;padding:12px}.home-event button{min-height:44px;font-size:11px}.home-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.home-nav button{min-width:0;min-height:86px}.home-bottom{gap:8px}.home-bottom>.quiet-button{flex:auto}.campaign-card{width:100%;margin-top:24px}.campaign-copy{display:block}.chapter-locked{display:flex}.home-roster canvas{width:42px;height:49px}.home-roster small{font-size:10px;display:block}.hero-description p{font-size:11px;display:block}.dialog{border-width:3px;border-radius:22px;padding:18px 15px}.dialog h1{margin-top:9px;margin-bottom:17px;font-size:23px}.hero-picker{gap:8px}.hero-card{grid-template-columns:36px minmax(0,1fr);gap:7px;padding:10px;display:grid}.hero-card>span{grid-column:1/-1;font-size:10px;display:block}.hero-card .hero-passive-preview{grid-column:1/-1;margin:0!important}.codex-heading .quiet-button,.training-heading .quiet-button{flex-shrink:0}.codex-entry{gap:10px;padding:12px}.codex-entry p{font-size:11px}.codex-portrait{flex-shrink:0}.upgrade-list{grid-template-columns:minmax(0,1fr)}.upgrade-card{min-height:0;padding:15px}.upgrade-index{width:32px;height:32px;margin-bottom:8px}.upgrade-card strong{font-size:16px}.upgrade-card p{margin:8px 0;font-size:12px}.upgrade-pick{font-size:11px}.result-stats{justify-content:space-between;gap:10px}.result-stats>div{min-width:0}.result-stats strong{overflow-wrap:anywhere;font-size:27px}.setup-layout{grid-template-columns:minmax(0,1fr);gap:18px}.setup-region>p{display:block}.setup-mode-list,.difficulty-list{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-options h3{margin-top:12px}.setup-mode-list button,.difficulty-list button{padding:11px}.setup-mode-list small,.difficulty-list small{font-size:11px;line-height:1.5}.dialog-actions{gap:8px}.dialog-actions>button{flex:40%;padding:11px 10px}.treasure-list article{align-items:flex-start;gap:12px;padding:12px}.treasure-list article>span{flex-shrink:0;width:44px;height:44px;font-size:22px}.armory-rarities{flex-wrap:wrap}.armory-rarities>span{min-width:75px}.sheet-dialog{border-radius:22px;padding:14px 12px}.sheet-heading{gap:8px;margin-bottom:10px}.sheet-dialog .sheet-heading h1{font-size:22px}.run-summary-top{gap:11px;margin-bottom:11px}.run-stat-card{min-height:63px}.run-stat-card strong{font-size:15px}.sheet-actions{gap:7px;margin-top:11px}.sheet-actions .sheet-button{white-space:normal;flex:28%;min-height:44px;padding:9px 8px}.sheet-actions .sheet-button-primary,.sheet-actions .sheet-button-danger{flex-basis:40%}.run-sheet .sheet-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.run-sheet .sheet-actions .sheet-button{grid-column:span 2}.run-sheet .sheet-actions .sheet-button-danger,.run-sheet .sheet-actions [data-action=restart]{grid-column:span 3}.shop-actions .sheet-button,.shop-actions .sheet-button-primary,.shop-actions .sheet-button-danger{flex:1 1 0}.shop-summary{gap:10px}.shop-portrait{flex-shrink:0}.achievement-footer .sheet-button{min-height:44px}.setting-row{flex-wrap:wrap;gap:12px;padding:15px 0}.setting-control{min-width:125px}.atlas-sites>ul{grid-template-columns:minmax(0,1fr)}.atlas-site{padding:10px 0}}@media (max-width:1024px) and (orientation:portrait){html[data-scene=battle] .masthead{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 8px);left:auto}html[data-scene=battle] .hero-hud{left:calc(var(--safe-left) + 8px);top:calc(var(--safe-top) + 8px);width:calc(var(--app-width) - var(--safe-left) - var(--safe-right) - 112px);border-width:2px;border-radius:17px;max-width:310px;min-height:70px;padding:8px 9px 8px 57px}html[data-scene=battle] .hero-hud>.eyebrow{display:none}html[data-scene=battle] .hero-hud canvas{border-width:2px;width:44px;height:51px;top:6px;left:5px}html[data-scene=battle] .hero-hud h2{margin:0 0 5px;font-size:16px}html[data-scene=battle] .hud-numbers{font-size:9px}html[data-scene=battle] .experience{margin-top:5px}html[data-scene=battle] .battle-time{top:calc(var(--safe-top) + 58px);left:auto;right:calc(var(--safe-right) + 8px);border-width:2px;justify-content:center;width:88px;min-height:34px;padding:3px 6px;transform:none}html[data-scene=battle] .battle-time>.eyebrow{display:none}html[data-scene=battle] .battle-time strong{font-size:20px}html[data-scene=battle] .weapon-hud{top:calc(var(--safe-top) + 86px);left:calc(var(--safe-left) + 8px);width:calc(var(--app-width) - var(--safe-left) - var(--safe-right) - 112px);border-width:1px;gap:5px;max-width:310px;min-height:25px;padding:4px 8px}html[data-scene=battle] .weapon-hud>b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}html[data-scene=battle] .weapon-hud>span{flex-shrink:0;font-size:9px}html[data-scene=battle] .passive-hud{top:calc(var(--safe-top) + 117px);left:calc(var(--safe-left) + 8px);width:calc(var(--app-width) - var(--safe-left) - var(--safe-right) - 112px);max-width:310px;min-height:35px;padding:5px 8px;font-size:9px;line-height:1.35}html[data-scene=battle] .passive-hud strong{font-size:10px}html[data-scene=battle] .map-area{top:calc(var(--safe-top) + 100px);right:calc(var(--safe-right) + 8px);width:88px}html[data-scene=battle] .map-area canvas{border-width:3px;width:88px;height:88px}html[data-scene=battle] .map-area>span{display:none}html[data-scene=battle] .map-open{top:calc(var(--safe-top) + 193px);right:calc(var(--safe-right) + 8px);z-index:3;width:44px;min-height:44px;padding:5px;font-size:9px;line-height:1.4}html[data-scene=battle] .campaign-progress{top:calc(var(--safe-top) + 164px);left:calc(var(--safe-left) + 8px);right:calc(var(--safe-right) + 112px);flex-wrap:wrap;gap:4px;transform:none}html[data-scene=battle] .campaign-progress>span{gap:3px;padding:4px 5px;font-size:8px}html[data-scene=battle] .guardian-health{top:calc(var(--safe-top) + 197px);left:calc(var(--safe-left) + 8px);width:calc(var(--app-width) - var(--safe-left) - var(--safe-right) - 112px);max-width:310px;padding:6px 9px;transform:none}html[data-scene=battle] .guardian-health strong{letter-spacing:1px;font-size:10px}html[data-scene=battle] .quest-tracker{top:calc(var(--safe-top) + 247px);bottom:auto;left:calc(var(--safe-left) + 8px);width:calc((var(--app-width) - var(--safe-left) - var(--safe-right)) / 2 - 16px);max-width:180px;max-height:min(100px, calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 450px));gap:5px}html[data-scene=battle] .tracked-quest{gap:6px;padding:7px}html[data-scene=battle] .tracked-quest strong{font-size:10px}html[data-scene=battle] .tracked-quest small{font-size:9px;line-height:1.5}html[data-scene=battle] .run-loot{top:auto;bottom:calc(var(--safe-bottom) + 126px);left:calc(var(--safe-left) + 8px);width:calc((var(--app-width) - var(--safe-left) - var(--safe-right)) / 2 - 16px);flex-flow:wrap;justify-content:flex-start;gap:5px;max-width:230px;right:auto}html[data-scene=battle] .run-loot>span{padding:4px 7px;font-size:9px}html[data-scene=battle] .skills-hud{left:auto;right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 115px);width:calc((var(--app-width) - var(--safe-left) - var(--safe-right)) / 2 - 16px);flex-direction:column;gap:5px;max-width:220px;transform:none}html[data-scene=battle] .skill-slot{flex:1 1 0;gap:5px;min-width:0;min-height:44px;padding:6px 6px 9px}html[data-scene=battle] .skill-slot>b{flex-shrink:0;width:21px;height:23px;font-size:12px}html[data-scene=battle] .skill-slot>span{overflow-wrap:anywhere;min-width:0;font-size:9px}html[data-scene=battle] .skill-slot small{font-size:8px}html[data-scene=battle] .interaction{bottom:calc(var(--safe-bottom) + 222px);max-width:min(340px, var(--panel-width));padding:8px 11px;font-size:11px}html[data-scene=battle] .toast{bottom:calc(var(--safe-bottom) + 274px);padding:9px 12px;font-size:11px}html[data-input-mode=touch][data-scene=battle] .ability-controls{right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 12px);grid-template-columns:repeat(2,44px);gap:5px;display:grid}html[data-input-mode=touch][data-scene=battle] .ability-controls button{border-width:2px;border-radius:13px;width:44px;min-width:44px;min-height:44px;padding:4px 2px;font-size:10px}html[data-input-mode=touch][data-scene=battle] .ability-controls .ultimate-button{grid-area:2/2;width:44px;min-width:44px}html[data-input-mode=touch][data-scene=battle] #joystick{left:calc(var(--safe-left) + 12px);bottom:calc(var(--safe-bottom) + 12px);width:96px;height:96px}html[data-input-mode=touch][data-scene=battle] #jump-button{right:calc(var(--safe-right) + 57px);bottom:calc(var(--safe-bottom) + 12px);width:44px;height:44px}html[data-input-mode=touch][data-scene=battle] .touch-camera-controls{top:calc(var(--safe-top) + 193px);right:calc(var(--safe-right) + 8px);pointer-events:none;grid-template-columns:repeat(2,44px);gap:4px}html[data-input-mode=touch][data-scene=battle] .touch-camera-controls button{pointer-events:auto}html[data-input-mode=touch][data-scene=battle] #camera-reset-button{grid-area:1/1}html[data-input-mode=touch][data-scene=battle] #camera-zoom-out{grid-area:2/1}html[data-input-mode=touch][data-scene=battle] #camera-zoom-in{grid-area:2/2}html[data-input-mode=touch][data-scene=battle] .touch-hint{bottom:calc(var(--safe-bottom) + 112px);left:calc(var(--safe-left) + 8px);width:calc((var(--app-width) - var(--safe-left) - var(--safe-right)) / 2 - 16px);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:9px;overflow:hidden;transform:none}html[data-scene=battle] .practice-controls{top:calc(var(--safe-top) + 165px);left:calc(var(--safe-left) + 8px);width:calc((var(--app-width) - var(--safe-left) - var(--safe-right)) / 2 - 16px);max-width:230px;max-height:max(44px, min(235px, calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 385px)));overscroll-behavior:contain;border-width:2px;border-radius:13px;padding:6px;bottom:auto;right:auto;overflow-y:auto;transform:none}html[data-scene=battle] .practice-switches,html[data-scene=battle] .practice-tools{flex-wrap:wrap;gap:5px}html[data-scene=battle] .practice-switches button{flex:1 0 40%;min-width:44px;padding:6px}html[data-scene=battle] .practice-tools button{flex:100%;padding:5px;font-size:10px}html[data-scene=battle] .practice-skill-picker{flex-direction:column;align-items:stretch;gap:3px;margin-top:7px}html[data-scene=battle] .practice-skill-picker select{width:100%;max-width:100%;padding:6px;font-size:11px}html[data-scene=battle] .hud:has(#practice-controls:not([hidden])) .quest-tracker{display:none}}@media (max-height:560px) and (orientation:landscape){:root{--hud-rail:clamp(176px, 23vw, 202px)}.bonk-home{padding:calc(var(--safe-top) + 66px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 20px);gap:20px;display:flex}.home-main{width:55%}.campaign-card{width:41%;margin-top:0}.home-title h1{font-size:38px}.home-title{margin-bottom:13px}.home-modes{gap:9px}.start-tile{gap:7px;min-height:80px;padding:8px}.start-tile strong{font-size:23px}.start-tile canvas{width:32px;height:38px}.practice-tile{width:80px}.home-event{margin:14px 0}.home-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.home-nav button{min-height:70px}.home-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-card .hero-description,.campaign-card .hero-description p{display:block}.home-roster small{font-size:9px;display:block}.dialog{padding:15px 18px}.dialog h1{margin:7px 0 14px;font-size:22px}.hero-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-card{grid-template-columns:32px minmax(0,1fr);padding:8px;display:grid}.hero-card .hero-portrait{width:32px;height:38px}.hero-card>span,.hero-card .hero-passive-preview{grid-column:1/-1}.setup-layout{grid-template-columns:1fr 1fr;gap:15px}.region-art{min-height:90px;padding:13px}.region-art>b{font-size:25px}.upgrade-list{grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade-card{min-height:160px;padding:12px}.upgrade-card strong{font-size:15px}.sheet-dialog{border-radius:21px;padding:10px 14px}.sheet-heading{gap:9px;margin-bottom:6px}.sheet-kicker{font-size:10px}.sheet-dialog .sheet-heading h1{font-size:20px}.sheet-heading .sheet-close{width:44px;height:44px}.run-summary-top{grid-template-columns:minmax(160px,.8fr) minmax(0,1.5fr);gap:12px;margin-bottom:8px;display:grid}.run-hero-summary{gap:8px}.sheet-portrait-wrap{border-radius:11px;width:43px;height:49px;display:grid}.sheet-dialog canvas.sheet-portrait{width:34px;height:40px}.hero-level{padding:0 5px;font-size:9px}.hero-summary-name>span{display:none}.sheet-dialog .hero-summary-name h2{font-size:16px}.sheet-bar-label,.sheet-bar-label strong{font-size:9px}.run-stat-cards{gap:4px}.run-stat-card{border-radius:9px;min-height:52px;padding:4px 2px}.stat-mark{display:none}.stat-label{font-size:9px}.run-stat-card strong{font-size:13px}.sheet-columns{display:block;overflow-y:auto}.sheet-column{min-height:0;margin-bottom:10px}.sheet-column-body{overflow:visible}.sheet-actions,.run-sheet .sheet-actions{flex-wrap:nowrap;gap:6px;margin-top:8px;display:flex}.sheet-actions .sheet-button,.sheet-actions .sheet-button-primary,.sheet-actions .sheet-button-danger{white-space:normal;flex:1 1 0;min-width:0;min-height:44px;padding:8px 6px;font-size:10px!important}.sheet-button-primary>span{display:none}.atlas-journey{margin-bottom:7px}.atlas-journey-step{padding:6px 8px}.atlas-layout{overflow-y:auto}.atlas-map-wrap{min-height:180px}.shop-summary{margin-bottom:8px}.shop-portrait{display:none}.shop-wallet{padding:6px 12px}.shop-stock-heading,.achievement-ribbon{min-height:30px;padding:6px 12px}.achievement-summary{gap:8px;margin-bottom:8px}.achievement-summary>div{flex-direction:row;align-items:center;padding:6px 10px}.achievement-footer{flex-direction:row;align-items:center;gap:10px;margin-top:8px}.achievement-footer .sheet-button{min-height:44px}html[data-scene=battle] .masthead{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 8px);left:auto}html[data-scene=battle] .masthead #practice-button,html[data-scene=battle] .masthead [data-action=codex]{display:none}html[data-scene=battle] .hero-hud{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 8px);width:var(--hud-rail);border-width:2px;border-radius:15px;min-height:65px;padding:7px 8px 7px 51px}html[data-scene=battle] .hero-hud>.eyebrow{display:none}html[data-scene=battle] .hero-hud canvas{border-width:2px;width:39px;height:46px;top:6px;left:4px}html[data-scene=battle] .hero-hud h2{margin:0 0 5px;font-size:14px}html[data-scene=battle] .hud-numbers{font-size:8px}html[data-scene=battle] .experience{margin-top:5px}html[data-scene=battle] .battle-time{top:calc(var(--safe-top) + 8px);border-width:2px;justify-content:center;width:auto;min-width:86px;min-height:37px;padding:3px 10px;left:50%;right:auto;transform:translate(-50%)}html[data-scene=battle] .battle-time>.eyebrow{display:none}html[data-scene=battle] .battle-time strong{font-size:21px}html[data-scene=battle] .weapon-hud{top:calc(var(--safe-top) + 80px);left:calc(var(--safe-left) + 8px);width:var(--hud-rail);border-width:1px;gap:4px;max-width:none;min-height:24px;padding:4px 7px}html[data-scene=battle] .weapon-hud>b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}html[data-scene=battle] .weapon-hud>span{flex-shrink:0;font-size:8px}html[data-scene=battle] .passive-hud{top:calc(var(--safe-top) + 110px);left:calc(var(--safe-left) + 8px);width:var(--hud-rail);max-width:none;min-height:30px;padding:4px 7px;font-size:8px;line-height:1.3}html[data-scene=battle] .passive-hud strong{font-size:9px}html[data-scene=battle] .campaign-progress{top:calc(var(--safe-top) + 104px);gap:4px;left:50%;right:auto;transform:translate(-50%)}html[data-scene=battle] .campaign-progress>span{padding:4px 5px;font-size:8px}html[data-scene=battle] .guardian-health{top:calc(var(--safe-top) + 53px);width:min(220px, calc(var(--app-width) - var(--safe-left) - var(--safe-right) - var(--hud-rail) - var(--hud-rail) - 32px));max-width:none;padding:6px 9px;left:50%;transform:translate(-50%)}html[data-scene=battle] .guardian-health strong{letter-spacing:1px;font-size:10px}html[data-scene=battle] .guardian-health span{font-size:8px}html[data-scene=battle] .quest-tracker{top:calc(var(--safe-top) + 150px);bottom:auto;left:calc(var(--safe-left) + 8px);width:var(--hud-rail);max-width:none;max-height:max(44px, calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 272px));gap:4px}html[data-scene=battle] .tracked-quest{gap:5px;padding:6px 8px}html[data-scene=battle] .tracked-quest strong{font-size:10px}html[data-scene=battle] .tracked-quest small{font-size:8px}html[data-scene=battle] .map-area{top:calc(var(--safe-top) + 60px);right:calc(var(--safe-right) + 8px);width:70px}html[data-scene=battle] .map-area canvas{border-width:3px;width:70px;height:70px}html[data-scene=battle] .map-area>span{display:none}html[data-scene=battle] .map-open{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 60px);width:88px;padding:7px;font-size:10px}html[data-scene=battle] .run-loot{top:calc(var(--safe-top) + 161px);bottom:auto;left:auto;right:calc(var(--safe-right) + 8px);flex-flow:wrap;justify-content:flex-end;gap:4px;width:176px}html[data-scene=battle] .run-loot>span{padding:4px 6px;font-size:8px}html[data-scene=battle] .skills-hud{left:50%;right:auto;bottom:calc(var(--safe-bottom) + 12px);max-width:calc(var(--app-width) - var(--safe-left) - var(--safe-right) - 380px);gap:6px;transform:translate(-50%)}html[data-scene=battle] .skill-slot{flex:1 1 0;gap:5px;min-width:0;min-height:44px;padding:5px 7px 8px}html[data-scene=battle] .skill-slot>span{min-width:0;font-size:9px}html[data-scene=battle] .skill-slot small{font-size:8px}html[data-scene=battle] .skill-slot>b{flex-shrink:0;width:22px;height:24px;font-size:12px}html[data-scene=battle] .interaction{left:50%;bottom:calc(var(--safe-bottom) + 68px);max-width:calc(var(--app-width) - var(--safe-left) - var(--safe-right) - var(--hud-rail) - var(--hud-rail) - 32px);padding:7px 10px;font-size:10px}html[data-scene=battle] .toast{bottom:calc(var(--safe-bottom) + 119px);max-width:min(400px, calc(var(--app-width) - var(--safe-left) - var(--safe-right) - var(--hud-rail) - var(--hud-rail) - 32px));padding:8px 11px;font-size:10px}html[data-scene=battle] .controls-help{display:none}html[data-scene=battle] .ability-controls{left:auto;right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 10px);gap:5px}html[data-scene=battle] .ability-controls button{min-width:48px;min-height:56px;padding:5px;font-size:10px}html[data-scene=battle] .ability-controls .ultimate-button{min-width:62px}html[data-input-mode=touch][data-scene=battle] #joystick{width:92px;height:92px;left:calc(var(--safe-left) + 12px);bottom:calc(var(--safe-bottom) + 12px)}html[data-input-mode=touch][data-scene=battle] #jump-button{right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 76px);width:48px;height:44px}html[data-input-mode=touch][data-scene=battle] .touch-camera-controls{top:calc(var(--safe-top) + 60px);right:calc(var(--safe-right) + 86px);grid-template-columns:repeat(2,44px);gap:4px}html[data-input-mode=touch][data-scene=battle] #camera-reset-button{grid-area:1/1/auto/-1}html[data-input-mode=touch][data-scene=battle] .touch-hint{top:auto;bottom:calc(var(--safe-bottom) + 108px);left:calc(var(--safe-left) + 8px);width:var(--hud-rail);white-space:nowrap;text-overflow:ellipsis;max-width:none;font-size:8px;overflow:hidden;transform:none}html[data-scene=battle] .practice-controls{top:calc(var(--safe-top) + 150px);bottom:auto;left:calc(var(--safe-left) + 8px);width:var(--hud-rail);max-width:none;max-height:max(44px, calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 272px));overscroll-behavior:contain;border-width:2px;border-radius:12px;padding:5px;overflow-y:auto;transform:none}html[data-scene=battle] .practice-switches,html[data-scene=battle] .practice-tools{flex-wrap:wrap;gap:4px}html[data-scene=battle] .practice-switches button{flex:25%;min-width:44px;padding:5px;font-size:9px}html[data-scene=battle] .practice-tools button{flex:100%;padding:5px;font-size:10px}html[data-scene=battle] .practice-skill-picker{flex-wrap:wrap;gap:4px;margin-top:5px}html[data-scene=battle] .practice-skill-picker select{width:100%;max-width:100%;font-size:11px}html[data-scene=battle] .hud:has(#practice-controls:not([hidden])) .quest-tracker{display:none}}@media (max-width:420px){.home-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.home-nav button{min-height:79px}.home-title h1 small{width:max-content;margin-left:0;font-size:9px;display:block}.home-overline{letter-spacing:2px}.start-tile>.tile-medallion{display:none}.start-tile{flex-wrap:wrap;padding:8px}.start-tile canvas{width:30px;height:35px}.practice-tile{width:76px}.home-event>button{width:100%}.training-intro{gap:12px}.training-bonuses{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.training-bonuses small{font-size:10px}.training-card{padding:13px}.sheet-portrait-wrap{width:53px;height:61px}.sheet-dialog canvas.sheet-portrait{width:42px;height:49px}.run-hero-summary{gap:10px}.run-stat-cards{gap:4px}.stat-label{font-size:10px}.run-stat-card strong{font-size:13px}.sheet-ribbon>small{white-space:normal;text-align:right;font-size:10px}.achievement-summary{gap:6px}.achievement-summary>div{padding:9px 7px}.achievement-summary strong{font-size:19px}.achievement-card-heading{flex-wrap:wrap}.achievement-state{margin-left:44px}.shop-offer-bottom{gap:8px}}@media (max-height:620px) and (orientation:portrait){html[data-scene=battle] .map-area,html[data-scene=battle] .map-area canvas{width:70px}html[data-scene=battle] .map-area canvas{height:70px}html[data-input-mode=touch][data-scene=battle] .touch-camera-controls,html[data-scene=battle] .map-open{top:calc(var(--safe-top) + 177px)}html[data-scene=battle] .quest-tracker{max-height:min(100px, max(22px, calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 465px)))}.run-summary-top{gap:8px;margin-bottom:8px}.run-stat-card{min-height:53px}.stat-mark{display:none}.sheet-actions{gap:6px;margin-top:8px}}@media (max-width:700px) and (max-height:560px) and (orientation:landscape){.start-tile>.tile-medallion,.start-tile canvas{display:none}html[data-scene=battle] .campaign-progress{max-width:calc(var(--app-width) - var(--safe-left) - var(--safe-right) - var(--hud-rail) - var(--hud-rail) - 24px)}html[data-scene=battle] .campaign-progress>span{font-size:0}html[data-scene=battle] .campaign-progress i{font-size:8px}}@media (hover:none){.game-shell button:hover{filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.game-shell *,.game-shell :before,.game-shell :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.reduced-motion .game-shell *,html.reduced-motion .game-shell :before,html.reduced-motion .game-shell :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}