:root{--paper:#f5efe1;--panel:#fffdf7;--ink:#231f19;--muted:#746b5d;--line:#46341e29;--line-strong:#46341e57;--wood:#d7a75f;--blue:#1d5b7a;--red:#b33b2e;--display:Georgia, "Times New Roman", serif;--sans:Avenir Next, Avenir, Optima, Candara, sans-serif;color:var(--ink);background:linear-gradient(90deg, #231f1909 1px, transparent 1px), linear-gradient(#231f1909 1px, transparent 1px), var(--paper);font:16px/1.45 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:34px 34px}*{box-sizing:border-box}body{min-width:320px;margin:0}h1,h2,h3{color:var(--ink);font-family:var(--display);letter-spacing:0;font-weight:900}h1{margin:0;font-size:clamp(38px,6vw,68px);line-height:.95}p{margin:0}button,input{font:inherit}.shell{box-sizing:border-box;width:min(1180px,100vw - 32px);min-height:100svh;margin:0 auto}.home-shell{place-items:center;padding:32px 0;display:grid}.home-panel{border:1px solid var(--line);background:linear-gradient(135deg, #ffffffe6, #f4eddeb8), var(--panel);gap:22px;width:min(520px,100%);padding:36px;display:grid;box-shadow:0 20px 70px #362a1b1f}.brand-mark{border:2px solid var(--ink);background:var(--wood);width:72px;height:72px;color:var(--ink);font-family:var(--display);place-items:center;font-size:42px;line-height:1;display:grid}.home-copy{gap:10px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.lede{max-width:44ch;color:var(--muted)}.field{color:var(--muted);gap:8px;font-size:13px;font-weight:700;display:grid}input{box-sizing:border-box;border:1px solid var(--line-strong);width:100%;min-width:0;color:var(--ink);font:inherit;background:#ffffffb8;border-radius:6px;padding:12px 14px}input:focus{outline-offset:2px;outline:2px solid #1d5b7a57}button{font:inherit}.primary-action,.secondary-action,.ghost-action{cursor:pointer;border:1px solid #0000;border-radius:6px;min-height:44px;font-weight:800;transition:transform .15s,border-color .15s,background .15s}.primary-action{background:var(--ink);color:#fffdf7;padding:0 18px}.secondary-action{background:var(--blue);color:#f7fbff;width:100%;padding:0 14px}.ghost-action{border-color:var(--line);color:var(--ink);background:#ffffff80;padding:0 14px}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.ghost-action:hover:not(:disabled){transform:translateY(-1px)}.primary-action:disabled,.board-cell:disabled{cursor:not-allowed}.form-error{color:var(--red);margin:0;font-weight:700}.game-shell{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;padding:24px 0;display:grid}.board-zone,.side-panel{min-width:0}.room-strip{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.room-strip h1{text-align:right;margin:2px 0 0;font-size:26px}.board-wrap{aspect-ratio:1;box-sizing:border-box;background:var(--wood);border:2px solid #5f4324;width:min(100%,100svh - 92px);min-width:280px;margin:0 auto;padding:clamp(18px,3.4vw,34px);box-shadow:inset 0 0 0 1px #ffffff52,0 22px 60px #4a372033}.board-grid{isolation:isolate;width:100%;height:100%;position:relative}.board-grid:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,#472f15c2 0 1px,#0000 1px 7.14286%),repeating-linear-gradient(#472f15c2 0 1px,#0000 1px 7.14286%);position:absolute;inset:0}.board-grid:after{content:"";z-index:0;pointer-events:none;border-bottom:1px solid #472f15c2;border-right:1px solid #472f15c2;position:absolute;inset:0}.board-cell{z-index:1;aspect-ratio:1;background:0 0;border:0;border-radius:999px;place-items:center;width:clamp(20px,5.4vw,42px);padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.board-cell:not(:disabled):hover{background:#fff3}.board-cell span,.seat-stone{border-radius:999px;display:block}.board-cell span{aspect-ratio:1;width:84%}.board-cell.is-target span{outline-offset:2px;background:#fffdf75c;outline:2px dashed #1d5b7abf}.board-cell.is-target.target-black span{background:radial-gradient(circle at 34% 30%,#6c665d8a 0 8%,#0000 9%),radial-gradient(circle at 36% 30%,#2a2926bd,#050505bd 68%)}.board-cell.is-target.target-white span{background:radial-gradient(circle at 35% 28%,#ffffffb8 0 10%,#0000 11%),radial-gradient(circle at 38% 35%,#fffdf7c2,#d9d3c8c2 74%)}.stone-black span,.seat-stone.stone-black{background:radial-gradient(circle at 32% 28%,#6c665d 0 8%,#0000 9%),radial-gradient(circle at 36% 30%,#2a2926,#050505 68%);box-shadow:0 4px 10px #0000006b}.stone-white span,.seat-stone.stone-white{background:radial-gradient(circle at 35% 28%,#fff 0 10%,#0000 11%),radial-gradient(circle at 38% 35%,#fffdf7,#d9d3c8 74%);box-shadow:inset 0 0 0 1px #544d4238,0 4px 10px #0003}.board-cell.is-last:after{content:"";aspect-ratio:1;background:var(--red);border-radius:999px;width:18%;position:absolute}.board-cell.is-winning span{outline:3px solid var(--blue);outline-offset:2px}.side-panel{gap:14px;display:grid}.status-card,.player-seat,.invite-panel{border:1px solid var(--line);background:#fffdf7c7;border-radius:8px;box-shadow:0 12px 38px #362a1b14}.status-card{gap:10px;padding:20px;display:grid}.status-card h2,.player-seat h3{margin:0}.status-card p,.player-seat p{color:var(--muted);margin:0}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 0;display:grid}.stats div{background:#1d5b7a14;border-radius:6px;padding:12px}.stats dt{color:var(--muted);font-size:12px;font-weight:700}.stats dd{color:var(--ink);margin:2px 0 0;font-size:20px;font-weight:900}.players{gap:10px;display:grid}.player-seat{grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.seat-stone{width:34px;height:34px}.invite-panel{gap:10px;padding:16px;display:grid}.result-overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 50% 42%,#fffdf7db,#231f1947 62%),#231f1957;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.result-dialog{z-index:2;background:linear-gradient(180deg, #fffdf7fa, #f4eddef5), var(--panel);text-align:center;border:1px solid #46341e38;border-radius:8px;justify-items:center;gap:12px;width:min(420px,100%);padding:30px;display:grid;position:relative;box-shadow:0 26px 90px #231f1952}.result-dialog h2{margin:0;font-size:clamp(34px,8vw,58px);line-height:.95}.result-dialog p:not(.eyebrow){color:var(--muted);margin:0;font-weight:700}.result-stone{aspect-ratio:1;border-radius:999px;place-items:center;width:66px;display:grid}.result-stone span{aspect-ratio:1;border-radius:999px;width:84%;display:block}.result-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:10px;display:grid}.celebration-effect{pointer-events:none;position:absolute;inset:0;overflow:hidden}.celebration-effect:before{content:"";aspect-ratio:1;background:repeating-conic-gradient(from -8deg, #d7a75f6b 0 9deg, transparent 9deg 18deg);opacity:0;border-radius:999px;width:min(72vw,520px);animation:.9s ease-out forwards result-burst;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)scale(.45)rotate(0)}.celebration-effect span{background:var(--blue);opacity:0;border-radius:3px;width:10px;height:22px;animation:1.2s cubic-bezier(.18,.84,.3,1) forwards confetti-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.celebration-effect span:nth-child(3n){background:var(--red)}.celebration-effect span:nth-child(3n+1){background:#d7a75f}.celebration-effect span:first-child{--tx:-180px;--ty:-150px;--rotate:28deg}.celebration-effect span:nth-child(2){--tx:-122px;--ty:-214px;--rotate:-42deg;animation-delay:40ms}.celebration-effect span:nth-child(3){--tx:-40px;--ty:-242px;--rotate:68deg;animation-delay:80ms}.celebration-effect span:nth-child(4){--tx:62px;--ty:-228px;--rotate:-18deg;animation-delay:20ms}.celebration-effect span:nth-child(5){--tx:152px;--ty:-168px;--rotate:54deg;animation-delay:.1s}.celebration-effect span:nth-child(6){--tx:206px;--ty:-88px;--rotate:-64deg;animation-delay:70ms}.celebration-effect span:nth-child(7){--tx:218px;--ty:18px;--rotate:31deg;animation-delay:.12s}.celebration-effect span:nth-child(8){--tx:180px;--ty:118px;--rotate:-26deg;animation-delay:55ms}.celebration-effect span:nth-child(9){--tx:100px;--ty:198px;--rotate:74deg;animation-delay:95ms}.celebration-effect span:nth-child(10){--tx:-8px;--ty:226px;--rotate:-38deg;animation-delay:45ms}.celebration-effect span:nth-child(11){--tx:-112px;--ty:194px;--rotate:20deg;animation-delay:.105s}.celebration-effect span:nth-child(12){--tx:-190px;--ty:102px;--rotate:-78deg;animation-delay:75ms}.celebration-effect span:nth-child(13){--tx:-222px;--ty:-10px;--rotate:46deg;animation-delay:.13s}.celebration-effect span:nth-child(14){--tx:-232px;--ty:-88px;--rotate:-12deg;animation-delay:35ms}.celebration-effect span:nth-child(15){--tx:-70px;--ty:-176px;--rotate:92deg;animation-delay:.145s}.celebration-effect span:nth-child(16){--tx:76px;--ty:-154px;--rotate:-54deg;animation-delay:.115s}.celebration-effect span:nth-child(17){--tx:146px;--ty:176px;--rotate:18deg;animation-delay:60ms}.celebration-effect span:nth-child(18){--tx:-150px;--ty:162px;--rotate:-32deg;animation-delay:90ms}@keyframes result-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(0)}55%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.08)rotate(10deg)}}@keyframes confetti-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1) rotate(var(--rotate))}}@media (width<=900px){.game-shell{grid-template-columns:1fr}.board-wrap{width:min(100%,680px)}.side-panel{grid-template-columns:1fr}}@media (width<=560px){.shell{width:min(100vw - 20px,1180px)}.home-panel{padding:24px}.room-strip{align-items:flex-start}.room-strip h1{font-size:20px}.result-actions{grid-template-columns:1fr}}