*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}[hidden]{display:none!important}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,#playfield:focus-visible{outline:3px solid #fff4b9;outline-offset:3px}.stage-workspace,#stagePage{height:100%;min-height:0}.battle-workspace{display:grid;grid-template-rows:minmax(0,1fr) 52px 28px;height:100%;min-height:0;overflow:hidden}.play-panel{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;direction:ltr}.play-panel canvas{display:block;width:100%;height:100%;touch-action:none}#pieceLabels,#portLabels{position:absolute;inset:0;pointer-events:none}.piece-label{position:absolute;transform:translate(-50%,-50%);border:0;background:#152e3ae8;color:#fff9df;min-width:44px;min-height:44px;padding:3px 5px;border-radius:8px;font-size:13px;line-height:1.2;pointer-events:auto;white-space:nowrap}.piece-label[aria-pressed=true]{outline:3px solid #fff1b0}.piece-label small{display:block;font-size:10px;font-variant-numeric:tabular-nums}.port-label{position:absolute;transform:translate(-50%,-50%);font:800 11px system-ui;color:#fff9d5;background:#174d58e6;border:1px solid #e3ca8e;padding:2px 3px;border-radius:4px;white-space:nowrap}.port-label.closed{color:#c4c8ca;background:#32444f}.action-track{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 8px;background:#17243a}.action-track button{min-height:44px;min-width:44px;max-width:140px;flex:1;border:1px solid #c6d3d6;border-radius:10px;background:#edf5f1;color:#16586a;font-size:14px;font-weight:700;padding:4px 8px}.action-track #helpBtn{flex:0 0 44px}.action-track button:disabled{opacity:.45}.action-track button:active{transform:translateY(1px)}#feedback{margin:0;padding:3px 8px;font-size:12px;line-height:20px;text-align:center;color:#eaf8f5;background:#17243a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud-readout{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}#orderLine{position:absolute;top:8px;inset-inline:12px;text-align:center;pointer-events:none;font-size:13px;font-weight:700;color:#fff4ca;text-shadow:0 1px 4px #092532}.result-dialog{border:0;padding:0;background:transparent;color:inherit;width:min(92%,540px);max-height:90%;overflow:auto}.result-dialog::backdrop{background:#071424a6;backdrop-filter:blur(5px)}.result-card{padding:20px;background:var(--wp-ui-shell,#17243a);color:var(--wp-ui-text,#f8fafc);border:2px solid #8bafbf;border-radius:16px;text-align:center}.result-card h2{margin:0 0 12px}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.result-actions button{min-height:48px;padding:8px 4px;font-size:14px;overflow-wrap:anywhere}.result-art{width:160px;height:160px;object-fit:contain;border-radius:12px}.result-stars{font-size:26px;color:#f5cb62}.result-copy{line-height:1.55}.management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.collection-card{padding:12px;border:1px solid #5a7b91;border-radius:12px;background:#1c3446;color:#f4f7fa;display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center}.collection-card img{width:100px;height:100px;object-fit:contain;border-radius:10px}.collection-card button{min-height:44px;width:100%;margin-top:8px}.collection-card p{font-size:13px;margin:6px 0}.collection-card.selected{border-color:#f5ca65}.collection-card.locked img{filter:saturate(.25);opacity:.65}.diamond-icon{height:18px;width:18px;vertical-align:middle;object-fit:contain}.save-notice{padding:8px;border:1px solid #eeab78;line-height:1.5}.purchase-preview{width:180px;height:180px;object-fit:contain}#management{height:100%;overflow:auto;touch-action:pan-y;padding:16px}#management h2{margin:0 0 16px}.help-list{line-height:1.55;text-align:start}.help-list p{margin:12px 0}.game-info-fact strong{display:block}.game-info-section{line-height:1.6}.game-info-faq details{padding:12px 0}.game-info-faq summary{min-height:44px;cursor:pointer;font-weight:700}@media(orientation:landscape)and (max-height:500px){.battle-workspace{grid-template-rows:minmax(0,1fr) 48px}#feedback{position:absolute;bottom:50px;inset-inline:25%;height:24px;pointer-events:none;background:#17243ac9;border-radius:8px}.result-art{width:96px;height:96px}.result-card{padding:12px}.result-card h2{font-size:20px}.result-actions{margin-top:8px}.action-track{padding:2px 8px}.piece-label{font-size:12px}.piece-label small{font-size:10px}}#pieceLabels .piece-label{width:44px;min-width:44px;height:44px;min-height:44px;max-height:44px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;line-height:1.15;font-size:12px;color:#fffbed;text-shadow:0 1px 3px #103743;display:block}#pieceLabels .piece-label small{display:block;font-size:10px;line-height:1.3}#pieceLabels .piece-label[aria-pressed=true]{outline:2px solid #fff8be;outline-offset:1px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}.bank-label{position:absolute;transform:translate(-50%,-50%);font:900 13px/1.2 system-ui;background:#123b43;padding:4px 6px;border:1px solid #d9be80;border-radius:5px;white-space:nowrap;text-shadow:0 1px 1px #000}.coast-view{width:min(100%,420px);aspect-ratio:1.25;margin:0 auto 14px;border-radius:14px;overflow:hidden}.coast-view canvas{width:100%;height:100%;display:block}.collection-card button{white-space:normal!important;height:auto!important;min-height:44px!important}@media(orientation:landscape)and (max-height:500px){#feedback{inset-inline:8px auto;bottom:62px;width:18%;height:auto;max-height:80px;white-space:normal;line-height:1.5}#orderLine{inset-inline:auto 8px;top:14px;width:18%;overflow-wrap:anywhere;line-height:1.5}}.result-actions:has(button:only-child){grid-template-columns:1fr;max-width:260px;margin-inline:auto}#battleCanvas{--nori-hit:max(44px,calc(44px / var(--wp-battle-canvas-scale,1)))}.battle-workspace{grid-template-rows:minmax(0,1fr) calc(var(--nori-hit) + 8px) 28px}.action-track button{min-width:var(--nori-hit);min-height:var(--nori-hit)}.action-track #helpBtn{flex-basis:var(--nori-hit)}#pieceLabels .piece-label{width:var(--nori-hit);min-width:var(--nori-hit);height:var(--nori-hit);min-height:var(--nori-hit);max-height:var(--nori-hit)}.result-actions button{min-height:max(48px,var(--nori-hit))}@media(orientation:landscape)and (max-height:500px){.battle-workspace{grid-template-rows:minmax(0,1fr) calc(var(--nori-hit) + 4px)}}@media(orientation:landscape)and (max-height:500px){.result-card h2{margin:0 0 8px}.result-copy{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 12px;align-items:center}.result-copy>.result-art{grid-row:1 / span 3;width:96px;height:96px}.result-copy>p{margin:0;line-height:1.35}.result-actions button{min-height:44px;padding:6px 4px}}.battle-workspace{grid-template-rows:minmax(0,1fr) calc(var(--nori-hit) + 8px) 40px}#feedback{white-space:normal;line-height:16px;padding:4px 8px;display:grid;place-content:center}.port-label.relevant{outline:2px solid #fff1b0;outline-offset:2px}.result-coast{width:200px;height:144px;margin:0 auto 8px;overflow:hidden;border-radius:12px;background:#124e61}.result-coast canvas{display:block;width:100%;height:100%}.result-copy>p{margin:6px 0}.mastery-result{color:#f6d484;font-weight:700}.next-piece{font-size:12px;color:#cee8e9}.coast-gain{font-weight:700}.result-card:has(.help-list){display:flex;flex-direction:column;max-height:84dvh}.help-list{overflow:auto;min-height:0;overscroll-behavior:contain}.help-list button{min-height:44px;margin:4px}.help-list [data-hint]{padding:10px;border:1px solid #ddc080;border-radius:8px;background:#21495b}.result-card:has(.help-list)>.result-actions{flex-shrink:0}.result-card:has(.help-list)>h2{flex-shrink:0}.result-card:has(.help-list)>#dialogContent{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.result-card:has(.help-list) .help-list{overflow:visible}.board-guidance,.guidance-marks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.guidance-marks{overflow:visible}.guidance-cell{fill:#ffe7a01c;stroke:#fff1a9;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.guidance-cell.destination{fill:#c3fff11f;stroke:#d5fff4;stroke-dasharray:6 4}.guidance-arrow{fill:none;stroke:#fff7c3;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #07313b);vector-effect:non-scaling-stroke}.guidance-card{position:absolute;bottom:6px;inset-inline:12px;display:grid;grid-template-columns:minmax(0,1fr) var(--nori-hit);align-items:center;gap:8px;padding:6px 8px;min-height:58px;border:1px solid #e6ce86;border-radius:10px;background:#153c48f5;color:#fff9df;direction:inherit;box-shadow:0 3px 10px #06232e50}.guidance-card p{margin:0;font-size:12px;line-height:16px;max-height:64px;overflow:auto;overscroll-behavior:contain;pointer-events:auto}.guidance-step,.guidance-purpose{display:block}.guidance-step{font-weight:700}.guidance-purpose{margin-top:3px;color:#d8e9dc;font-weight:400}.coast-pennant{color:#ffe1a0;font-weight:700}.guidance-dismiss{pointer-events:auto;display:grid;place-content:center;width:var(--nori-hit);height:var(--nori-hit);padding:0;border:1px solid #b9cfcc;border-radius:8px;background:#eff6ed;color:#16586a;font-size:24px;line-height:1}[dir=rtl] .guidance-card{direction:rtl}[data-board-cue]{outline:2px solid #fff1a9!important;outline-offset:3px!important}.coast-mastery{color:#ffe3a0;font-weight:700}.board-guidance.landscape .guidance-card{inset-inline:8px auto;top:8px;bottom:auto;width:18%;grid-template-columns:minmax(0,1fr);gap:4px;padding:6px}.board-guidance.landscape .guidance-card p{max-height:112px}.board-guidance.landscape .guidance-dismiss{justify-self:end}.board-guidance.side .guidance-card{inset-inline:8px auto;top:8px;bottom:auto;width:var(--guidance-side-width);grid-template-columns:minmax(0,1fr)}.board-guidance.side .guidance-card p{max-height:112px}.board-guidance.side .guidance-dismiss{justify-self:end}@media(orientation:landscape)and (max-height:500px){.battle-workspace{grid-template-rows:minmax(0,1fr) calc(var(--nori-hit) + 4px)}#feedback{display:block;padding:4px;max-height:92px}.result-copy{grid-template-columns:128px minmax(0,1fr);gap:4px 12px}.result-copy>.result-coast{grid-row:1 / span 5;width:128px;height:120px;margin:0}.result-copy>p{margin:0;font-size:12px;line-height:1.3}.result-copy>.result-stars{font-size:22px}}body[data-wp-game-id=nori-sandworks][data-screen=battle] [data-wp-local-practice]{top:64px!important;left:auto!important;right:8px;transform:none!important}