:root{--bg:#f6f4ec;--surface:#fff;--border:#dcddd4;--rule:#dcddd4;--text:#18302b;--text-2:#52675f;--primary:#365c45;--primary-ink:#fff;--highlight:#b9eb74;--coral:#f29e83;--lilac:#b7a4ee;--aqua:#9ad9e4;--lemon:#f3dd77;--error:#b3261e;--success:#21683e;--board-bg:#172a2a;--board:#25413c;--board-face:#1b3330;--board-line:#34504b;--board-text:#e8efe6;--board-text-2:#a7bbb2;--stone:#3a5953;--stone-side:#2a4642;--focus:#18302b;--shadow:0 8px 24px #18302b1a;--r-control:12px;--r-card:16px;--r-panel:24px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--font:var(--font-inter), "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-fast:.15s;--ui-card:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media (max-width:640px){html{scroll-padding-bottom:calc(var(--mobile-nav-height,60px) + 16px + env(safe-area-inset-bottom))}body{padding-bottom:calc(var(--mobile-nav-height,60px) + 8px + env(safe-area-inset-bottom))}}@media (max-width:1023px){html:has([data-fixed-bar]){scroll-padding-bottom:calc(var(--fixed-bar-height,104px) + 8px + env(safe-area-inset-bottom))}body:has([data-fixed-bar]){padding-bottom:calc(var(--fixed-bar-height,104px) + env(safe-area-inset-bottom))}}html:has([data-fixed-bar-active]){scroll-padding-bottom:calc(var(--fixed-bar-height,104px) + 8px + env(safe-area-inset-bottom))}body:has([data-fixed-bar-active]){padding-bottom:calc(var(--fixed-bar-height,104px) + env(safe-area-inset-bottom))}body{background:var(--bg);color:var(--text);font-family:var(--font);font-variant-numeric:normal;font-feature-settings:"cv11", "ss01";margin:0;font-size:16px;line-height:24px}h1{text-wrap:balance;letter-spacing:-.015em;margin:0;font-size:30px;font-weight:650;line-height:36px}h2{text-wrap:balance;letter-spacing:-.01em;margin:0;font-size:24px;font-weight:650;line-height:30px}h3{margin:0;font-size:18px;font-weight:600;line-height:24px}p{margin:0}@media (min-width:1024px){h1{font-size:40px;line-height:44px}}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}.surface-dark{--focus:var(--highlight)}.surface-light{--focus:#18302b}@media (forced-colors:active){:focus-visible{outline-color:highlight}}.battle-stage{background:var(--board-bg);width:100%;max-width:min(100%,75vh);margin:0 auto;position:relative;overflow:hidden}.battle-stage--compact{max-width:min(100%,45.0704vh)}.battle-stage__canvas{position:absolute;inset:0}.battle-stage canvas{display:block;width:100%!important;height:auto!important;margin:0!important}.battle-stage__loading{text-align:center;color:var(--board-text);place-content:center;gap:8px;font-size:16px;font-weight:600;display:grid;position:absolute;inset:0}.battle-stage__loading small{color:var(--board-text-2);font-size:14px;font-weight:400}.skip-link{z-index:100;background:var(--surface);border-radius:var(--r-control);box-shadow:var(--shadow);padding:10px 14px;font-weight:600;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.btn{justify-content:center;align-items:center;gap:var(--s2);border-radius:var(--r-control);min-height:44px;color:var(--text);font:inherit;cursor:pointer;transition:background var(--ui-fast), border-color var(--ui-fast), transform var(--ui-fast);background:0 0;border:1.5px solid #18302b99;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:where(:not(:disabled):not([aria-disabled=true])):hover{border-color:var(--text);background:#18302b0a}.btn:where(:not(:disabled):not([aria-disabled=true])):active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn-primary[disabled],.btn-primary[aria-disabled=true]{border:1.5px dashed var(--text-2);color:var(--text-2);box-shadow:none;opacity:1;background:0 0}.btn-primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary);box-shadow:inset 0 -3px #24412f}.btn-primary:where(:not(:disabled):not([aria-disabled=true])):hover{background:#2f523d;border-color:#2f523d}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:where(:not(:disabled):not([aria-disabled=true])):hover{background:#18302b0f;border-color:#0000}.btn-board{background:var(--board);color:var(--board-text);border-color:var(--board-line);box-shadow:inset 0 -2px #0003}.btn-board:where(:not(:disabled):not([aria-disabled=true])):hover{border-color:var(--board-text-2)}.btn-small{min-height:36px;padding:6px 12px;font-size:14px}@media (pointer:coarse){.btn-small{min-height:44px}}.chip{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;line-height:20px;display:inline-flex}.chip:before{content:"";border:1.5px solid;border-radius:50%;flex:none;width:10px;height:10px}.chip-ok{color:var(--success)}.chip-ok:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2321683e'/%3E%3Cpath d='M4.6 8.3l2.2 2.2 4.6-4.8' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;border:0;width:15px;height:15px}.chip-warn{color:#8a3a22}@media (forced-colors:active){.chip-ok:before{forced-color-adjust:none}}.label{color:var(--text-2);margin:0;font-size:14px;font-weight:600;line-height:20px}.placeholder{vertical-align:middle;background:#18302b14;border-radius:999px;min-width:4em;height:1em;display:inline-block}.muted{color:var(--text-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card)}.error-text{color:var(--error);font-weight:600}.scene{background:var(--board-bg);color:var(--board-text);border-radius:var(--r-panel);padding:var(--s4) var(--s3) var(--s5);min-width:0}.island{background-color:#0000;position:relative}.island-label{color:var(--board-text-2);margin:0 0 var(--s2) var(--s2);letter-spacing:.005em;font-size:13px;font-weight:600;line-height:20px}.stone{flex:none;display:block;position:relative}.stone:before{content:"";z-index:0;background:var(--stone);width:128%;height:30%;box-shadow:0 3px 0 var(--stone-side);border-radius:50%;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.stone>span{z-index:1;position:relative}.stone-paper:before{background:#e9e5d6;box-shadow:0 2px #d8d2bf}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{transition-duration:0s!important;animation-duration:0s!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:0s!important;animation-duration:0s!important}