:root{color-scheme:dark;--bg:#082b20;--ink:#f5f7ed;--muted:#b8d0bd;--gold:#e9c57c;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;margin:0;color:var(--ink);background:radial-gradient(circle at 50% -15%,#1d6949,var(--bg) 60%);touch-action:none}.app{width:100%;height:100dvh;max-width:1050px;margin:auto;padding:8px max(9px,env(safe-area-inset-left)) max(4px,env(safe-area-inset-bottom));overflow:hidden;display:flex;flex-direction:column;align-items:stretch}.topbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex:none}.brand span,.eyebrow{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1.2px}.brand h1{font-size:30px;line-height:1;margin:3px 0 4px;letter-spacing:2px}.brand small{font-size:10px;letter-spacing:.9px;vertical-align:middle;background:#e9c57c22;color:var(--gold);border:1px solid #e9c57c66;border-radius:99px;padding:3px 6px}.top-actions{display:flex;gap:5px}button,select{font:inherit;color:var(--ink);background:#154a36;border:1px solid #82aa8c66;border-radius:9px;padding:9px 11px;cursor:pointer;font-size:13px;font-weight:700}button:hover{background:#1e6247}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.primary{background:var(--gold);color:#163527;border-color:var(--gold)}.primary:hover{background:#f4d896}.scoreboard{flex:none;margin:5px 0 4px}#scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.score{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #ffffff24;background:#0d3a2b;border-radius:8px;padding:5px 3px;font-size:12px;font-weight:800}.score.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px #e9c57c66}.score .disc{flex:none;width:10px;height:10px;border-radius:50%;background:var(--player);box-shadow:0 0 0 2px #ffffff38}.score .name{min-width:0;overflow:hidden;text-overflow:ellipsis}.score .amount{color:var(--gold);flex:none}.score.empty{visibility:hidden}.statusbar{flex:none;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:27px;margin:0 1px 3px;font-size:13px}.statusbar strong{color:var(--turn)}.statusbar span{color:var(--gold);text-align:right;font-weight:700}.arena-wrap{flex:0 1 auto;min-height:0;width:min(100%,calc((100dvh - 160px)*var(--arena-scale,.577)),800px);aspect-ratio:var(--arena-ratio,600/1040);margin:auto;align-self:center;filter:drop-shadow(0 8px 18px #0008)}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:17px}.message{flex:none;min-height:18px;text-align:center;font-size:12px;color:#e5cf91;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motto{flex:none;font-size:11px;color:var(--muted);text-align:center;margin:2px 0 0}dialog{color:var(--ink);background:#103c2d;border:1px solid #bca264;border-radius:18px;width:min(94%,480px);max-height:84dvh;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:21px;box-shadow:0 22px 65px #000b}dialog::backdrop{background:#061c15c9;backdrop-filter:blur(4px)}dialog h2{font-size:24px;margin:9px 0;line-height:1.15}dialog p,dialog li{color:#d2e2d4;font-size:15px;line-height:1.4}dialog li{margin:8px 0}dialog ol{padding-left:22px}.fields{display:grid;gap:12px;margin:18px 0}.fields label{display:grid;gap:6px;color:var(--gold);font-size:13px;font-weight:700}.fields select{width:100%;font-size:15px;padding:12px}.dialog-actions{display:flex;justify-content:flex-end;margin-top:16px}#winner{text-align:center}@media(max-width:360px){.brand h1{font-size:25px}.brand span{font-size:9px}.top-actions button{font-size:11px;padding:7px 6px}.score{font-size:10px;gap:2px}.score .disc{width:8px;height:8px}}@media(min-width:700px){.app{padding-top:10px}.brand h1{font-size:34px}.message{font-size:14px}}