[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#gameFrame{min-height:100dvh}.screen{min-width:0}.play-canvas{position:relative;min-width:0;min-height:0;overflow:hidden}.battle-content{display:grid;grid-template-rows:32px minmax(120px,1fr) 44px 56px 48px;min-height:0;overflow:hidden;position:relative}.forecast{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;background:#163b39;color:#f4e9c8}.forecast b{color:#b5efd2;font-size:17px}.forecast .rival-rolls{color:#ffd2a3}#arena{position:relative;min-height:0;min-width:0;overflow:hidden;touch-action:none;background:#16383d}#arena canvas{display:block;width:100%;height:100%;outline:none}#status{margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:2px 12px;font-size:13px;line-height:18px;max-height:44px;overflow:hidden;color:#ece9d9;background:#173c3b}.move-actions{display:grid;grid-template-columns:100px minmax(90px,1fr) minmax(90px,1fr);gap:8px;padding:4px 12px;background:#173c3b}.move-actions button,.tool-actions button{min-height:44px;border:1px solid #7ca590;background:#28584c;color:#fff8e2;border-radius:8px;font-weight:700;transition:filter .12s,box-shadow .12s}.move-actions button:active,.tool-actions button:active{filter:brightness(1.3)}.move-actions button[data-legal=true]{border-color:#a9edbe;box-shadow:inset 0 0 0 1px #a9edbe}.pawn-choice{display:flex;gap:8px;align-items:center;justify-content:center}.pawn-choice img{width:35px;height:35px;object-fit:contain}.pawn-choice b{min-width:18px}#roll{background:#c29c4d;color:#172f2d;font-size:19px}.tool-actions{display:flex;justify-content:center;gap:8px;padding:2px 12px;background:#173c3b}.tool-actions button{width:78px;height:44px;font-size:12px;padding:2px}.tool-actions #help{width:44px;font-size:20px}.tool-actions img{width:27px;height:27px;object-fit:contain}.tool-actions #raft[aria-pressed=true]{box-shadow:inset 0 0 0 2px #ffe29c}.play-canvas [role=dialog]{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#091d28cc;padding:14px}.hl-modal-card{width:min(100%,490px);max-height:100%;overflow:auto;background:var(--wp-ui-surface,#17393b);color:var(--wp-ui-text,#fff7dd);border:1px solid #80977f;border-radius:12px;padding:18px;box-shadow:0 16px 54px #0008;animation:hl-enter .18s ease-out}.hl-modal-card h2{margin:0 0 10px;font-size:22px}.hl-modal-card p{font-size:14px;line-height:1.5}.hl-modal-card button{min-height:44px;border:1px solid #8eac91;border-radius:7px;background:#315f52;color:#fff8e4;padding:6px 10px;font-weight:700}.modal-actions{display:flex;gap:10px}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.result-actions button{min-height:52px;font-size:13px}.result-portrait{width:100px;height:100px;object-fit:contain;display:block;margin:0 auto 8px}.result-copy{min-height:66px;text-align:center}#resultTitle{text-align:center}#resultText{min-height:42px}#result[data-frame=lantern] .hl-modal-card{border-color:#e6c875;box-shadow:0 0 30px #d4ba6d55}#collectionPage{overflow:auto;padding:18px;min-height:0}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skin-card{border:1px solid #738a7b;border-radius:10px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:8px;min-width:0}.skin-art{height:100px;display:grid;place-items:center}.skin-art img{width:96px;height:96px;object-fit:contain}.skin-card h3{margin:0;font-size:15px;min-height:38px}.skin-card p{margin:0;min-height:42px;font-size:12px;line-height:1.4}.skin-card button{min-height:44px}.collection-status{min-height:44px;font-size:13px}#walletBalance{display:flex;gap:8px;align-items:center}#walletBalance img{width:24px;height:24px}.hl-stats{font-variant-numeric:tabular-nums}.hl-stat span,.hl-stat b{display:block}.hl-notice{animation:hl-enter .12s ease-out}.move-actions,.tool-actions{direction:ltr}.move-actions button,.tool-actions button{direction:inherit}.move-actions button:focus-visible,.tool-actions button:focus-visible,.hl-modal-card button:focus-visible{outline:3px solid #f8d779;outline-offset:1px}#tutorial{position:absolute;inset:auto 12px 160px;z-index:9;background:#173b3bef;border:1px solid #c3ca8c;border-radius:10px;padding:12px;display:flex;gap:12px;align-items:center;color:#fff6d8;animation:hl-enter .18s ease-out}#tutorial p{margin:0;font-size:14px;flex:1}#tutorial button{min-height:44px;flex:none}#saveNotice{font-size:13px;min-height:24px}.supply-object{width:20px;height:20px;object-fit:contain}#supplyStat b{display:flex;justify-content:center;align-items:center;gap:4px}@keyframes hl-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.play-canvas [role=dialog]{z-index:120}.item-art.hl-transfer{position:fixed;z-index:130;width:30px;height:30px;pointer-events:none}body{font-family:system-ui,sans-serif}#supplyStat b .item-art{width:18px;height:18px;vertical-align:middle}.tool-actions{min-height:calc(48px / var(--wp-battle-canvas-scale,1))}.tool-actions button,#tutorial button{min-height:calc(44px / var(--wp-battle-canvas-scale,1));min-width:calc(44px / var(--wp-battle-canvas-scale,1))}.tool-actions #help{width:calc(44px / var(--wp-battle-canvas-scale,1));height:calc(44px / var(--wp-battle-canvas-scale,1))}.item-art{display:inline-block;width:96px;height:96px;background-image:url(assets/items.webp);background-size:300% 200%;background-repeat:no-repeat;flex:none}.item-wood{background-position:0 0}.item-moss{background-position:50% 0}.item-aurora{background-position:100% 0}.item-supply{background-position:0 100%}.item-raft{background-position:50% 100%}.item-frame{background-position:100% 100%}.frame-unlock{display:flex;align-items:center;gap:12px;font-size:13px}.frame-unlock .item-art{width:56px;height:56px}.tool-actions #raft{display:flex;gap:2px;align-items:center;justify-content:center}.tool-actions #raft .item-art{width:26px;height:26px}.tool-actions #raft span[data-hl]{max-width:38px;overflow:hidden;font-size:10px}.hl-stat b .item-art{width:23px;height:23px}.hl-stat b .stat-count{display:inline}.skin-art .item-art{width:100%;max-width:110px;height:auto;aspect-ratio:1}.skin-card{background:#173c3b;color:#fff4d9}.skin-card button{background:#325c4c;color:#fff4d9;border:1px solid #8ca994;border-radius:6px}.skin-card:has(button:disabled){opacity:.7}@media(max-width:500px){.collection-grid{gap:6px}.skin-card{padding:7px}.skin-art{height:80px}.skin-art img{width:75px;height:75px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.06s!important;transition-duration:.06s!important}.hl-modal-card{animation-name:none}}.battle-content{grid-template-rows:30px minmax(170px,1fr) 36px 82px 38px 52px 48px}.forecast{gap:6px;padding:0 8px;font-size:11px;justify-content:flex-start}.forecast b{font-size:13px}#marketInfo{margin-inline-start:auto;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-bar{display:flex;align-items:center;gap:8px;padding:3px 12px;background:#163d3a;color:#baf8d7;min-width:0}#diceValue{display:grid;place-items:center;min-width:30px;height:29px;border:1px solid #e9d69d;border-radius:6px;background:#ffedbd;color:#30413a;font-size:18px}#routeSteps{font-size:12px;line-height:15px;overflow-wrap:anywhere}.tile-card{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px 12px;background:#183c3c;border-top:1px solid #6c8c77;color:#fff4d7;min-height:0;overflow:auto}.tile-card strong{font-size:15px}.tile-card span,.tile-card small{font-size:11px;line-height:14px}.tile-card small{color:#c6e6d3}#status{font-size:11px;line-height:15px;max-height:38px;overflow:auto;padding:2px 10px}.move-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding:2px 10px;gap:8px}.move-actions button{min-height:calc(48px / var(--wp-battle-canvas-scale,1));font-size:14px}.tool-actions{padding:2px 10px;gap:5px;min-height:48px}.tool-actions button{width:auto;flex:1;font-size:10px;min-width:calc(44px / var(--wp-battle-canvas-scale,1));height:calc(44px / var(--wp-battle-canvas-scale,1))}.tool-actions #help{flex:0 0 calc(44px / var(--wp-battle-canvas-scale,1))}.tool-actions #raft{font-size:12px}.tool-actions #raft .item-art{width:23px;height:23px}.deed-row{padding:12px 0;border-top:1px solid #668277}.deed-row strong{font-size:15px}.deed-row p{margin:6px 0}.deed-row button{margin-inline-end:7px;min-width:70px}.hl-money-flight{position:fixed;z-index:130;pointer-events:none;padding:4px 7px;border:1px solid #ffdc83;background:#8c6624;color:#fff5bf;font-weight:800;font-size:14px;border-radius:8px}@media(max-height:600px)and (min-aspect-ratio:1/1){.battle-content{grid-template-columns:minmax(0,1fr) 240px;grid-template-rows:30px 36px 82px minmax(34px,1fr) 52px 48px}#arena{grid-column:1;grid-row:1/7}.forecast{grid-column:2;grid-row:1;font-size:10px}.forecast b{font-size:12px}#marketInfo{max-width:35%}.route-bar{grid-column:2;grid-row:2;padding:2px 7px}#routeSteps{font-size:10px;line-height:12px}.tile-card{grid-column:2;grid-row:3;padding:4px 7px}.tile-card strong{font-size:12px}.tile-card span,.tile-card small{font-size:10px;line-height:12px}#status{grid-column:2;grid-row:4;max-height:none;font-size:10px;line-height:12px}.move-actions{grid-column:2;grid-row:5;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;padding:2px 6px;gap:4px}.move-actions button{font-size:11px}.tool-actions{grid-column:2;grid-row:6;padding:2px 4px;gap:2px}.tool-actions button{font-size:9px}#tutorial{inset:auto 250px 12px 12px}#tutorial p{font-size:12px}.hl-modal-card{padding:12px;max-width:560px}.result-portrait{width:64px;height:64px}.result-copy{min-height:52px}.hl-modal-card h2{font-size:20px}.hl-modal-card p{margin:7px 0}.result-actions button{min-height:44px}}