:root{--ink:#25221d;--paper:#f2ecdf;--wood:#d2a15d;--red:#a64938}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:var(--ink);font-family:"Microsoft YaHei",system-ui;background:radial-gradient(circle at 15% 10%,#fffaf0 0,transparent 34%),linear-gradient(135deg,#e6dfd1,#f6f2e8)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}main{width:min(1140px,94vw);min-height:100vh;display:grid;grid-template-columns:290px minmax(0,700px);gap:60px;align-items:center;justify-content:center;margin:auto;padding:35px 0}.eyebrow{color:var(--red);font:600 11px Georgia;letter-spacing:.25em}h1{font:500 clamp(65px,9vw,100px)/1 "KaiTi","STKaiti",serif;margin:10px 0}.intro>p{font-size:14px;line-height:1.9;color:#6e675d}.rules{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.rules span{border:1px solid #bcb3a3;padding:5px 8px;font-size:10px;color:#766e62}.intro label{display:block;color:#766e62;font-size:11px;margin:15px 0}.intro select{margin-left:12px;border:0;border-bottom:1px solid #938a7c;background:transparent;padding:5px 20px 5px 5px;color:#413c35}.intro button,.actions button,.modal button{border:0;cursor:pointer;font:600 12px inherit;letter-spacing:.08em}.intro>button{margin-top:14px;padding:12px 17px;border:1px solid #a79e90;background:transparent}.intro>button:hover{background:#27241f;color:white}.intro>button b{margin-left:35px}.game-card{background:#ffffff70;border:1px solid #fff;box-shadow:0 24px 70px #392f2230;backdrop-filter:blur(8px)}.game-card>header{height:72px;display:flex;align-items:center;gap:12px;padding:0 25px;border-bottom:1px solid #d8d1c5}.turn,.stone{display:inline-block;border-radius:50%;background:#161513;box-shadow:0 2px 5px #0006}.turn{width:18px;height:18px}.turn.white,.stone.white{background:#f6f2e9;border:1px solid #aaa}.game-card header small{display:block;color:#8a8176;font-size:9px}.game-card header strong{font:500 14px "KaiTi"}.thinking{display:none;margin-left:auto;gap:4px}.thinking.show{display:flex}.thinking i{width:4px;height:4px;background:#777;border-radius:50%;animation:dot 1s infinite}.thinking i:nth-child(2){animation-delay:.14s}.thinking i:nth-child(3){animation-delay:.28s}@keyframes dot{50%{transform:translateY(-5px);opacity:.3}}.board-wrap{padding:24px;background:linear-gradient(135deg,#d7aa68,#c8914c)}canvas{display:block;width:100%;height:auto;touch-action:manipulation;cursor:crosshair}.game-card>footer{display:flex;height:55px;align-items:center;justify-content:space-between;padding:0 25px;border-top:1px solid #d4cbbd}.game-card footer div{display:flex;align-items:center;gap:7px;font-size:10px;color:#6f685e}.game-card footer b{font-weight:400;color:#9b4d3c;margin-left:4px}.stone{width:14px;height:14px}.actions{display:flex;border-top:1px solid #d4cbbd}.actions button{width:50%;padding:13px;background:transparent;color:#5d574f}.actions button+button{border-left:1px solid #d4cbbd}.actions button:hover{background:#ece5d8}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#211e19a8;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.25s;z-index:4}.modal.show{opacity:1;visibility:visible}.modal>div{width:min(390px,88vw);padding:40px;text-align:center;background:var(--paper);box-shadow:0 30px 80px #0008}.seal{display:grid;place-items:center;width:55px;height:55px;margin:auto;background:var(--red);color:white;font:30px "KaiTi";border-radius:50%}.modal h2{font:500 26px "KaiTi";margin:18px 0 8px}.modal p{white-space:pre-line;color:#746c61;font-size:13px;line-height:1.8}.modal button{padding:12px 28px;background:#28251f;color:white}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);padding:9px 15px;border-radius:4px;background:#28251fe8;color:white;font-size:11px;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:820px){main{display:block;padding:25px 0}.intro{text-align:center;margin-bottom:25px}.intro>p{max-width:500px;margin:10px auto}.rules{justify-content:center}.game-card{max-width:660px;margin:auto}h1{font-size:62px}}@media(max-width:520px){main{width:100%;padding:10px 0}.intro{padding:10px 20px}.intro>p,.rules,.intro label{display:none}.intro{display:flex;align-items:center;justify-content:space-between}.intro h1{font-size:38px;margin:0}.intro .eyebrow{display:none}.intro>button{margin:0;padding:9px}.intro>button b{margin-left:8px}.game-card{border-left:0;border-right:0}.board-wrap{padding:12px}.game-card>header{height:58px}.actions button{padding:15px}}