:root{color-scheme:light;--bg: #eef3ef;--panel: #ffffff;--ink: #18221d;--muted: #5f6f67;--line: #cbd8d0;--grid: #b8c7be;--axis: #16271d;--red: #e23b3b;--red-dark: #9f2020;--blue: #2374d8;--blue-dark: #174b92;--accent: #236e5f;--accent-dark: #164a41;--gold: #d7a743;--danger: #b94747;--shadow: 0 18px 48px rgba(31, 42, 35, .16)}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,rgba(35,110,95,.1),transparent 34%),linear-gradient(235deg,rgba(35,116,216,.12),transparent 38%),var(--bg);color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}button,input{font:inherit}button{min-height:54px;border:0;border-radius:8px;padding:0 18px;background:var(--accent);color:#fff;font-size:1rem;font-weight:900;cursor:pointer}button:hover{background:var(--accent-dark)}.app-shell{display:grid;grid-template-columns:minmax(720px,1fr) 420px;gap:18px;width:100vw;height:100vh;padding:18px}.board-section{display:grid;place-items:center;min-width:0;min-height:0;border:1px solid var(--line);border-radius:8px;background:#ffffffeb;box-shadow:var(--shadow);overflow:hidden}.board-frame{width:min(calc(100vw - 488px),calc(100vh - 48px));min-width:700px;aspect-ratio:1}.coordinate-plane{display:block;width:100%;height:100%;cursor:crosshair}.plane-bg{fill:#fcfdfb;stroke:var(--axis);stroke-width:3}.grid-line{stroke:var(--grid);stroke-width:1}.axis-grid-line{stroke:var(--axis);stroke-width:2.8}.axis-line{stroke:var(--axis);stroke-linecap:round;stroke-width:4.4}.axis-arrow{fill:var(--axis)}.axis-name{fill:var(--axis);font-size:31px;font-weight:900}.tick-label{fill:#0d1712;font-size:15px;font-weight:900;paint-order:stroke;pointer-events:none;stroke:#fcfdfb;stroke-width:5px;text-anchor:middle}.origin-tick{fill:var(--accent-dark);font-size:17px}.y-label{text-anchor:end}.point-hit{fill:transparent;pointer-events:all;stroke:transparent;stroke-width:4}.point-hit:hover,.selected-point{fill:#236e5f14;stroke:#236e5f6b}.stone{pointer-events:none}.preview-stone{opacity:.46;pointer-events:none;stroke-width:3}.preview-red{fill:var(--red);stroke:var(--red-dark)}.preview-blue{fill:var(--blue);stroke:var(--blue-dark)}.pending-compensation-stone{opacity:.62;pointer-events:none}.pending-compensation-fill{fill:var(--red);opacity:.34}.pending-compensation-ring{fill:transparent;stroke:var(--red-dark);stroke-dasharray:6 5;stroke-width:3}.pending-compensation-label{fill:var(--red-dark);font-size:10px;font-weight:950;paint-order:stroke;stroke:#fff;stroke-width:3px;text-anchor:middle}.stone-red,.stone-blue,.stone-shared-fill{filter:drop-shadow(0 5px 6px rgba(0,0,0,.28))}.stone-red{fill:var(--red);stroke:var(--red-dark);stroke-width:3}.stone-blue{fill:var(--blue);stroke:var(--blue-dark);stroke-width:3}.stone-shared-ring{fill:#fffdf2;stroke:var(--gold);stroke-width:7;filter:drop-shadow(0 5px 7px rgba(0,0,0,.28))}.stone-shared-fill{stroke:#fff;stroke-width:2}.stone-shared-split{stroke:#fffdf2;stroke-linecap:round;stroke-width:4}.stone-shared-core{fill:var(--gold);stroke:#fffdf2;stroke-width:2}.winning-stone .stone-red,.winning-stone .stone-blue,.winning-stone .stone-shared-fill{stroke:var(--gold);stroke-width:7}.side-panel{display:grid;grid-auto-rows:max-content;gap:12px;min-height:0;overflow-y:auto;padding-right:4px}.side-panel>section{border:1px solid var(--line);border-radius:8px;padding:18px;background:#ffffffeb;box-shadow:0 12px 28px #1f2a231a}h1,h2,p{margin:0}h1{font-size:2.65rem;line-height:1.02}h2{margin-bottom:12px;font-size:1.35rem;line-height:1.18}.turn-card p,.pending-card p,.input-card p{color:var(--muted);font-size:1rem;font-weight:750;line-height:1.45}.turn-card span{color:var(--muted);font-size:.95rem;font-weight:900}.turn-card strong{display:block;margin:4px 0 8px;font-size:2.28rem;line-height:1.06}.turn-card strong.red{color:var(--red-dark)}.turn-card strong.blue{color:var(--blue-dark)}.status-lines{display:grid;gap:5px;margin-top:8px}.status-lines p{border-radius:8px;padding:8px 10px;background:#f4f7f5;color:var(--ink);font-size:1.06rem;font-weight:900}.brief-message{margin-top:10px}.coordinate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 12px}label{display:grid;gap:6px;color:var(--muted);font-size:.96rem;font-weight:900}input{width:100%;min-height:58px;border:2px solid var(--line);border-radius:8px;padding:0 14px;color:var(--ink);font-size:1.65rem;font-weight:900}input:focus{border-color:var(--accent);outline:5px solid rgba(35,110,95,.16)}.selected-coordinate{min-height:52px;margin:4px 0 12px;border:2px solid rgba(35,110,95,.28);border-radius:8px;padding:9px 12px;background:#eef7f3;color:var(--accent-dark);font-size:1.35rem;font-weight:950}.input-card button,.action-card button{width:100%}.pending-card strong{font-size:1.35rem}.pending-card span{display:block;margin-top:4px;color:var(--danger);font-weight:900}.action-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-card button:nth-child(2){border:1px solid var(--line);background:#fff;color:var(--ink)}.record-card ol{display:grid;max-height:250px;gap:8px;margin:0;padding-left:24px;overflow:auto;font-size:1rem}.record-card li{color:var(--muted);font-weight:850;line-height:1.35}.record-card li span,.record-card strong{color:var(--ink)}.record-card em{display:block;color:var(--danger);font-style:normal}.modal-backdrop{display:grid;place-items:center;position:fixed;inset:0;z-index:20;padding:24px;background:#1014128c}.modal{width:min(680px,100%);border-radius:8px;padding:30px;background:#fff;box-shadow:0 24px 70px #00000040}.modal h2{font-size:2.25rem}.modal p,.modal li{color:var(--muted);font-size:1.18rem;font-weight:800;line-height:1.5}.modal button{margin-top:18px}.rules-modal ol{display:grid;gap:10px;padding-left:24px}@media(max-width:1180px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.board-frame{width:min(92vw,820px);min-width:0}.side-panel{overflow:visible}}@media(max-width:620px){.app-shell{padding:10px}.board-section,.side-panel>section{border-radius:8px}.coordinate-inputs,.action-card{grid-template-columns:1fr}}