*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:#0b1b29;color:#edf5f3;font-family:system-ui,sans-serif}[hidden]{display:none!important}#comingSoon{max-width:520px;margin:32px auto;text-align:center;color:#f8fafc}#comingSoon img{width:min(90%,420px);height:auto}#gameFrame{--wp-ui-accent:#63e6be}#stageWorkspace,#stagePanel,#stagePage,#stageRail{min-height:0;height:100%}#stageWorkspace{position:relative}#stagePanel{display:block}#stagePage{position:relative}#managementStatus{position:absolute;bottom:0;inset-inline:12px;height:36px;overflow:hidden;pointer-events:none;font-size:14px;line-height:18px;text-align:center}#stageWorkspace:has(.management:not([hidden])){padding-bottom:40px}.management{overflow:auto;height:100%;padding:16px;box-sizing:border-box;color:var(--wp-ui-text);font-size:16px;line-height:1.5}.management p{max-width:680px;margin:12px auto}.management h2{text-align:center}.orla-portrait{display:block;object-fit:contain;margin:0 auto}.wallet-row{display:flex;align-items:center;justify-content:center;gap:8px}.skin-options{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:16px 0}.skin-options button{display:flex;align-items:center;gap:8px;min-height:64px;max-width:240px;padding:8px 12px;border-radius:14px;background:var(--wp-ui-surface);border:1px solid var(--wp-ui-border);color:var(--wp-ui-text);font:600 14px/1.2 system-ui}.skin-options button[aria-pressed=true]{outline:2px solid var(--wp-ui-accent)}#buySkin{display:block;margin:12px auto;min-width:168px}.object-icon{display:inline-block;flex:0 0 40px;width:40px;height:40px;background-image:url(./assets/tools.webp);background-size:200% 200%;background-repeat:no-repeat}.lens-icon{background-position:0 0}.amber-icon{background-position:100% 0}.moss-icon{background-position:0 100%}.lantern-icon{background-position:100% 100%}#battleLive{display:grid;grid-template-rows:minmax(0,1fr) calc(var(--wp-frame-control-size,44px) + 12px) 40px;min-height:0;width:100%;height:100%;overflow:hidden}#arena{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none}#arena canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#boardGrid{position:absolute;left:var(--board-x,0px);top:var(--board-y,0px);width:var(--board-size,100%);height:var(--board-size,100%);display:grid;grid-template-columns:repeat(var(--n,4),1fr);grid-template-rows:repeat(var(--n,4),1fr);gap:0}#boardGrid button{position:relative;min-width:0;min-height:0;padding:0;border:2px solid transparent;border-radius:8px;background:transparent;color:#fff;font:700 14px/1 system-ui;touch-action:manipulation}#boardGrid button:focus-visible{outline:3px solid #fff;outline-offset:-4px}#boardGrid button[data-conflict=true]{border-color:#ff7896;box-shadow:inset 0 0 12px #ff78966a}#boardGrid button[data-hint=true],#boardGrid button[data-partner=true]{border-color:#e8ed8d;box-shadow:inset 0 0 12px #e8ed8d80}#boardGrid button[data-seal=true]{border-color:#d5a55366}#boardGrid button .fixed-mark{position:absolute;right:6px;bottom:6px;color:#e9eef4;font-size:12px}#boardGrid button .echo-mark{position:absolute;left:3px;top:3px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:4px;background:#153f53;color:#b6fff3;border:1px solid #82e7d0;font-size:12px}#relations{position:absolute;inset:0;pointer-events:none}#relations span{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:4px;background:#172b3e;color:#f4edc8;display:grid;place-items:center;font:800 16px/1 system-ui;box-shadow:0 0 0 1px #d6c18a80}#sealLabel{position:absolute;bottom:0;inset-inline:4px;height:24px;margin:0;text-align:center;pointer-events:none;font:600 13px/24px system-ui;color:#f2dea5}#controls{display:flex;gap:8px;align-items:center;justify-content:center;padding:4px 8px;box-sizing:border-box}#controls button{height:var(--wp-frame-control-size,44px);min-height:44px;min-width:44px;padding:0 8px;max-width:110px;border:1px solid var(--wp-ui-border);border-radius:12px;background:var(--wp-ui-control);color:var(--wp-ui-control-text);font:700 13px/1.1 system-ui;display:flex;align-items:center;justify-content:center;gap:4px}#controls #lens{max-width:96px}#lens .object-icon{flex-basis:24px;width:24px;height:24px}button:disabled{opacity:.5}#status{height:36px;margin:0;padding:0 12px;box-sizing:border-box;overflow:hidden;font:600 14px/18px system-ui;text-align:center;color:#e9f2ec}button{cursor:pointer}button:not(:disabled):active{filter:brightness(.82)}.overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:#07121bb3;backdrop-filter:blur(7px);overflow:auto}.modal-card{width:min(100%,540px);max-height:100%;overflow:auto;box-sizing:border-box;padding:20px;border:1px solid var(--wp-ui-border);border-radius:20px;background:var(--wp-ui-shell);color:var(--wp-ui-text);box-shadow:0 20px 60px #0006;text-align:center}.modal-card h2{font:800 22px/1.2 system-ui;margin:8px 0 16px}.modal-body{max-height:45vh;overflow:auto;white-space:pre-line;text-align:start;font:400 16px/1.5 system-ui}.modal-actions,.result-actions{display:grid;gap:8px;margin-top:16px}.modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions:has(button:only-child){grid-template-columns:1fr}.result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-actions button,.result-actions button{min-height:48px;padding:8px 12px;border:1px solid var(--wp-ui-border);border-radius:14px;background:var(--wp-ui-control);color:var(--wp-ui-control-text);font:700 14px/1.2 system-ui}.modal-actions button[data-wp-frame-action=primary],.result-actions button[data-wp-frame-action=primary]{background:var(--wp-ui-primary);color:var(--wp-ui-primary-text)}.result-orla{width:112px;height:112px;object-fit:contain}@media(max-height:500px)and (min-width:650px){#battleLive{grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:minmax(0,1fr) 26px}#arena{grid-column:1;grid-row:1/3}#controls{grid-column:2;grid-row:1;flex-direction:column;padding:4px;gap:4px}#controls button{width:100%;max-width:104px;flex:0 0 44px}#controls #lens{max-width:104px}#status{grid-column:2;grid-row:2;font-size:12px;line-height:13px;padding:0 2px;height:26px}#sealLabel{font-size:12px}.overlay{align-items:flex-start;padding:8px}.modal-card{padding:12px}.result-orla{width:72px;height:72px}.modal-card h2{margin:4px 0 8px}.modal-body{max-height:140px}.result-actions{margin-top:8px}}#relations small{position:absolute;width:32px;height:20px;margin:-10px 0 0 -16px;text-align:center;font:600 12px/20px system-ui;color:#d7dbb6;white-space:nowrap}#relations small[data-done=true]{color:#80e4c3}#controls button{padding:0 4px;overflow-wrap:anywhere}#controls button span:not(.object-icon){min-width:0}#controls button{min-width:var(--wp-frame-control-size,44px)}#controls #retry{min-width:max(64px,var(--wp-frame-control-size,44px))}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}#controls button{font-size:calc(13 * var(--wp-play-unit,1px))}