*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{background:#102734;color:#edf7f5;font-family:system-ui,sans-serif}[hidden]{display:none!important}button{cursor:pointer}button:disabled{opacity:.5}button:not(:disabled):active{filter:brightness(.82)}#gameFrame{--wp-ui-accent:#66dfd1}#comingSoon{max-width:520px;margin:32px auto;text-align:center}#comingSoon img{width:min(90%,420px);height:auto}#stageWorkspace,#stagePanel,#stagePage,#stageRail{min-height:0;height:100%}#stageWorkspace,#stagePage{position:relative}#stagePanel{display:block}#managementStatus{position:absolute;bottom:0;inset-inline:12px;height:38px;overflow:hidden;pointer-events:none;font:600 14px/18px system-ui;text-align:center}#stageWorkspace:has(.management:not([hidden])){padding-bottom:40px}.management{overflow:auto;height:100%;padding:16px;color:var(--wp-ui-text);font:400 16px/1.5 system-ui}.management p{max-width:680px;margin:12px auto}.management h2{text-align:center}.nori-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:72px;max-width:240px;padding:8px 12px;border:1px solid var(--wp-ui-border);border-radius:14px;background:var(--wp-ui-surface);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 44px;width:44px;height:44px;background-image:url(./assets/tools.webp);background-size:300% 300%;background-repeat:no-repeat}.cedar-icon{background-position:0 0}.pearl-icon{background-position:50% 0}.amber-icon{background-position:100% 0}.reed-icon{background-position:0 50%}.reef-icon{background-position:50% 50%}.tide-icon{background-position:100% 50%}.pair-icon{background-position:0 100%}.pin-icon{background-position:50% 100%}.fork-icon{background-position:100% 100%}#battleLive{display:grid;grid-template-rows:minmax(0,1fr) 112px 42px;width:100%;height:100%;min-height:0;overflow:hidden}#arena{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:manipulation;isolation:isolate}#arena canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#boardGrid,#routeMarks{position:absolute;inset:0;pointer-events:none}#boardGrid button{position:absolute;width:46px;height:46px;min-width:44px;min-height:44px;padding:0;margin:-23px 0 0 -23px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:2px solid #bfdfd8;border-radius:11px;background:#f6f0db;color:#21434b;box-shadow:0 3px #517e81,0 5px 12px #093a4c55;font:800 19px/21px system-ui;pointer-events:auto;touch-action:manipulation;transition:background-color .18s,border-color .18s,box-shadow .18s}#boardGrid button small{font:700 11px/13px system-ui;color:#436c71}#boardGrid button[data-selected=true]{border-color:#ffc960;background:#fff2c1;box-shadow:0 0 0 3px #e8b456,0 0 18px #ffd36f66}#boardGrid button[data-done=true]{background:#c9e9d4;border-color:#7fc9ad}#boardGrid button[data-bad=true]{background:#ffe1dc;border-color:#e87882}#boardGrid button[data-hint=true]{box-shadow:0 0 0 3px #bda1ff,0 0 20px #be9cff99}#boardGrid button:focus-visible{outline:3px solid white;outline-offset:4px}.route-mark{position:absolute;display:flex;align-items:center;justify-content:center;gap:1px;min-width:22px;height:24px;margin:-12px 0 0 -12px;border-radius:6px;background:#102e40e8;border:1px solid #7fb7b7;box-shadow:0 2px 5px #052b3e66;color:#f2f8f4;font:800 13px/1 system-ui;pointer-events:none}.route-mark .object-icon{width:22px;height:22px;flex-basis:22px}.route-mark[data-pin=true]{border-color:#ffbaad;color:#ffbaad}.route-mark[data-hint=true]{border-color:#d1b3ff;box-shadow:0 0 12px #cfb3ff}.route-mark .pair-code{color:#e4bdff}.route-mark .fork-code{color:#ffdb78}#controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:48px 48px;gap:6px;padding:4px 8px 8px;align-content:center}#controls button{height:48px;min-height:44px;min-width:44px;padding:3px 6px;border:1px solid var(--wp-ui-border);border-radius:12px;background:var(--wp-ui-control);color:var(--wp-ui-control-text);font:700 calc(13 * var(--wp-play-unit,1px))/1.15 system-ui;display:flex;justify-content:center;align-items:center;gap:4px;overflow-wrap:anywhere}#controls button[aria-pressed=true]{outline:2px solid #6edbd2}#controls .object-icon{width:24px;height:24px;flex-basis:24px}#controls button span:not(.object-icon){min-width:0}#status{height:42px;margin:0;padding:0 10px;overflow:hidden;text-align:center;color:#e2f1ee;font:600 14px/19px system-ui}.overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#061b2ac2;backdrop-filter:blur(7px);overflow:auto}.modal-card{width:min(100%,560px);max-height:100%;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;overflow:auto}.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}.rule-line{display:flex;align-items:center;gap:8px;margin:10px 0}.rule-line .object-icon{width:42px;height:42px;flex-basis:42px}.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 10px;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-nori{width:112px;height:112px;object-fit:contain}#battleLive[data-finishing=true] #boardGrid button{box-shadow:0 0 16px #b4f7d08c;border-color:#b4f7d0}@media(max-height:500px)and (min-width:650px){#battleLive{grid-template-columns:minmax(0,1fr) 128px;grid-template-rows:minmax(0,1fr) 38px}#arena{grid-column:1;grid-row:1/3}#controls{grid-column:2;grid-row:1;display:flex;flex-direction:column;padding:2px 6px;gap:4px;justify-content:center}#controls button{width:100%;flex:0 0 44px;height:44px}#status{grid-column:2;grid-row:2;height:38px;padding:0 3px;font-size:12px;line-height:12px}.overlay{align-items:flex-start;padding:8px}.modal-card{padding:12px}.result-nori{width:72px;height:72px}.modal-card h2{margin:4px 0 8px}.modal-body{max-height:144px}.result-actions{margin-top:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}#boardGrid button{transition-duration:.05s}}#noriCompanion{position:absolute;right:4px;bottom:5px;width:clamp(72px,27%,144px);height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 6px #063b4d77);z-index:1}@media(max-height:500px)and (min-width:650px){#noriCompanion{width:76px;right:4px;bottom:0}}#boardGrid button{width:max(46px,var(--wp-frame-control-size,48px));height:max(46px,var(--wp-frame-control-size,48px));margin:calc(max(46px,var(--wp-frame-control-size,48px))/-2) 0 0 calc(max(46px,var(--wp-frame-control-size,48px))/-2)}#controls button{min-height:var(--wp-frame-control-size,44px)}@media(max-height:500px)and (min-width:650px){#battleLive{grid-template-columns:minmax(0,1fr) 208px;grid-template-rows:minmax(0,1fr) 60px}#controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,60px);gap:6px;padding:6px;align-content:center}#controls button{width:100%;height:60px;min-width:0}#status{height:60px;font-size:12px;line-height:15px}}
