*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}:root{--wood-a: #f2d29a;--wood-b: #e4bb7a;--wood-c: #d9ab63;--frame-a: #b6803f;--frame-b: #8a5a2c;--grain-dark: rgba(120, 74, 28, .1);--grain-light: rgba(255, 246, 224, .14);--grid-line: rgba(88, 52, 18, .55);--hoshi: rgba(70, 40, 12, .8);--board-shadow: rgba(60, 36, 12, .38)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--wood-a: #6f4e2e;--wood-b: #5a3d22;--wood-c: #4a3019;--frame-a: #4a3320;--frame-b: #2e1e0f;--grain-dark: rgba(0, 0, 0, .22);--grain-light: rgba(255, 214, 158, .07);--grid-line: rgba(18, 9, 2, .72);--hoshi: rgba(12, 6, 1, .9);--board-shadow: rgba(0, 0, 0, .55)}}:root[data-theme=dark]{--wood-a: #6f4e2e;--wood-b: #5a3d22;--wood-c: #4a3019;--frame-a: #4a3320;--frame-b: #2e1e0f;--grain-dark: rgba(0, 0, 0, .22);--grain-light: rgba(255, 214, 158, .07);--grid-line: rgba(18, 9, 2, .72);--hoshi: rgba(12, 6, 1, .9);--board-shadow: rgba(0, 0, 0, .55)}#app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.game{width:min(92vw,460px);display:flex;flex-direction:column;gap:14px}.crumb{font-size:14px}.crumb a{color:var(--accent);text-decoration:none;font-weight:700}.crumb a:hover{text-decoration:underline}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.title{font-size:clamp(30px,8.5vw,44px);font-weight:800;line-height:1;letter-spacing:-1px}.stats{display:flex;gap:8px}.stat{background:var(--board-bg);color:var(--accent-text);border-radius:8px;padding:6px 12px;text-align:center;min-width:54px;box-shadow:0 1px 2px #0000002e,inset 0 1px #ffffff1f}.stat .label{font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.85;font-weight:700}.stat .value{font-size:20px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.status{font-size:16px;font-weight:700;text-align:center;min-height:22px}.board{position:relative;padding:3.4%;border-radius:16px;background:linear-gradient(150deg,var(--frame-a),var(--frame-b));box-shadow:0 16px 34px var(--board-shadow),0 3px 8px #00000038,inset 0 1px #ffffff29,inset 0 -3px 8px #00000052}.grid{display:grid;grid-template-columns:repeat(15,1fr);gap:0;width:100%;padding:2.6%;border-radius:8px;background-color:var(--wood-b);background-image:repeating-linear-gradient(90deg,transparent 0 5px,var(--grain-dark) 5px 6px,transparent 6px 13px),repeating-linear-gradient(90deg,transparent 0 9px,var(--grain-light) 9px 10px,transparent 10px 21px),linear-gradient(102deg,var(--wood-a) 0%,var(--wood-b) 42%,var(--wood-c) 70%,var(--wood-b) 100%);box-shadow:inset 0 0 0 1px #00000024,inset 0 2px 10px #ffffff1f,inset 0 -10px 22px #00000029}.cell{aspect-ratio:1 / 1;position:relative;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.cell:before{--lw: 1.3px;content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--grid-line),var(--grid-line)) 50% 50% / 100% var(--lw) no-repeat,linear-gradient(var(--grid-line),var(--grid-line)) 50% 50% / var(--lw) 100% no-repeat}.cell:nth-child(-n+15):before{background:linear-gradient(var(--grid-line),var(--grid-line)) 50% 50% / 100% var(--lw) no-repeat,linear-gradient(var(--grid-line),var(--grid-line)) 50% 100% / var(--lw) 50% no-repeat}.cell:nth-child(n+211):before{background:linear-gradient(var(--grid-line),var(--grid-line)) 50% 50% / 100% var(--lw) no-repeat,linear-gradient(var(--grid-line),var(--grid-line)) 50% 0% / var(--lw) 50% no-repeat}.cell:nth-child(15n+1):before{background:linear-gradient(var(--grid-line),var(--grid-line)) 100% 50% / 50% var(--lw) no-repeat,linear-gradient(var(--grid-line),var(--grid-line)) 50% 50% / var(--lw) 100% no-repeat}.cell:nth-child(15n):before{background:linear-gradient(var(--grid-line),var(--grid-line)) 0% 50% / 50% var(--lw) no-repeat,linear-gradient(var(--grid-line),var(--grid-line)) 50% 50% / var(--lw) 100% no-repeat}.cell:nth-child(1):before{background:linear-gradient(var(--grid-line),var(--grid-line)) 100% 50% / 50% var(--lw) no-repeat,linear-gradient(var(--grid-line),var(--grid-line)) 50% 100% / var(--lw) 50% no-repeat}.cell:nth-child(15):before{background:linear-gradient(var(--grid-line),var(--grid-line)) 0% 50% / 50% var(--lw) no-repeat,linear-gradient(var(--grid-line),var(--grid-line)) 50% 100% / var(--lw) 50% no-repeat}.cell:nth-child(211):before{background:linear-gradient(var(--grid-line),var(--grid-line)) 100% 50% / 50% var(--lw) no-repeat,linear-gradient(var(--grid-line),var(--grid-line)) 50% 0% / var(--lw) 50% no-repeat}.cell:nth-child(225):before{background:linear-gradient(var(--grid-line),var(--grid-line)) 0% 50% / 50% var(--lw) no-repeat,linear-gradient(var(--grid-line),var(--grid-line)) 50% 0% / var(--lw) 50% no-repeat}.cell[data-i="48"]:after,.cell[data-i="52"]:after,.cell[data-i="56"]:after,.cell[data-i="108"]:after,.cell[data-i="112"]:after,.cell[data-i="116"]:after,.cell[data-i="168"]:after,.cell[data-i="172"]:after,.cell[data-i="176"]:after{content:"";position:absolute;top:50%;left:50%;width:20%;height:20%;transform:translate(-50%,-50%);border-radius:50%;background:var(--hoshi);z-index:0;pointer-events:none}.cell.taken{cursor:default}.cell.cursor{outline:2px solid color-mix(in srgb,var(--accent) 80%,transparent);outline-offset:-2px;border-radius:4px;z-index:4}.cell:not(.taken):hover .stone{transform:scale(.88);opacity:.5;background:radial-gradient(circle at 38% 34%,#4a4a4e,#101012 72%)}.stone{width:84%;height:84%;border-radius:50%;transform:scale(0);opacity:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .15s ease;position:relative;z-index:1}.stone.filled{transform:scale(1)}.stone.b{background:radial-gradient(circle at 33% 27%,#ffffff8c 0 3%,#fff0 20%),radial-gradient(circle at 40% 36%,#5c5c60,#1c1c1e 52%,#050506);box-shadow:inset 0 2px 2px #ffffff1f,inset 0 -3px 4px #0009,0 3px 5px #00000073}.stone.w{background:radial-gradient(circle at 33% 27%,#fffffff2 0 4%,#fff0 22%),radial-gradient(circle at 40% 36%,#fff,#ece7dd 52%,#cabfae);box-shadow:inset 0 2px 2px #ffffffb3,inset 0 -3px 4px #786c5c66,0 3px 5px #00000057}.stone.last:after{content:"";position:absolute;top:50%;left:50%;width:22%;height:22%;transform:translate(-50%,-50%);border-radius:50%;z-index:2}.stone.b.last:after{background:#ffffffeb}.stone.w.last:after{background:#1c140cc7}.stone.win{z-index:3;animation:winGlow 1.15s ease-in-out infinite}@keyframes winGlow{0%,to{filter:drop-shadow(0 0 2px rgba(240,196,25,.75))}50%{filter:drop-shadow(0 0 10px rgba(240,196,25,1))}}@media(prefers-reduced-motion:reduce){.stone{transition:transform 90ms ease,opacity 90ms ease}.stone.win{animation:none;filter:drop-shadow(0 0 6px rgba(240,196,25,.95))}}.controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.how{font-size:13px;opacity:.85;flex:1;line-height:1.4}.how b{font-weight:700}.btn{background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:filter .12s ease,transform .12s ease;box-shadow:0 2px 5px #0000002e}.btn:hover{filter:brightness(1.05)}.btn:active{filter:brightness(.95);transform:translateY(1px)}@media(max-width:390px){.game{gap:12px}.board{padding:3%}.grid{padding:2.2%}}