:root{--ink:#211e1a;--paper:#f8f3e9;--wine:#8c2538;--wood:#cf9d5f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 20%,#b68b4a22,transparent 34%),linear-gradient(135deg,#151311,#26211c 55%,#171513);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;min-height:100vh}button,input{font:inherit}.shell{width:min(1440px,100%);min-height:100vh;margin:auto;padding:28px clamp(20px,4vw,72px) 22px;background:var(--paper);box-shadow:0 0 70px #0008}.masthead{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #211e1a38}.eyebrow,.player p,footer span{margin:0 0 5px;font-size:10px;letter-spacing:.28em;font-weight:800;color:var(--wine)}h1{margin:0;font:500 clamp(30px,4vw,52px) Georgia,serif;letter-spacing:-.04em}.presence{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.presence span{display:inline-block;width:7px;height:7px;margin-right:8px;background:#68815d;border-radius:50%;box-shadow:0 0 0 4px #68815d1f}.game-layout{display:grid;grid-template-columns:minmax(150px,1fr) minmax(460px,680px) minmax(150px,1fr);align-items:center;gap:clamp(20px,3vw,56px);padding:28px 0 20px}.player{text-align:center}.player-number{display:block;font:42px Georgia,serif;color:#211e1a14;margin-bottom:-20px}.portrait{width:74px;height:74px;display:grid;place-items:center;margin:auto auto 16px;border-radius:50%;border:1px solid #211e1a70;background:#1b1917;color:#f2eadc;font:30px Georgia,serif;box-shadow:0 8px 22px #211e1a28}.player-light .portrait{background:#f2eadc;color:var(--ink)}.player h2{margin:4px 0 7px;font:500 22px Georgia,serif}.player small{color:#6e655a;font-size:11px}.status-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px;color:#6e655a;font-size:11px}.status-row strong{color:var(--ink)}.turn-dot{width:9px;height:9px;border-radius:50%;background:#171513}.turn-dot.light{background:#f8f3e9;border:1px solid #171513}.board-frame{padding:clamp(16px,2.5vw,28px);background:linear-gradient(135deg,#e0b274,#c89554);border:1px solid #8f6538;box-shadow:0 18px 40px #4c37242e,inset 0 0 0 5px #edc89055}.board{aspect-ratio:1;display:grid;grid-template-columns:repeat(15,1fr)}.intersection{position:relative;border:0;padding:0;background-color:transparent;background-image:linear-gradient(transparent calc(50% - .5px),#6e4a2c99 calc(50% - .5px),#6e4a2c99 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),#6e4a2c99 calc(50% - .5px),#6e4a2c99 calc(50% + .5px),transparent calc(50% + .5px));cursor:pointer}.intersection:disabled{cursor:default}.intersection:not(:disabled):hover::after{content:"";position:absolute;inset:22%;border-radius:50%;background:#211e1a35}.star{position:absolute;width:5px;height:5px;left:50%;top:50%;transform:translate(-50%,-50%);background:#604326;border-radius:50%}.stone{position:absolute;z-index:2;inset:7%;border-radius:50%;box-shadow:0 4px 7px #3321116b}.stone.black{background:radial-gradient(circle at 34% 28%,#55504a,#171513 58%,#050505)}.stone.white{background:radial-gradient(circle at 34% 28%,#fff,#eee8dc 58%,#bdb4a6);border:1px solid #9b8f80}.stone.latest::after{content:"";position:absolute;width:5px;height:5px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--wine)}.controls{display:flex;justify-content:center;gap:8px;margin-top:14px}.controls button,dialog button{min-width:94px;padding:9px 16px;color:var(--paper);background:var(--wine);border:1px solid var(--wine);cursor:pointer}.controls .quiet{color:var(--ink);background:transparent;border-color:#211e1a44}.notice{height:18px;margin:8px 0 0;text-align:center;color:var(--wine);font-size:12px}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:18px;border-top:1px solid #211e1a38}footer p{margin:0;color:#6e655a;font:italic 14px Georgia,serif;text-align:center}footer span:last-child{text-align:right}dialog{width:min(390px,calc(100% - 32px));padding:30px;border:1px solid #b68b4a;background:var(--paper);box-shadow:0 20px 70px #0008}dialog::backdrop{background:#171513cc;backdrop-filter:blur(5px)}dialog h2{font:500 28px Georgia,serif;margin:8px 0}dialog p:not(.eyebrow){color:#6e655a;font-size:13px;line-height:1.6}dialog input{width:100%;padding:12px;margin:8px 0 12px;border:1px solid #211e1a55;background:#fffdf7}dialog button{width:100%}@media(max-width:900px){.game-layout{grid-template-columns:1fr 1fr}.table-wrap{grid-column:1/-1;grid-row:1}.player{grid-row:2}}@media(max-width:600px){.shell{padding:18px 12px}.masthead{align-items:flex-start}.presence{margin-top:8px;font-size:9px}.game-layout{padding-top:18px;gap:16px}.board-frame{padding:13px}.player-number{display:none}.portrait{width:48px;height:48px;font-size:20px;margin-bottom:8px}.player h2{font-size:17px}footer{grid-template-columns:1fr;text-align:center}footer span,footer span:last-child{text-align:center}}@media(prefers-reduced-motion:no-preference){.stone{animation:place .18s ease-out}@keyframes place{from{transform:scale(.45);opacity:.3}}}