:root{color:#24211d;font-synthesis:none;--ink:#24211d;--red:#9f2f27;--paper:#f0e8d7;background:#d9cfba;font-family:Songti SC,STSong,Noto Serif CJK SC,Georgia,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 20%,#ffffff8c,#0000 25%),repeating-linear-gradient(8deg,#0000 0 11px,#30251606 12px 13px),#ded4bf;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #bd5b3c}.page-shell{width:min(1220px,100% - 48px);margin:0 auto;padding:34px 0 44px}.masthead{border-bottom:1px solid #24211d47;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-bottom:22px;display:grid}.brand-mark{color:#f1e8d7;background:var(--red);place-items:center;width:64px;height:64px;font-size:35px;font-weight:700;display:grid;transform:rotate(-2deg);box-shadow:inset 0 0 0 4px #ffffff24}.eyebrow{letter-spacing:.19em;color:#6f6556;margin:0 0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}h1{letter-spacing:.02em;margin:0;font-size:clamp(32px,5vw,50px);line-height:.95}h1 i{color:var(--red);font-weight:400}.intro{text-align:right;color:#655d52;margin:0;font-size:14px;line-height:1.7}.game-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:42px;margin-top:32px;display:grid}.control-panel{padding-top:45px}.control-group{margin-bottom:28px}.control-label{letter-spacing:.18em;color:#756a59;margin-bottom:10px;font-size:12px;display:block}.segmented{border:1px solid #8f826e;grid-template-columns:1fr 1fr;display:grid}.segmented button{color:#5b5347;cursor:pointer;background:#f0e8d766;border:0;padding:12px 6px}.segmented button+button{border-left:1px solid #8f826e}.segmented button.active{color:var(--paper);background:var(--ink)}.mini{vertical-align:-1px;border-radius:50%;width:13px;height:13px;margin-right:6px;display:inline-block;box-shadow:0 1px 2px #0005}.mini.black{background:#191815}.mini.white{background:#f4efe4;border:1px solid #a49b8c}.difficulty-list{border-top:1px solid #998d7a}.difficulty-list button{color:#6c6254;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #998d7a;justify-content:space-between;align-items:baseline;width:100%;padding:12px 4px;display:flex}.difficulty-list button span{font-size:18px}.difficulty-list button small{font-size:11px}.difficulty-list button.active{color:var(--red);border-left:4px solid var(--red);padding-left:12px;font-weight:700}.panel-actions{gap:9px;margin-top:38px;display:grid}.ink-button,.plain-button{cursor:pointer;padding:12px}.ink-button{border:1px solid var(--ink);color:var(--paper);background:var(--ink)}.ink-button:disabled{opacity:.32;cursor:not-allowed}.plain-button{color:#4e473e;background:0 0;border:1px solid #817663}.board-area{min-width:0}.status-strip{color:#6a6052;grid-template-columns:180px 1fr auto;align-items:center;gap:16px;min-height:45px;font-size:13px;display:grid}.status-strip p{text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.status-strip strong{color:var(--ink);font-size:16px}.status-dot{background:var(--red);border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block}.status-dot.pulse{animation:1s infinite pulse}.move-count{font-family:ui-monospace,monospace}@keyframes pulse{50%{opacity:.25;transform:scale(.72)}}.board-frame{aspect-ratio:1;background:#ba8a4f;border:8px solid #7d552f;width:min(100%,720px);padding:clamp(17px,3vw,31px);position:relative;box-shadow:0 17px 35px #37281740,inset 0 0 25px #4b280d47}.board-frame:after{content:"";pointer-events:none;border:1px solid #fff5d547;position:absolute;inset:8px}.board{background:linear-gradient(#623d191a,#623d191a),#c99b5b;grid-template-rows:repeat(15,1fr);width:100%;height:100%;display:grid}.board-row{grid-template-columns:repeat(15,1fr);display:grid}.intersection{cursor:pointer;background:0 0;border:0;min-width:0;padding:0;position:relative}.intersection:before,.intersection:after{content:"";pointer-events:none;background:#2c1e0fb3;position:absolute}.intersection:before{height:1px;top:50%;left:0;right:0}.intersection:after{width:1px;top:0;bottom:0;left:50%}.board-row:first-child .intersection:after{top:50%}.board-row:last-child .intersection:after{bottom:50%}.intersection:first-child:before{left:50%}.intersection:last-child:before{right:50%}.intersection.star:not(.occupied){background:radial-gradient(circle,#342414 0 3px,#0000 3.5px)}.intersection:not(:disabled):hover{background:radial-gradient(circle,#31251638 0 36%,#0000 39%)}.stone{z-index:2;border-radius:50%;width:84%;height:84%;transition:transform .16s;animation:.18s ease-out drop;position:absolute;top:8%;left:8%}.stone.black{background:radial-gradient(circle at 34% 28%,#5d5b55,#181714 44%,#050505 80%);box-shadow:1px 3px 5px #4e3018aa}.stone.white{background:radial-gradient(circle at 35% 27%,#fff,#eee8da 54%,#c5baaa 90%);box-shadow:1px 3px 5px #4e301888}.intersection.last .stone:after{content:"";background:#ad382b;border-radius:50%;width:20%;height:20%;position:absolute;top:40%;left:40%}.intersection.win .stone{transform:scale(.94);box-shadow:0 0 0 4px #b63f2f,0 0 16px 4px #b63f2fa6}.intersection.win .stone:after{background:#b63f2f}@keyframes drop{0%{opacity:.45;transform:scale(1.4)}}.legend{color:#5f574c;align-items:center;gap:22px;width:min(100%,720px);margin-top:15px;font-size:12px;display:flex}.legend em{color:#8e342c;margin-left:auto;font-style:normal}@media (width<=850px){.page-shell{width:min(100% - 28px,720px);padding-top:20px}.game-layout{grid-template-columns:1fr;gap:15px;margin-top:18px}.control-panel{grid-template-columns:1fr 1.35fr auto;align-items:end;gap:12px;padding:0;display:grid}.control-group{margin:0}.difficulty-list{border:1px solid #998d7a;grid-template-columns:repeat(3,1fr);display:grid}.difficulty-list button{text-align:center;border:0;border-right:1px solid #998d7a;padding:9px 4px;display:block}.difficulty-list button:last-child{border-right:0}.difficulty-list button small{display:none}.difficulty-list button span{font-size:14px}.difficulty-list button.active{border-left:0;border-bottom:4px solid var(--red);padding-left:4px}.panel-actions{grid-template-columns:1fr;margin:0}.plain-button{display:none}.status-strip{grid-template-columns:105px 1fr auto}}@media (width<=560px){.page-shell{width:100%;padding:15px 10px 25px}.masthead{grid-template-columns:auto 1fr;padding:0 5px 14px}.brand-mark{width:48px;height:48px;font-size:27px}.intro{display:none}.eyebrow{letter-spacing:.1em;font-size:8px}.control-panel{grid-template-columns:.85fr 1.25fr}.panel-actions{grid-column:1/-1}.ink-button{padding:9px}.control-label{margin-bottom:6px;font-size:10px}.segmented button{padding:9px 2px}.status-strip{grid-template-columns:92px 1fr auto;gap:7px;min-height:41px;font-size:11px}.status-strip strong{font-size:13px}.status-strip p{text-align:left}.board-frame{border-width:5px;padding:14px}.legend{gap:11px;padding:0 4px}.legend em{display:none}}