:root{color-scheme:dark;--bg:#0e1423;--panel:#182136;--text:#f2f5fc;--muted:#aab5cc;--line:#2d3850;--red:#ed596c;--green:#27b78c;--yellow:#eebc44;--blue:#4f8bea;--active:var(--red)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#233354 0,transparent 52%),var(--bg);color:var(--text);font:16px/1.7 Tahoma,Arial,sans-serif;min-height:100vh}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}.shell{max-width:1180px;margin:auto;padding:26px 32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.brand{display:flex;align-items:center;gap:14px}.logo{font-size:46px;color:#efbd55;line-height:1}h1{font-size:29px;line-height:1.1;margin:0}h1 span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:8px}button{border:0}.quiet{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:9px 16px}.quiet:hover{color:white;background:#24304a}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}.board-heading,.under-board{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:14px}.board-heading{margin:0 4px 14px}.tag{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:3px 12px}.board-wrap{padding:14px;background:#26334b;border-radius:28px;box-shadow:0 28px 60px #0004,inset 0 1px 0 #ffffff20}.board{width:100%;aspect-ratio:1;position:relative;direction:ltr;border-radius:16px;overflow:hidden;background:#eff2f8}.board svg{width:100%;height:100%;display:block}.under-board{margin:17px 5px;font-size:12px}.token{position:absolute;width:5.3%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:2px solid white;color:#152039;font-weight:bold;font-size:clamp(10px,1.1vw,15px);line-height:1;background:var(--piece);box-shadow:0 3px 0 color-mix(in srgb,var(--piece),#000 35%),0 4px 5px #0004;z-index:2;padding:0;transition:left .25s,top .25s;opacity:1}.token:disabled{color:#152039}.token.can-move{outline:3px solid #fff;box-shadow:0 0 0 5px var(--piece),0 5px 10px #0005;z-index:5;animation:breathe 1.2s infinite alternate}.token.can-move:hover{transform:translate(-50%,-50%) scale(1.12)}.token.finished{border-color:#ffecac}.turn-card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--active);border-radius:19px;padding:23px;min-height:276px}.eyebrow{font-size:12px;color:var(--muted)}h2{font-size:25px;line-height:1.5;margin:5px 0 9px}#status{font-size:14px;color:var(--muted);min-height:48px;margin:0 0 18px}.roll{display:flex;width:100%;align-items:center;justify-content:center;gap:18px;background:#f3f5fb;color:#172138;border-radius:12px;min-height:76px;font-weight:bold;transition:transform .15s}.roll:hover:enabled{transform:translateY(-2px);background:white}.roll:disabled{background:#26334b;color:#bac6dd}.dice{font-family:Arial,sans-serif;font-size:54px;line-height:1}.rolling .dice{animation:shake .12s infinite alternate}.choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.choices:empty{margin:0}.choices button{flex:1;min-height:44px;background:var(--active);color:#102139;border-radius:9px;font-size:14px;font-weight:bold}.players{display:grid;gap:10px;margin-top:20px}.player{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.player.current{background:#24314a;border-color:var(--player-color);color:white}.swatch{width:16px;height:16px;flex-shrink:0;border-radius:5px;background:var(--player-color)}.player-info{flex:1}.player-name{font-size:14px;font-weight:bold}.player-kind{font-size:12px;color:var(--muted)}.progress{font-size:13px;direction:ltr;white-space:nowrap}.rules{margin-top:22px;color:var(--muted);font-size:14px}.rules summary{cursor:pointer;color:#e0e7f6;padding:6px 0}.rules ul{padding-right:22px}.rules li{margin-bottom:8px}footer{margin-top:28px;text-align:center;font-size:12px;color:#7f8ba5}dialog{width:min(430px,calc(100% - 28px));border:1px solid #3e4b65;border-radius:24px;background:#1b263c;color:white;padding:28px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#060c19b8;backdrop-filter:blur(7px)}dialog p{font-size:14px;color:var(--muted)}dialog label{display:block;margin:17px 0 7px;font-size:14px}select{background:#111b2e;color:white;border:1px solid #3a4763;border-radius:10px;padding:11px;width:100%}.primary{width:100%;border-radius:11px;background:#f2be56;color:#1a2132;font-weight:bold;padding:12px;margin-top:12px}.hint{font-size:12px!important}#cancel{width:100%;margin-top:10px}#winner{text-align:center}@keyframes breathe{to{filter:brightness(1.16)}}@keyframes shake{to{transform:rotate(15deg)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:850px){.shell{padding:20px}.layout{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.turn-card{padding:17px}.token{font-size:12px}.under-board{flex-wrap:wrap}}@media(max-width:680px){.shell{padding:16px 12px}header{margin-bottom:22px}h1{font-size:25px}.layout{grid-template-columns:1fr;gap:14px}.board-wrap{padding:9px;border-radius:20px}.board{border-radius:12px}.play-area{max-width:560px;width:100%;margin:auto}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.turn-card{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:1fr 145px;column-gap:12px;padding:15px}.turn-card .eyebrow,.turn-card h2,.turn-card #status{grid-column:1}.turn-card h2{font-size:21px}.turn-card #status{min-height:0;margin-bottom:0}.roll{grid-column:2;grid-row:1/4;flex-direction:column;gap:5px;font-size:14px}.dice{font-size:44px}.choices{grid-column:1/-1}.players{grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:0}.player{padding:10px;gap:8px}.player-name{font-size:13px}.rules{grid-column:1/-1;margin-top:0}.under-board{margin:12px 4px}.token{font-size:11px;border-width:1.5px}.token.can-move{outline-width:2px;box-shadow:0 0 0 3px var(--piece)}footer{margin-top:16px}.tag{font-size:11px;padding:2px 8px}.board-heading{font-size:13px}}@media(min-width:681px){aside{padding-top:44px}}
.header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.timers{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:17px;grid-column:1/-1}.timers>div:not(.clock-track){display:flex;flex-direction:column;gap:2px}.timers span{font-size:12px;color:var(--muted)}.timers strong{font-size:20px;font-variant-numeric:tabular-nums;font-weight:500}.timers .urgent strong{color:#ff8792}.clock-track{width:100%;height:5px;border-radius:5px;background:#2d3850;overflow:hidden}#clock-fill{height:100%;background:var(--active);width:100%;transition:width .1s linear}@media(max-width:680px){.header-actions{max-width:65%;gap:5px}.header-actions .quiet{font-size:12px;padding:8px}.timers{margin-top:14px}.timers strong{font-size:18px}}