:root{--bg:#14161c;--bg-2:#1c1f28;--ink:#eef0f4;--ink-dim:#8b93a3;--wood:#d7ac78;--wood-line:#34220e8c;--black-stone:#14161b;--white-stone:#f7f4ed;--ghost-edge:#14161b;--hot:#ff7a2f;--line:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}.app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.app-start{text-align:center;justify-content:center;align-items:center;gap:20px;padding:32px}.app-start h1{letter-spacing:-.02em;font-size:30px}.lede{color:var(--ink-dim);line-height:1.7}.lede b{color:var(--ink)}.howto{color:var(--ink-dim);font-size:13px;line-height:1.8}kbd{border:1px solid var(--line);background:var(--bg-2);min-width:20px;font:inherit;color:var(--ink);border-radius:5px;padding:1px 6px;font-size:12px;display:inline-block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.primary{background:var(--hot);color:#180d04;letter-spacing:.02em;border-radius:999px;padding:13px 34px;font-weight:700}.ghost-btn{border:1px solid var(--line);color:var(--ink-dim);border-radius:999px;padding:5px 11px;font-size:12px}.hud{align-items:center;gap:10px;padding:10px 14px;display:flex}.ply{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.turn-chip{background:var(--bg-2);border-radius:999px;align-items:center;gap:7px;padding:5px 13px 5px 7px;font-size:13px;font-weight:600;display:inline-flex}.turn-chip:before{content:"";border-radius:50%;width:16px;height:16px}.chip-black:before{background:var(--black-stone);box-shadow:inset 0 0 0 1px #ffffff47}.chip-white:before{background:var(--white-stone)}.board-wrap{flex:1;place-items:center;min-height:0;padding:0 8px;display:grid}.board{aspect-ratio:1;width:100%;max-width:min(100%,100dvh - 250px);display:block}.board-face{fill:var(--wood)}.board-grid line{stroke:var(--wood-line);stroke-width:.035px}.board-star circle{fill:var(--wood-line)}.stone circle:first-child{filter:drop-shadow(0 .045px .06px #00000073)}.stone-black circle:first-child{fill:var(--black-stone)}.stone-white circle:first-child{fill:var(--white-stone);stroke:#281c0e59;stroke-width:.025px}.stone-black .stone-last{fill:var(--wood)}.stone-white .stone-last{fill:var(--black-stone)}.ghost{stroke:var(--ghost-edge);stroke-width:.085px;stroke-opacity:.8}.ghosts-black .ghost{fill:var(--black-stone)}.ghosts-white .ghost{fill:var(--white-stone)}.ghost-active{stroke-opacity:1;fill-opacity:.6!important}.active-ring{fill:none;stroke:var(--hot);stroke-width:.1px}.stops{justify-content:flex-end;align-items:flex-end;padding:12px 22px 26px;display:flex}.stop{place-items:center;width:104px;height:104px;transition:opacity .14s,transform .14s;display:grid;position:relative}.stop-off{opacity:.24;transform:scale(.82)}.stop-on:active{transform:scale(.94)}.stop-ring{position:absolute;inset:0;transform:rotate(-90deg)}.stop-ring-track{fill:none;stroke:#ffffff17;stroke-width:6px}.stop-ring-fill{fill:none;stroke:var(--hot);stroke-width:6px;stroke-linecap:round}.stop-face{border-radius:50%;align-content:center;place-items:center;gap:0;width:78px;height:78px;display:grid}.stop-face.chip-black{color:var(--ink);background:#22252e;box-shadow:inset 0 0 0 1.5px #ffffff24}.stop-face.chip-white{background:var(--white-stone);color:#191b20}.stop-face:before{content:none}.stop-label{letter-spacing:.06em;font-size:15px;font-weight:800}.stop-digit{font-variant-numeric:tabular-nums;min-height:13px;color:var(--hot);font-size:13px;font-weight:700;line-height:1}.stop-face.chip-white .stop-digit{color:#c1440e}.result{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0e13db;place-content:center;justify-items:center;gap:14px;display:grid;position:fixed;inset:0}.result-title{letter-spacing:-.02em;font-size:32px;font-weight:800}.result-sub{color:var(--ink-dim);font-size:13px}.result-actions{gap:10px;margin-top:8px;display:flex}.result-actions button:not(.primary){border:1px solid var(--line);color:var(--ink-dim);border-radius:999px;padding:13px 20px;font-size:13px}.dev{padding:16px 18px calc(20px + env(safe-area-inset-bottom));background:var(--bg-2);border-top:1px solid var(--line);gap:12px;font-size:13px;display:grid;position:fixed;bottom:0;left:0;right:0}.dev-head{justify-content:space-between;align-items:center;display:flex}.dev-head button{color:var(--ink-dim);font-size:12px}.dev-row{gap:4px;display:grid}.dev-name{color:var(--ink-dim);justify-content:space-between;display:flex}.dev-name b{color:var(--ink);font-variant-numeric:tabular-nums}.dev-row input[type=range]{width:100%;accent-color:var(--hot)}.dev-hint{color:var(--ink-dim);font-size:11px}.dev-hint.warn{color:#ffc48a}.dev-laps{color:var(--ink-dim);background:#ffffff0a;border-radius:9px;padding:9px 12px}.dev-laps b{color:var(--ink)}.dev-laps.warn{color:#ffc48a}.dev-actions{gap:8px;display:flex}.dev-actions button{border:1px solid var(--line);border-radius:10px;flex:1;padding:11px;font-size:13px}.dev-actions button:disabled{opacity:.4}.dev-actions .dev-danger{color:#ff8f6b;flex:none;padding-inline:14px}