:root{--paper:#efe3c8;--ink:#28221b;--muted:#7a6d5c;--red:#a63c31;--line:#c8b795;--wood:#d8aa62;--wood-dark:#7c5228}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:ui-serif,"Noto Serif SC",Georgia,serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#886f4b 4px)}button,select{font:inherit}.page{position:relative;width:min(1060px,100%);margin:auto;padding:20px 24px 40px}nav{height:48px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}nav a,nav button{border:0;background:none;color:var(--muted);font:700 11px ui-monospace,monospace;letter-spacing:.12em;text-decoration:none;cursor:pointer}header{display:flex;justify-content:space-between;align-items:end;padding:25px 0 20px}header span{color:var(--red);font:10px ui-monospace,monospace;letter-spacing:.22em}h1{font-size:42px;letter-spacing:.22em;margin:5px 0 0}header p{margin:0;color:var(--muted);font-size:12px;line-height:1.8;text-align:right}.game{display:grid;grid-template-columns:minmax(0,760px) 210px;gap:28px;align-items:start}.left{min-width:0}.status{height:44px;display:flex;align-items:center;gap:10px}.status small{display:block;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.14em}.status strong{font-size:13px}.black,.white{display:inline-block;width:23px;height:23px;border-radius:50%;flex:none}.black{background:radial-gradient(circle at 32% 25%,#666 0,#222 45%,#050505 100%);box-shadow:inset -2px -3px 4px #0008,0 2px 3px #0005}.white{background:radial-gradient(circle at 32% 25%,#fff 0,#f2ebdd 58%,#a89982 100%);box-shadow:inset -2px -3px 4px #77695155,0 2px 3px #0005}.board-box{position:relative;width:100%;aspect-ratio:1;background:#a97538;padding:15px;border:1px solid #71471f;box-shadow:inset 0 0 0 5px #e0b978,inset 0 0 0 8px #976330,6px 8px 0 #cbb995,0 20px 45px #6e573927}.board-box canvas{display:block;width:100%;height:100%;background:var(--wood);touch-action:none;user-select:none;-webkit-user-select:none}.curtain{position:absolute;inset:15px;background:#efe3c8e8;backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.curtain.hidden{display:none}.mark{display:grid;place-items:center;width:58px;height:58px;border:2px solid var(--red);color:var(--red);font-size:32px;transform:rotate(-3deg)}.curtain h2{font-size:28px;letter-spacing:.18em;margin:18px 0 8px}.curtain p{color:var(--muted);font-size:13px}.curtain button,.actions button{border:0;background:var(--red);color:#fff7e8;padding:11px 28px;margin-top:14px;cursor:pointer;box-shadow:3px 3px 0 #62231e}.actions{height:55px;display:flex;align-items:center;justify-content:space-between}.actions button{margin:0;padding:9px 23px}.actions button:disabled{opacity:.35;cursor:not-allowed}.actions span{color:var(--muted);font-size:10px}aside{margin-top:44px;border-top:3px solid var(--ink);font-family:ui-monospace,monospace}.players{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line)}.players div{display:flex;flex-direction:column;align-items:center;gap:5px}.players i{width:30px;height:30px}.players b{font-size:12px}.players small{font-size:9px;color:var(--muted)}.players em{font-size:10px;color:var(--red);font-style:normal}aside label{display:block;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.12em}aside select{display:block;width:100%;margin-top:9px;padding:9px;border:1px solid var(--line);background:#e5d6b8;color:var(--ink)}.score{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:17px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.score span+span{border-left:1px solid var(--line)}.score b{display:block;color:var(--red);font-size:22px;margin-bottom:3px}.rules{padding-top:17px}.rules b{font-size:10px;letter-spacing:.15em}.rules p{color:var(--muted);font-size:10px;line-height:1.9}@media(max-width:830px){.page{padding:12px 14px 28px}header{padding:18px 0 10px}h1{font-size:32px}.game{grid-template-columns:1fr;gap:5px}.board-box{padding:10px}.curtain{inset:10px}aside{margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:0 18px}.players{grid-column:1/-1}.rules{display:none}.actions{height:48px}}@media(max-width:500px){.page{padding:8px 9px 22px}nav{height:42px}header{align-items:center}header p{display:none}h1{font-size:25px}.board-box{padding:7px;box-shadow:inset 0 0 0 3px #e0b978,inset 0 0 0 5px #976330,3px 4px 0 #cbb995}.curtain{inset:7px}.curtain h2{font-size:23px}.actions span{font-size:9px}aside{grid-template-columns:1fr}.players{grid-column:auto}.score{order:3}}