:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eae6d9;background:#101e21;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 24% 35%,#284344 0,transparent 65%),#101e21;min-height:100vh}main{max-width:1120px;margin:auto;padding:32px 28px}header{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#b2c0b1}header>.eyebrow{width:100%}h1{font:54px/1 Georgia,serif;margin:0;color:#f7efd9;letter-spacing:-2px}h1 span{display:block;font:15px/2 system-ui;letter-spacing:5px;color:#e5b771;text-transform:uppercase}p{line-height:1.55}.intro{color:#b7c7c3;margin:0;border-left:1px solid #53716a;padding-left:24px;font-size:14px}.layout{display:grid;grid-template-columns:minmax(360px,630px) minmax(270px,1fr);gap:34px;align-items:start}.table{padding:16px 23px 12px;border-radius:30px;background:linear-gradient(140deg,#3b5350,#233a37);border:1px solid #6b817044;box-shadow:0 24px 50px #0005,inset 0 0 60px #0003}.seat{text-align:center;font-size:9px;letter-spacing:3px;padding:4px 0 13px;color:#afc0b0}.seat:last-child{padding:14px 0 0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.boardhead{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px;font-size:10px;letter-spacing:1px;color:#d0d5c5}.boardhead small{font-size:9px;letter-spacing:0}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:6px;border-radius:8px;background:#293936;box-shadow:0 5px 12px #0003}.board.light{background:#ae9270}.cell{padding:0;aspect-ratio:1;border:0;border-radius:3px;position:relative;background:#354b44;min-width:0;touch-action:manipulation;cursor:pointer;box-shadow:inset 0 0 0 1px #fff05}.light .cell{background:#cbb08a}.cell:hover{filter:brightness(1.15)}.cell .coord{position:absolute;bottom:2px;left:3px;font:7px system-ui;color:#a7b9ab;opacity:.55}.light .coord{color:#51452d}.stone{position:absolute;inset:13%;border-radius:50%;box-shadow:0 3px 3px #0007,inset 0 2px 3px #fff5}.stone.B{background:radial-gradient(circle at 34% 26%,#547274,#152b2f 68%);border:1px solid #10252b}.stone.W{background:radial-gradient(circle at 35% 25%,#fffae7,#c9c3b3 78%);border:1px solid #a89e8a}.cell.eligible:after{content:'';position:absolute;inset:4px;border:1px solid #e8c17eaa;border-radius:50%;pointer-events:none}.cell.target{background:#628a68}.light .cell.target{background:#8ba373}.cell.target:after{content:'·';font-size:30px;color:#f8df9b;position:absolute;inset:0;display:grid;place-items:center}.cell.selected{outline:3px solid #ffd488;outline-offset:-3px}.cell.last{box-shadow:inset 0 0 0 2px #a8d5cc}.cell:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffe5a7;outline-offset:2px}.rope{height:35px;display:flex;align-items:center;justify-content:center;position:relative}.rope:before{content:'';position:absolute;left:-10px;right:-10px;height:3px;background:repeating-linear-gradient(35deg,#b29d73 0 3px,#6d6850 4px 6px);box-shadow:0 2px 3px #0005}.rope span{z-index:1;font-size:7px;letter-spacing:2px;background:#2c423b;color:#d0bc8d;padding:3px 8px}.turncard{border-bottom:1px solid #58716866;padding-bottom:14px}h2{font:28px Georgia;margin:12px 0;color:#f5ddad}.turncard p{font-size:13px;color:#c5d1c9;margin:8px 0}#notice{color:#f2c582;min-height:21px}#vector{font-size:12px;color:#f7ddaa}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:17px 0}.controls label{font-size:11px;align-self:center;color:#b6c5b8}button,select{font:12px system-ui;padding:10px 11px;border-radius:7px;border:1px solid #79988a55;background:#28443f;color:#f0eadb;cursor:pointer}button:hover{background:#3c5d50}button:disabled{opacity:.4;cursor:default}#new{background:#dec18b;color:#1c302d;font-weight:700}details{border-top:1px solid #78958744;padding:13px 0;font-size:12px;color:#b9ccc2}summary{cursor:pointer;color:#e7dfc9;font-size:13px}details p{font-size:12px}ol{padding-left:19px;line-height:1.7}li+li{margin-top:8px}.practices{display:flex;gap:6px;flex-wrap:wrap}.practices button{font-size:10px;padding:8px}.journal{padding-top:12px}.journal p{font-size:11px;color:#a6b9ae;white-space:pre-line}footer{text-align:center;margin-top:30px;color:#8ba69b;font-size:11px}footer p{margin:5px}a{color:#dfc595}@media(max-width:780px){main{padding:25px 16px}.layout{grid-template-columns:1fr;max-width:580px;margin:auto}.intro{display:none}h1{font-size:46px}.table{padding:14px 14px 12px}.pair{gap:15px}.layout{gap:25px}aside{max-width:580px}.controls{grid-template-columns:1fr 1fr}.cell{min-height:0}.board{padding:5px;gap:2px}header{max-width:580px;margin-left:auto;margin-right:auto}}@media(prefers-reduced-motion:no-preference){.stone{animation:appear .18s ease-out}@keyframes appear{from{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1)}}}