:root{--bg:oklch(16% .04 268);--bg-deep:oklch(11% .04 268);--bg-rim:oklch(20% .05 268);--ink:oklch(96% .02 80);--ink-mute:oklch(72% .03 80);--ink-faint:oklch(48% .03 268);--gold:oklch(84% .15 80);--gold-soft:oklch(84% .15 80/.55);--gold-glow:oklch(84% .15 80/.18);--rose:oklch(72% .18 22);--thread:oklch(90% .1 80)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:radial-gradient(ellipse at 30% 10%, oklch(24% .07 280/.6) 0%, transparent 55%), radial-gradient(ellipse at 75% 85%, oklch(22% .08 320/.45) 0%, transparent 55%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 23% 17%,oklch(96% .02 80/.5),#0000 50%),radial-gradient(1px 1px at 67% 42%,oklch(96% .02 80/.3),#0000 50%),radial-gradient(1.4px 1.4px at 84% 12%,oklch(84% .15 80/.4),#0000 50%),radial-gradient(1px 1px at 12% 78%,oklch(96% .02 80/.35),#0000 50%),radial-gradient(1px 1px at 49% 88%,oklch(96% .02 80/.25),#0000 50%),radial-gradient(1.2px 1.2px at 91% 64%,oklch(96% .02 80/.35),#0000 50%),radial-gradient(1px 1px at 38% 33%,oklch(96% .02 80/.2),#0000 50%),radial-gradient(1px 1px at 7% 45%,oklch(84% .15 80/.3),#0000 50%);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}.game-wrap{flex-direction:column;max-width:1240px;min-height:100vh;margin:0 auto;padding:28px 36px 100px;display:flex}.game-header{border-bottom:1px solid oklch(96% .02 80/.08);justify-content:space-between;align-items:baseline;padding-bottom:18px;display:flex}.brand{align-items:baseline;gap:12px;display:flex}.brand-mark{color:var(--gold);font-size:18px;transform:translateY(-2px)}.brand-name{letter-spacing:.16em;font-family:DM Serif Display,serif;font-size:26px;font-weight:400}.brand-date{letter-spacing:.12em;color:var(--ink-mute);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:12px}.game-body{flex:1;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:48px;padding-top:28px;display:grid}.game-stage{aspect-ratio:1;touch-action:none;width:100%;max-width:720px;margin:0 auto;position:relative}.game-svg{touch-action:none;width:100%;height:100%;display:block;overflow:visible}.hoop{fill:none;stroke:oklch(96% .02 80/.06);stroke-width:1px}.hoop-outer{stroke:oklch(84% .15 80/.18);stroke-width:1.5px}.hoop-inner{stroke:oklch(96% .02 80/.04);stroke-dasharray:2 6}.center-mark circle{fill:var(--gold-soft)}.node{cursor:grab;transition:transform .2s}.node:active{cursor:grabbing}.node-bg{fill:oklch(20% .04 268);transition:fill .2s}.node-ring{fill:none;stroke:oklch(96% .02 80/.25);stroke-width:1.2px;transition:stroke .2s,stroke-width .2s}.node-halo{fill:oklch(84% .15 80/0);transition:fill .3s}.node-text{letter-spacing:.08em;fill:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,monospace;font-size:17px;font-weight:600}.node:hover .node-ring{stroke:oklch(84% .15 80/.6)}.node:hover .node-bg{fill:oklch(24% .05 268)}.node-selected .node-ring{stroke:var(--gold);stroke-width:1.8px;animation:1.4s ease-in-out infinite pulse-ring}.node-selected .node-halo{fill:oklch(84% .15 80/.18);animation:1.4s ease-in-out infinite pulse-halo}.node-selected .node-text{fill:var(--gold)}.node-touched .node-ring{stroke:oklch(84% .15 80/.5)}.node-touched .node-bg{fill:oklch(22% .05 268)}.node-touched .node-text{fill:oklch(92% .06 80)}.node-last .node-ring{stroke:var(--gold);stroke-width:1.6px}.node-last .node-halo{fill:oklch(84% .15 80/.12)}.node-last .node-text{fill:var(--gold)}.node-start .node-ring{stroke:var(--gold);stroke-width:1.85px;animation:1.2s ease-in-out infinite pulse-ring}.node-start .node-halo{fill:oklch(84% .15 80/.16)}.node-start .node-text{fill:var(--gold)}.node-shaking{animation:.45s both nodeShake}.node-shaking .node-bg{fill:oklch(32% .13 22)}.node-shaking .node-ring{stroke:var(--rose);stroke-width:1.8px}.node-shaking .node-text{fill:var(--ink)}@keyframes pulse-ring{0%,to{stroke-width:1.4px}50%{stroke-width:2.4px}}@keyframes pulse-halo{0%,to{fill:oklch(84% .15 80/.1)}50%{fill:oklch(84% .15 80/.24)}}@keyframes nodeShake{0%,to{filter:none}20%{filter:brightness(1.2)}}.thread-line{stroke:var(--thread);stroke-width:1.4px;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 4px oklch(84% .15 80/.5))}.thread-glow{stroke:oklch(84% .15 80/.25);stroke-width:5px;fill:none;stroke-linecap:round}.thread-new{stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--len);animation:.55s ease-out forwards drawThread;animation-delay:var(--delay,0s)}@keyframes drawThread{to{stroke-dashoffset:0}}.thread-draft{stroke:oklch(84% .15 80/.55);stroke-width:1.35px;stroke-linecap:round;fill:none;stroke-dasharray:5 5;pointer-events:none;filter:drop-shadow(0 0 3px oklch(84% .15 80/.35))}.thread-snap{stroke:var(--rose);stroke-width:1.4px;stroke-linecap:round;fill:none;stroke-dasharray:4 4;opacity:.85;filter:drop-shadow(0 0 4px oklch(72% .18 22/.6));animation:.42s ease-in forwards snapBack}@keyframes snapBack{0%{opacity:0;stroke-dashoffset:0}25%{opacity:.9}to{opacity:0;stroke-dashoffset:30px}}.spark{fill:var(--gold);transform-origin:50%;transform-box:fill-box;animation:.7s ease-out forwards sparkPop}@keyframes sparkPop{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(2.4)}to{opacity:0;transform:scale(4)}}.word-fly-layer{pointer-events:none;z-index:40;position:fixed;inset:0}.word-fly{left:var(--sx,50%);top:var(--sy,50%);color:var(--gold);letter-spacing:.06em;text-shadow:0 0 18px oklch(84% .15 80/.55);white-space:nowrap;font-family:DM Serif Display,serif;font-size:clamp(28px,5vw,44px);animation:.78s cubic-bezier(.33,1,.68,1) forwards wordFlyBank;position:absolute;transform:translate(-50%,-50%)}@keyframes wordFlyBank{0%{opacity:0;transform:translate(-50%,-50%)scale(.75)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}to{opacity:.92;transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(.88)}}.word-toast{color:var(--gold);letter-spacing:.06em;pointer-events:none;text-shadow:0 0 20px oklch(84% .15 80/.6);font-family:DM Serif Display,serif;font-size:56px;animation:1.6s ease-out forwards toastIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-40%)scale(.85)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-52%)scale(1)}to{opacity:0;transform:translate(-50%,-56%)scale(1.02)}}.game-side{flex-direction:column;justify-content:center;align-self:stretch;gap:24px;display:flex}.found-list{flex-direction:column;gap:14px;display:flex}.found-list-header{border-bottom:1px solid oklch(96% .02 80/.08);flex-direction:column;gap:4px;padding-bottom:14px;display:flex}.found-count{color:var(--gold);font-family:DM Serif Display,serif;font-size:38px;line-height:1}.found-of{color:var(--ink-mute);font-size:22px}.found-label{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);font-size:11px}.found-words{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.found-word{letter-spacing:.06em;grid-template-columns:32px 1fr;align-items:center;gap:14px;padding:7px 0;font-family:JetBrains Mono,monospace;font-size:14px;animation:.4s ease-out both wordIn;display:grid}.found-word-num{color:var(--ink-faint);font-size:11px}.found-word.placeholder .found-word-text{color:var(--ink-faint)}.found-word-a{color:var(--ink)}.found-word-b{color:var(--gold)}.dots{letter-spacing:.2em;opacity:.4}@keyframes wordIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.side-footer{border-top:1px solid oklch(96% .02 80/.08);flex-direction:column;gap:10px;padding-top:16px;display:flex}.footer-hint{letter-spacing:.08em;color:var(--ink-mute);font-size:11px;line-height:1.5}.btn{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:11px 22px;font-family:Manrope,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.btn-primary{background:var(--gold);color:oklch(18% .05 268);border-color:var(--gold)}.btn-primary:hover{background:oklch(90% .16 80)}.btn-ghost{color:var(--ink);background:0 0;border-color:oklch(96% .02 80/.2)}.btn-ghost:hover{background:oklch(96% .02 80/.06);border-color:oklch(96% .02 80/.4)}.btn-sm{align-self:flex-start;padding:7px 14px;font-size:11px}.status-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.02em;color:var(--ink-mute);z-index:10;background:oklch(14% .04 268/.85);border:1px solid oklch(96% .02 80/.1);border-radius:999px;align-items:center;gap:12px;max-width:90vw;padding:12px 22px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.status-dot{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:.4}50%{opacity:1}}.status-text{color:var(--ink)}.win-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:oklch(11% .04 268/.85);justify-content:center;align-items:center;padding:24px;animation:.6s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.win-card{text-align:center;background:radial-gradient(at top,oklch(22% .07 280/.6),#0000 70%),oklch(16% .04 268);border:1px solid oklch(84% .15 80/.3);border-radius:24px;max-width:520px;padding:56px 48px 44px;animation:.7s cubic-bezier(.2,.8,.2,1) both winRise;box-shadow:0 30px 80px oklch(5% .02 268/.6)}@keyframes winRise{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.win-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:11px}.win-title{text-wrap:balance;margin:0 0 16px;font-family:DM Serif Display,serif;font-size:38px;font-weight:400;line-height:1.15}.win-body{color:var(--ink-mute);text-wrap:pretty;margin:0 0 32px;font-size:15px;line-height:1.55}.win-actions{justify-content:center;gap:12px;margin-bottom:28px;display:flex}.win-domain{color:var(--ink-faint);letter-spacing:.18em;font-family:JetBrains Mono,monospace;font-size:11px}.loading,.error{text-align:center;place-items:center;min-height:100vh;padding:32px;display:grid}.message-card{background:oklch(16% .04 268);border:1px solid oklch(84% .15 80/.25);border-radius:24px;max-width:520px;padding:36px;box-shadow:0 30px 80px oklch(5% .02 268/.35)}.message-card h1{margin:0 0 12px;font-family:DM Serif Display,serif;font-size:32px;font-weight:400}.message-card p{color:var(--ink-mute);margin:0;line-height:1.55}@media (width<=920px){.game-body{grid-template-columns:1fr;gap:32px}.game-side{width:100%;max-width:480px;margin:0 auto}.game-wrap{padding:20px 20px 120px}}