:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ai-primary:#7c5cff;--ai-accent:#f5d142;--ai-hue1:#7c5cff;--ai-hue2:#4cc9f0;--ai-hue3:#f72585;--ai-font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--color-primary:var(--ai-primary);--color-accent:var(--ai-accent);--font-family:var(--ai-font);--bg-0:#07080c;--bg-1:#0c0e15;--bg-2:#11141d;--text:#ecedf2;--text-dim:#9aa0b3;--text-soft:#c7cbd9;--glass-tint:255, 255, 255;--glass-opacity:.06;--glass-border:#ffffff24;--glass-blur:22px;--glass-saturate:160%;--glass-radius:22px;--glass-radius-lg:28px;--glass-radius-sm:14px;--noise-opacity:.045;--noise-blend:overlay;--specular-strength:.55;--specular-radius:420px;--specular-tint:255, 255, 255;--specular-x:50%;--specular-y:50%;--halo-strength:.45;--halo-radius:540px;--state-correct:#2fd47a;--state-partial:#f5c518;--state-wrong:#5b6172;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-glide:cubic-bezier(.65, 0, .35, 1);--dur-fast:.18s;--dur:.32s;--dur-slow:.68s;font-size:16px}.motion-still{--dur-fast:0s;--dur:0s;--dur-slow:0s}.motion-gentle{--dur-fast:.2s;--dur:.36s;--dur-slow:.72s}.motion-lively{--dur-fast:.14s;--dur:.24s;--dur-slow:.48s}.surface-glass{--glass-opacity:.06;--glass-blur:22px;--glass-saturate:160%;--noise-opacity:.045}.surface-frosted{--glass-opacity:.1;--glass-blur:32px;--glass-saturate:140%;--noise-opacity:.06}.surface-crystal{--glass-opacity:.04;--glass-blur:12px;--glass-saturate:200%;--noise-opacity:.03;--specular-strength:.75}.surface-paper{--glass-opacity:.92;--glass-blur:0px;--glass-saturate:100%;--noise-opacity:.1;--glass-tint:248, 245, 238}.surface-matte{--glass-opacity:.88;--glass-blur:0px;--glass-saturate:100%;--noise-opacity:.05;--glass-tint:18, 20, 28}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}*{box-sizing:border-box}html,body{min-height:100svh;margin:0;padding:0}#root{min-height:100svh}body{background:var(--bg-0);color:var(--text);font-family:var(--font-family);letter-spacing:-.005em;overflow-x:hidden}h1,h2,h3{font-family:inherit;font-weight:600}p{margin:0}button{font-family:inherit}.scene{z-index:-2;background:var(--bg-0);isolation:isolate;position:fixed;inset:0;overflow:hidden}.scene:after{content:"";pointer-events:none;background:radial-gradient(at 50% 120%,#0000 30%,#0000008c 100%);position:absolute;inset:0}.scene__blob{filter:blur(70px);opacity:.85;mix-blend-mode:screen;animation:blobDrift var(--blob-dur,22s) var(--ease-glide) infinite alternate;will-change:transform, border-radius;border-radius:50%;position:absolute}@keyframes blobDrift{0%{border-radius:60% 40% 55% 45%/50% 60% 40% 50%;transform:translate(0,0)scale(1)}25%{border-radius:45% 55% 60% 40%/55% 45% 65% 35%;transform:translate(8%,-6%)scale(1.08)}50%{border-radius:50% 50% 40% 60%/60% 40% 50% 50%;transform:translate(-4%,8%)scale(.95)}75%{border-radius:55% 45% 50% 50%/45% 55% 55% 45%;transform:translate(6%,4%)scale(1.04)}to{border-radius:40% 60% 45% 55%/55% 45% 60% 40%;transform:translate(-7%,-4%)scale(1.02)}}.scene--aurora .scene__blob{background:radial-gradient(circle, var(--ai-hue1), transparent 60%)}.scene--aurora .scene__blob:nth-child(2){background:radial-gradient(circle, var(--ai-hue2), transparent 60%);animation-duration:28s}.scene--aurora .scene__blob:nth-child(3){background:radial-gradient(circle, var(--ai-hue3), transparent 60%);animation-duration:34s}.scene--dunes{background:linear-gradient(#1a1208 0%,#0a0805 100%)}.scene--dunes .scene__blob{background:radial-gradient(circle, var(--ai-hue1), transparent 65%);opacity:.5}.scene--tide{background:linear-gradient(#061a25 0%,#03080d 100%)}.scene--tide .scene__blob{background:radial-gradient(circle, var(--ai-hue2), transparent 60%)}.scene--mesh .scene__blob{filter:blur(90px);opacity:.7}.scene--nebula{background:radial-gradient(at top,#1a0838 0%,#06040d 100%)}.scene--nebula .scene__blob{mix-blend-mode:lighten}.scene--meadow{background:linear-gradient(#0a1a0e 0%,#04080a 100%)}.scene--meadow .scene__blob{opacity:.5;background:radial-gradient(circle,#6dd58c,#0000 60%)}.scene--monolith{background:linear-gradient(#0a0a0d 0%,#050505 100%)}.scene--monolith .scene__blob{opacity:.35}.scene--paper{background:#f3eee2}.scene--paper .scene__blob{mix-blend-mode:multiply;opacity:.18;filter:blur(60px)}.scene--cathedral{background:radial-gradient(at top,#1a0d2e 0%,#060309 100%)}.scene--cathedral .scene__blob{background:radial-gradient(circle, var(--ai-hue1), transparent 70%);opacity:.6}.scene--arctic{background:linear-gradient(#0c1622 0%,#050810 100%)}.scene--arctic .scene__blob{opacity:.4;background:radial-gradient(circle,#b4dcff,#0000 65%)}.scene--lava{background:radial-gradient(at bottom,#2a0606 0%,#060101 100%)}.scene--lava .scene__blob{background:radial-gradient(circle,#ff6a3d,#0000 60%)}.scene--lagoon{background:linear-gradient(#052028 0%,#02080c 100%)}.scene--lagoon .scene__blob{background:radial-gradient(circle,#4dd6c0,#0000 60%)}.scene__grain{opacity:.18;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.6'/></svg>");animation:8s steps(8,end) infinite grainShift;position:absolute;inset:-50%}@keyframes grainShift{0%{transform:translate(0)}20%{transform:translate(-2%,3%)}40%{transform:translate(3%,-2%)}60%{transform:translate(-3%,-3%)}80%{transform:translate(2%,4%)}to{transform:translate(0)}}.lg{background:rgba(var(--glass-tint), var(--glass-opacity));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-radius:var(--glass-radius);border:1px solid var(--glass-border);isolation:isolate;transition:border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000040,0 30px 60px -30px #0000008c,0 6px 18px -6px #00000059}.lg:before{content:"";background:radial-gradient(var(--specular-radius) circle at var(--specular-x,50%) var(--specular-y,50%), rgba(var(--specular-tint), calc(var(--specular-strength) * .55)) 0%, rgba(var(--specular-tint), calc(var(--specular-strength) * .18)) 22%, transparent 55%);pointer-events:none;mix-blend-mode:screen;opacity:var(--specular-show,0);transition:opacity var(--dur) var(--ease-out);z-index:1;position:absolute;inset:0}.lg:after{content:"";opacity:var(--noise-opacity);mix-blend-mode:var(--noise-blend);pointer-events:none;z-index:2;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.lg.has-cursor:before{opacity:1}.lg.lg--lg{border-radius:var(--glass-radius-lg)}.lg.lg--sm{border-radius:var(--glass-radius-sm)}.lg.lg--edged:before{background:radial-gradient(var(--specular-radius) circle at var(--specular-x,50%) var(--specular-y,50%), rgba(var(--specular-tint), calc(var(--specular-strength) * .7)) 0%, transparent 55%), linear-gradient(120deg, #ffffff1a 0%, transparent 30%, transparent 70%, #ffffff0d 100%)}.lg.lg--interactive{cursor:pointer;transition:transform var(--dur) var(--ease-spring), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out)}.lg.lg--interactive:hover{border-color:#ffffff38;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #00000040,0 40px 80px -30px #0009,0 12px 28px -8px #00000073}.lg.lg--interactive:active{transform:translateY(0)}.btn{font:inherit;letter-spacing:-.01em;border:1px solid var(--glass-border);background:rgba(var(--glass-tint), .08);-webkit-backdrop-filter:blur(14px)saturate(160%);color:var(--text);cursor:pointer;isolation:isolate;transition:transform var(--dur-fast) var(--ease-spring), background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff29 0%,#0000 50%,#ffffff0a 100%);position:absolute;inset:0}.btn:hover{border-color:#ffffff47;transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{color:#0b0c10;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 92%, white 8%) 0%, var(--color-primary) 100%);border-color:color-mix(in srgb, var(--color-primary) 60%, white 40%);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 50%, transparent), 0 12px 32px -8px color-mix(in srgb, var(--color-primary) 50%, transparent)}.btn--primary:hover{box-shadow:0 0 0 1px var(--color-primary), 0 16px 40px -10px color-mix(in srgb, var(--color-primary) 60%, transparent)}.btn--accent{background:linear-gradient(135deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 70%, black 30%));color:#0b0c10;border-color:color-mix(in srgb, var(--color-accent) 60%, white 40%)}.btn--ghost{background:rgba(var(--glass-tint), .04)}.field{background:rgba(var(--glass-tint), .05);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);color:var(--text);font:inherit;transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.field:focus-within{border-color:color-mix(in srgb, var(--color-primary) 80%, white 20%)}select.field,input.field{appearance:none;padding:10px 16px}select.field{background-image:linear-gradient(45deg, transparent 50%, var(--text-soft) 50%), linear-gradient(135deg, var(--text-soft) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.field option{background:var(--bg-2);color:var(--text)}.blob-loader{width:var(--blob-size,48px);height:var(--blob-size,48px);filter:url(#blob-goo);display:inline-block;position:relative}.blob-loader__dot{background:var(--blob-color,var(--color-primary));width:60%;height:60%;animation:blobOrbit var(--blob-spin,1.6s) ease-in-out infinite;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--blob-color,var(--color-primary)) 60%, transparent));border-radius:50%;position:absolute;top:20%;left:20%}.blob-loader__dot:first-child{background:var(--blob-color,var(--color-primary));animation-delay:0s}.blob-loader__dot:nth-child(2){background:var(--ai-hue2);animation-delay:-.3s}.blob-loader__dot:nth-child(3){background:var(--ai-hue3,var(--color-accent));animation-delay:-.6s}.blob-loader__dot:nth-child(4){background:var(--color-accent);animation-delay:-.9s}@keyframes blobOrbit{0%,to{transform:translate(-30%)scale(.8)}25%{transform:translateY(-30%)scale(1.15)}50%{transform:translate(30%)scale(.9)}75%{transform:translateY(30%)scale(1.1)}}.blob-pulse{width:var(--blob-size,14px);height:var(--blob-size,14px);background:var(--blob-color,var(--color-accent));box-shadow:0 0 0 0 color-mix(in srgb, var(--blob-color,var(--color-accent)) 70%, transparent);animation:blobPulse 1.6s var(--ease-out) infinite;border-radius:50%;display:inline-block}@keyframes blobPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--blob-color,var(--color-accent)) 70%, transparent)}70%{box-shadow:0 0 0 14px color-mix(in srgb, var(--blob-color,var(--color-accent)) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--blob-color,var(--color-accent)) 0%, transparent)}}@keyframes riseIn{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.anim-rise{animation:riseIn var(--dur-slow) var(--ease-spring) both}.anim-scale{animation:scaleIn var(--dur) var(--ease-spring) both}.anim-fade{animation:fadeIn var(--dur) var(--ease-out) both}.stagger>*{animation-delay:calc(var(--i,0) * 50ms)}.shimmer{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff1f 50%,#ffffff0a 100%) 0 0/200% 100%;animation:2s linear infinite shimmer}:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 80%, white 20%);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-primary) 50%, transparent);color:#fff}.theme-root{min-height:100svh;font-family:var(--font-family);color:var(--text);z-index:0;position:relative}.app{max-width:1024px;margin:0 auto;padding:56px 22px 96px;position:relative}.app-header{flex-direction:column;gap:4px;margin-bottom:28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:rgba(var(--glass-tint), .06);border:1px solid var(--glass-border);width:36px;height:36px;box-shadow:inset 0 1px 0 #ffffff14, 0 8px 24px -8px color-mix(in srgb, var(--color-primary) 50%, transparent);border-radius:50%;place-items:center;display:grid}.app-header h1{letter-spacing:-.04em;background:linear-gradient(120deg, color-mix(in srgb, var(--color-primary) 90%, white 10%) 0%, var(--color-accent) 60%, color-mix(in srgb, var(--color-primary) 70%, white 30%) 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;line-height:1}.app-header .tag{color:var(--text-dim);letter-spacing:-.01em;margin-left:50px;font-size:.95rem}.controls{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;padding:14px 18px;display:flex}.control-label{color:var(--text-dim);align-items:center;gap:10px;font-size:.9rem;display:inline-flex}.source-tag{background:rgba(var(--glass-tint), .05);border:1px solid var(--glass-border);color:var(--text-dim);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:6px 14px;font-size:.82rem;display:inline-flex}.source-tag .dot{background:var(--text-dim);border-radius:50%;width:8px;height:8px;box-shadow:0 0 #0000}.source-tag .dot.live{background:var(--color-accent);box-shadow:0 0 12px color-mix(in srgb, var(--color-accent) 70%, transparent);animation:blobPulse 2s var(--ease-out) infinite}.source-tag.source-live{color:var(--text)}.error{color:#ffd2d2;border-color:color-mix(in srgb, #f57 60%, var(--glass-border) 40%);margin-bottom:16px;padding:14px 18px}.round-stage{perspective:1200px}.round{margin-bottom:22px;padding:28px}.round-header{z-index:3;flex-direction:column;gap:6px;margin-bottom:18px;display:flex;position:relative}.round-header h2{letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(1.4rem,2.8vw,1.9rem)}.round-sub{color:var(--text-dim);letter-spacing:-.005em;font-size:.92rem}.round-sub em{color:var(--color-accent);font-style:normal}.stats{color:var(--text-dim);letter-spacing:.01em;flex-wrap:wrap;gap:22px;margin-top:28px;font-size:.85rem;display:flex}.stats b{color:var(--text);margin-right:4px;font-weight:600}.result-panel{flex-direction:column;gap:12px;padding:20px;display:flex}.result-headline{letter-spacing:-.01em;font-size:1.2rem;font-weight:600}.share-text{z-index:3;background:rgba(var(--glass-tint), .05);border:1px solid var(--glass-border);white-space:pre-wrap;color:var(--text-soft);border-radius:12px;margin:0;padding:12px 14px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;position:relative}.resolution{background:rgba(var(--glass-tint), .05);border:1px solid var(--glass-border);z-index:3;border-radius:14px;margin-top:18px;padding:14px 16px;position:relative}.resolution ul,.resolution ol{margin:6px 0;padding-left:22px}.resolution .muted{color:var(--text-dim)}.autocomplete{z-index:5;flex:1;min-width:220px;position:relative}.autocomplete input{background:rgba(var(--glass-tint), .05);border:1px solid var(--glass-border);width:100%;color:var(--text);font:inherit;letter-spacing:-.005em;transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);border-radius:14px;padding:12px 16px}.autocomplete input:focus{border-color:color-mix(in srgb, var(--color-primary) 70%, white 30%);background:rgba(var(--glass-tint), .08);outline:none}.autocomplete-list{z-index:30;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px)saturate(160%);background:#0f1118e6;border-radius:14px;max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 30px 60px -20px #0000008c}.autocomplete-list li{cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:10px;padding:8px 12px}.autocomplete-list li.active,.autocomplete-list li:hover{background:color-mix(in srgb, var(--color-primary) 18%, transparent);color:var(--text)}.attribute-table .table-wrap{z-index:3;gap:6px;margin:14px 0 18px;display:grid;position:relative}.attribute-table .table-row{grid-template-columns:1.4fr repeat(auto-fit,minmax(72px,1fr));gap:6px;display:grid}.attribute-table .cell{background:rgba(var(--glass-tint), .05);border:1px solid var(--glass-border);text-align:center;letter-spacing:-.005em;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:.92rem;display:flex}.attribute-table .cell.name{text-align:left;justify-content:flex-start;font-weight:600}.attribute-table .cell.state-correct{background:linear-gradient(135deg, color-mix(in srgb, var(--state-correct) 90%, white 10%), var(--state-correct));color:#fff;border-color:color-mix(in srgb, var(--state-correct) 60%, white 40%);box-shadow:0 8px 24px -10px color-mix(in srgb, var(--state-correct) 50%, transparent);animation:scaleIn var(--dur) var(--ease-spring) both}.attribute-table .cell.state-partial{background:linear-gradient(135deg, color-mix(in srgb, var(--state-partial) 90%, white 10%), var(--state-partial));color:#000;border-color:color-mix(in srgb, var(--state-partial) 60%, white 40%);box-shadow:0 8px 24px -10px color-mix(in srgb, var(--state-partial) 50%, transparent);animation:scaleIn var(--dur) var(--ease-spring) both}.attribute-table .cell.state-wrong{background:rgba(var(--glass-tint), .04);color:var(--text-dim)}.attribute-table .cell .arrow{font-weight:700}.attribute-table .table-row.empty .cell{opacity:.35}.attribute-table .table-head .cell{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;background:0 0;border-color:#0000;font-size:.78rem;font-weight:600}.trivia-ladder .clues{z-index:3;flex-direction:column;gap:10px;margin:14px 0 18px;padding:0;list-style:none;display:flex;position:relative}.trivia-ladder .clue{background:rgba(var(--glass-tint), .05);border:1px solid var(--glass-border);border-left:3px solid var(--color-primary);animation:riseIn var(--dur-slow) var(--ease-spring) both;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.clue-num{color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.clue-text{color:var(--text-soft);flex:1;line-height:1.45}.clue-asset{border-radius:12px;max-width:140px}.guess-history{z-index:3;flex-wrap:wrap;gap:8px;margin:10px 0;padding:0;list-style:none;display:flex;position:relative}.guess{background:rgba(var(--glass-tint), .05);border:1px solid var(--glass-border);color:var(--text-soft);animation:scaleIn var(--dur) var(--ease-spring) both;border-radius:999px;padding:6px 14px;font-size:.85rem}.guess.win{background:linear-gradient(135deg, color-mix(in srgb, var(--state-correct) 90%, white 10%), var(--state-correct));color:#fff;border-color:color-mix(in srgb, var(--state-correct) 60%, white 40%);box-shadow:0 6px 18px -6px color-mix(in srgb, var(--state-correct) 50%, transparent)}.ladder-input{z-index:5;align-items:center;gap:10px;display:flex;position:relative}.ladder-input .skip{color:var(--text-dim);border:1px solid var(--glass-border);cursor:pointer;font:inherit;transition:border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border-radius:999px;padding:10px 18px}.ladder-input .skip:hover{color:var(--text);border-color:#ffffff47}.connections-grid .grid{z-index:3;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 18px;display:grid;position:relative}.connections-grid .tile{background:rgba(var(--glass-tint), .05);border:1px solid var(--glass-border);color:var(--text);font:inherit;cursor:pointer;text-align:center;letter-spacing:-.01em;transition:transform var(--dur) var(--ease-spring), border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);isolation:isolate;border-radius:16px;padding:22px 10px;font-weight:600;position:relative;overflow:hidden}.connections-grid .tile:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 50%,#0000000d 100%);position:absolute;inset:0}.connections-grid .tile:hover{border-color:#ffffff38;transform:translateY(-2px)}.connections-grid .tile.selected{background:color-mix(in srgb, var(--color-accent) 24%, rgba(var(--glass-tint), .05));border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), 0 12px 28px -8px color-mix(in srgb, var(--color-accent) 50%, transparent)}.grid-actions{z-index:3;flex-wrap:wrap;gap:10px;display:flex;position:relative}.solved-rows{z-index:3;flex-direction:column;gap:8px;margin-bottom:12px;display:flex;position:relative}.solved-row{color:#000;animation:riseIn var(--dur-slow) var(--ease-spring) both;background-blend-mode:overlay;border-radius:14px;padding:14px 16px;font-weight:600;box-shadow:0 12px 28px -10px #0006}.solved-row .solved-cat{opacity:.9;letter-spacing:.01em;font-size:.92rem}.solved-row .solved-items{margin-top:2px;font-size:.95rem}.solved-row.diff-yellow{background:linear-gradient(135deg,#f9e07a,#f5d142)}.solved-row.diff-green{background:linear-gradient(135deg,#a8e89a,#6dd58c)}.solved-row.diff-blue{background:linear-gradient(135deg,#88c8ff,#4cc9f0)}.solved-row.diff-purple{background:linear-gradient(135deg,#d4a8f5,#b779e0)}@media (width<=600px){.connections-grid .grid{grid-template-columns:repeat(2,1fr)}.attribute-table .table-row{font-size:.78rem}}.word-ladder{z-index:3;position:relative}.word-ladder.shake .wl-row.active{animation:shake .35s var(--ease-out)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.wl-board{flex-direction:column;gap:8px;max-width:420px;margin:14px auto 18px;display:flex}.wl-row{grid-template-columns:repeat(var(--cols,5), 1fr);gap:8px;display:grid}.wl-row[style*=--cols]{grid-template-columns:repeat(var(--cols), 1fr)}.wl-tile{aspect-ratio:1;letter-spacing:.02em;text-transform:uppercase;color:var(--text);place-items:center;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;display:grid}.wl-tile.filled{border-color:#ffffff47}.wl-tile.state-correct{background:linear-gradient(135deg, color-mix(in srgb, var(--state-correct) 90%, white 10%), var(--state-correct));color:#fff;border-color:color-mix(in srgb, var(--state-correct) 60%, white 40%);box-shadow:0 12px 28px -10px color-mix(in srgb, var(--state-correct) 60%, transparent);animation:flipIn .5s var(--ease-spring) both}.wl-tile.state-partial{background:linear-gradient(135deg, color-mix(in srgb, var(--state-partial) 90%, white 10%), var(--state-partial));color:#000;border-color:color-mix(in srgb, var(--state-partial) 60%, white 40%);box-shadow:0 12px 28px -10px color-mix(in srgb, var(--state-partial) 60%, transparent);animation:flipIn .5s var(--ease-spring) both}.wl-tile.state-wrong{background:rgba(var(--glass-tint), .03);color:var(--text-dim);animation:flipIn .5s var(--ease-spring) both}@keyframes flipIn{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}.wl-actions{z-index:3;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}.wl-hint{color:var(--text-dim);font-size:.85rem}.word-ladder .wl-row{--cols:var(--len,5)}.sequence-order{z-index:3;position:relative}.seq-list{flex-direction:column;gap:10px;margin:14px 0 18px;padding:0;list-style:none;display:flex}.seq-row{animation:riseIn var(--dur) var(--ease-spring) both;animation-delay:calc(var(--i) * 60ms);display:block}.seq-item{transition:transform var(--dur) var(--ease-spring);grid-template-columns:36px 1fr auto auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.seq-rank{background:rgba(var(--glass-tint), .06);border:1px solid var(--glass-border);width:28px;height:28px;color:var(--text-soft);border-radius:50%;place-items:center;font-size:.85rem;font-weight:600;display:grid}.seq-label{letter-spacing:-.01em;font-weight:600}.seq-value{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.9rem}.seq-item.state-correct{border-color:color-mix(in srgb, var(--state-correct) 50%, var(--glass-border) 50%);box-shadow:0 0 0 1px color-mix(in srgb, var(--state-correct) 40%, transparent), 0 10px 24px -10px color-mix(in srgb, var(--state-correct) 40%, transparent)}.seq-item.state-correct .seq-rank{background:var(--state-correct);color:#fff;border-color:var(--state-correct)}.seq-item.state-wrong .seq-rank{border-color:color-mix(in srgb, #f57 50%, var(--glass-border) 50%);color:#ffd2d2;background:#ff55774d}.seq-controls{gap:6px;display:inline-flex}.seq-controls .btn{padding:6px 10px;font-size:.9rem}.seq-actions{z-index:3;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}.seq-feedback{color:var(--text-dim);font-size:.9rem}*{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}