:root{--kit-bg: #1b1036;--kit-panel: rgba(43, 31, 82, .96);--kit-fg: #ffffff;--kit-muted: #c9bdf5;--kit-accent: #2fd47a;--kit-accent-fg: #0f2a1a;--kit-accent-2: #ffb627;--kit-radius: 14px;--kit-font: "Arial Black", "Helvetica Neue", system-ui, sans-serif;--wl-navy: #4b3d99;--wl-navy-2: #6f5fcf;--wl-green: #2fd47a;--wl-green-dim: #22a85f;--wl-gold: #ffb627;--wl-edge: rgba(184, 164, 255, .35);--wl-mono: ui-monospace, "Cascadia Mono", Menlo, monospace}html,body{margin:0;height:100%;background:radial-gradient(120% 120% at 50% 0%,#2e1a5e,#1b1036 60%);overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0}#app:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 3px)}canvas{display:block;touch-action:none;transition:filter .5s ease}html.wl-attract canvas{filter:blur(3px) brightness(.75) saturate(1.2)}.kit-dim{background:#140a2899;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%)}.kit-title-screen.kit-dim{background:radial-gradient(ellipse 70% 60% at 50% 45%,#140a2833,#140a2899 70%,#0e081ee6);backdrop-filter:none;-webkit-backdrop-filter:none}.kit-title{font-weight:900;letter-spacing:.03em;background:linear-gradient(180deg,#d6ffe6,#7dffb2 38%,#22a85f 62%,#178a4c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #0d4a2a) drop-shadow(0 0 18px rgba(47,212,122,.45));animation:wl-pop-in .5s cubic-bezier(.2,1.6,.4,1) both}.kit-tagline{font-family:var(--wl-mono);color:var(--kit-muted)}.kit-menu{gap:9px}.kit-btn{position:relative;overflow:hidden;font:900 16px var(--kit-font);letter-spacing:.02em;color:var(--kit-fg);background:linear-gradient(180deg,#6f5fcfe6,#4b3d99f2);border:1px solid var(--wl-edge);box-shadow:0 4px #00000059,inset 0 1px #ffffff1a;transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease}.kit-btn:hover,.kit-btn:focus,.kit-btn.hub-nav-focus{background:linear-gradient(180deg,#8270e6f2,#5444aaf2);border-color:var(--wl-green);box-shadow:0 0 0 3px #2fd47a2e,0 0 22px #2fd47a4d}.kit-btn:active{transform:translateY(2px)}.kit-btn.kit-primary{color:#eaffdf;background:linear-gradient(180deg,#1f8a50,#0f4a2a);border-color:var(--wl-green);box-shadow:0 4px #00000059,0 0 18px #2fd47a40}.kit-btn.kit-primary:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%);transform:skew(-20deg);animation:wl-sheen 3.6s 1.2s ease-in-out infinite;pointer-events:none}.kit-btn-sub{font-family:var(--wl-mono);font-weight:400}.kit-pause-btn{min-height:44px;border-radius:12px}.kit-modal{background:#0e081e99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.kit-modal-sheet{background:linear-gradient(160deg,#4b3d99eb,#1b1036f5);border:1px solid var(--wl-edge);box-shadow:0 20px 50px #0009,inset 0 1px #ffffff14;animation:wl-panel-in .4s cubic-bezier(.2,.9,.3,1.1) both}.kit-modal-body{font-family:system-ui,Segoe UI,sans-serif;font-weight:500;line-height:1.4}.kit-toast{background:linear-gradient(160deg,#4b3d99f2,#1b1036f7);border:1px solid var(--wl-edge);border-left:4px solid var(--wl-gold);font-family:system-ui,Segoe UI,sans-serif}.kit-toggle[aria-checked=true]{box-shadow:0 0 12px #2fd47a80}.wl-card{width:min(400px,100%);display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px 16px 16px;box-sizing:border-box;border-radius:20px;background:linear-gradient(160deg,#4b3d9999,#1b1036d1);border:1px solid rgba(184,164,255,.25);box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:wl-pop-card .32s cubic-bezier(.2,1.4,.4,1)}.wl-card .kit-title,.kit-modal-title{font-size:clamp(1.7rem,7vw,2.3rem);text-align:center;font-weight:900;letter-spacing:.04em;background:linear-gradient(180deg,#d6ffe6,#7dffb2 38%,#2fd47a 62%,#178a4c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #0d4a2a) drop-shadow(0 0 14px rgba(47,212,122,.35));animation:wl-title-bounce .6s .05s cubic-bezier(.2,1.6,.4,1) both}.kit-modal-title{font-size:1.6rem}.wl-card .kit-title.wl-lost{background:linear-gradient(180deg,#ffe08a,#ffb627 45%,#e08a12 70%,#7a4a00);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #4a2a00) drop-shadow(0 0 14px rgba(255,182,39,.4))}.wl-card-sub{margin:-6px 0 0;text-align:center;font-family:var(--wl-mono);font-size:.8rem;color:var(--kit-muted);animation:wl-fade-up .4s .12s ease-out both}.wl-stats{display:flex;justify-content:center;gap:8px;animation:wl-fade-up .4s .18s ease-out both}.wl-card .kit-menu{width:100%}.kit-btn.wl-in{animation:wl-btn-in .42s calc(var(--i, 0) * .06s) cubic-bezier(.2,.9,.3,1.1) both}.wl-hud-chip.wl-in{animation:wl-btn-in .42s calc(var(--i, 0) * .08s) cubic-bezier(.2,.9,.3,1.1) both}.kit-btn:hover:not(:disabled){transform:translateY(-2px)}.kit-modal-sheet{animation:wl-pop-card .32s cubic-bezier(.2,1.4,.4,1)}.kit-modal-buttons .kit-btn,.kit-modal-body .kit-row{animation:wl-fade-up .35s both}.kit-modal-body .kit-row:nth-child(2){animation-delay:.04s}.kit-modal-body .kit-row:nth-child(3){animation-delay:.08s}.kit-modal-body .kit-row:nth-child(4){animation-delay:.12s}.kit-modal-body .kit-row:nth-child(5){animation-delay:.16s}.kit-modal-body .kit-row:nth-child(n+6){animation-delay:.2s}.wl-pop{position:absolute;left:50%;top:0;font-family:var(--wl-mono);font-weight:900;font-size:1.1rem;color:var(--wl-gold);text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none;animation:wl-pop-float .9s ease-out forwards}.wl-hud-chip{position:relative}.wl-title-screen{gap:12px}.wl-kicker{margin:0;font-family:var(--wl-mono);font-size:.72rem;letter-spacing:.42em;padding-left:.42em;text-transform:uppercase;color:var(--wl-gold);text-shadow:0 0 10px rgba(255,182,39,.5);animation:wl-fade-up .6s .55s ease-out both}.kit-title.wl-wordmark{display:flex;gap:.1em;justify-content:center;font-size:clamp(2.2rem,11vw,3.8rem);background:none;color:inherit;filter:none;animation:none}.wl-tile{display:inline-grid;place-items:center;width:1.12em;height:1.18em;border-radius:.16em;font-size:.82em;color:#fff;text-shadow:0 .05em 0 rgba(0,0,0,.3);background:linear-gradient(180deg,#8cf5b8,#2fd47a 45%,#1c9a55);box-shadow:0 .08em #0d4a2a,0 .14em #00000073,0 0 18px #2fd47a73,inset 0 .08em #ffffff73;transform-origin:50% 100%;animation:wl-tile-drop .7s calc(var(--i) * .08s) cubic-bezier(.2,1.6,.4,1) both,wl-tile-bob 2.8s calc(.9s + var(--i) * .14s) ease-in-out infinite,wl-tile-flip 6s calc(2s + var(--i) * .16s) ease-in-out infinite}.wl-tile.wl-near{background:linear-gradient(180deg,#ffe08a,#ffb627 45%,#e08a12);box-shadow:0 .08em #7a4a00,0 .14em #00000073,0 0 18px #ffb62773,inset 0 .08em #ffffff80}.wl-tile.wl-miss{color:#e8e0ff;background:linear-gradient(180deg,#7a6cb0,#564c7c 55%,#3d3560);box-shadow:0 .08em #241c45,0 .14em #00000073,inset 0 .08em #fff3}.wl-taglines{position:relative;height:1.3em;width:min(420px,100%);font-size:.85rem;color:var(--kit-fg);text-shadow:0 1px 6px rgba(0,0,0,.8)}.wl-taglines span{position:absolute;inset:0;opacity:0;animation:wl-tagline 14s linear infinite}.wl-taglines span:nth-child(2){animation-delay:3.5s}.wl-taglines span:nth-child(3){animation-delay:7s}.wl-taglines span:nth-child(4){animation-delay:10.5s}.wl-panel{width:min(400px,100%);display:flex;flex-direction:column;gap:10px;padding:14px;box-sizing:border-box;border-radius:20px;background:linear-gradient(160deg,#4b3d998c,#1b1036b8);border:1px solid rgba(184,164,255,.25);box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:wl-panel-in .55s .25s cubic-bezier(.2,.9,.3,1.1) both}.wl-panel .kit-menu,.wl-panel .kit-continue{width:100%}.kit-btn.wl-mbtn{justify-content:flex-start;flex-wrap:nowrap;gap:12px;text-align:left;padding:8px 34px 8px 8px}.wl-mbtn-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font-size:1.05rem;color:var(--kit-fg);background:#1b10368c;box-shadow:inset 0 -3px #00000059;transition:transform .15s ease,background .15s ease,color .15s ease}.wl-mbtn-text{display:flex;flex-direction:column;gap:1px;min-width:0}.wl-mbtn-label{font-size:1.02rem;line-height:1.15}.wl-mbtn-sub{font-family:var(--wl-mono);font-size:.7rem;font-weight:400;letter-spacing:0;color:var(--kit-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-mbtn-sub:empty{display:none}.wl-mbtn:after{content:"◀";position:absolute;right:12px;top:50%;font-size:.8rem;color:var(--wl-green);opacity:0;transform:translate(8px,-50%);transition:opacity .15s ease,transform .15s ease}.wl-mbtn:hover .wl-mbtn-icon,.wl-mbtn:focus .wl-mbtn-icon,.wl-mbtn.hub-nav-focus .wl-mbtn-icon{transform:scale(1.12) rotate(-6deg);background:var(--wl-green);color:#0f2a1a}.wl-mbtn:hover:after,.wl-mbtn:focus:after,.wl-mbtn.hub-nav-focus:after{opacity:1;animation:wl-pointer .6s ease-in-out infinite alternate}.kit-btn.kit-primary.wl-mbtn{padding-top:11px;padding-bottom:11px}.kit-primary .wl-mbtn-label{font-size:1.2rem}.kit-primary .wl-mbtn-sub{color:#c8f7dc}.kit-primary .wl-mbtn-icon{width:42px;height:42px;background:var(--wl-green);color:#0f2a1a}.wl-footer{display:flex;justify-content:space-between;gap:8px}.wl-chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:999px;background:#1b10368c;border:1px solid rgba(184,164,255,.2);white-space:nowrap}.wl-chip span{font-family:var(--wl-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kit-muted)}.wl-chip strong{color:var(--wl-gold)}.wl-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.wl-spark{position:absolute;bottom:-10px;width:var(--size, 4px);height:var(--size, 4px);background:var(--wl-gold);box-shadow:0 0 8px 2px #ffb62799;animation:wl-spark-rise 8s linear infinite}.wl-spark:nth-child(3n){background:var(--wl-green);box-shadow:0 0 8px 2px #2fd47a99}.wl-spark:nth-child(4n){background:#36c5f0;box-shadow:0 0 8px 2px #36c5f099}.wl-title-screen>:not(.wl-sparks){position:relative;z-index:1}.kit-hud{gap:10px;font:900 15px var(--kit-font)}.wl-hud-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:linear-gradient(180deg,#6f5fcfbf,#2b1f52d9);border:1px solid rgba(184,164,255,.3);box-shadow:0 4px 14px #00000073;text-shadow:none}.wl-coins{color:var(--wl-gold)}.wl-coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe08a,#ffb627 45%,#e89a12);box-shadow:0 0 10px #ffb627cc;animation:wl-coin-spin 2.4s ease-in-out infinite}.kit-result-body{padding:10px 12px;box-sizing:border-box;border-radius:14px;background:#1b103699;border:1px solid rgba(184,164,255,.18);font-family:var(--wl-mono);animation:wl-fade-up .4s .15s ease-out both}.kit-result-body p{margin:.35em 0}.wl-total{font:900 1.3em var(--kit-font)}.wl-total strong{color:var(--wl-gold);text-shadow:0 0 12px rgba(255,182,39,.6)}.wl-words{list-style:none;margin:.4em auto;padding:0;text-align:left}.wl-words li{display:grid;grid-template-columns:auto 1fr;gap:.1em .6em;padding:.35em .6em;margin:.3em 0;border-radius:10px;background:#1b10368c;border:1px solid rgba(184,164,255,.18);animation:wl-fade-up .4s both}.wl-words li:nth-child(2){animation-delay:.08s}.wl-words li:nth-child(3){animation-delay:.16s}.wl-words li:nth-child(4){animation-delay:.24s}.wl-word{font-family:var(--kit-font);letter-spacing:.12em;color:var(--wl-green);text-shadow:0 0 10px rgba(47,212,122,.5)}.wl-word.wl-missed{color:var(--wl-gold);text-shadow:0 0 10px rgba(255,182,39,.5)}.wl-tries{color:var(--kit-muted);justify-self:end}.wl-def{grid-column:1 / -1;font-size:.82em;color:var(--kit-muted)}.wl-chart{margin:.5em auto;max-width:18em}.wl-row{display:flex;align-items:center;gap:.4em;margin:.2em 0}.wl-n{width:1em;text-align:right;color:var(--kit-muted)}.wl-bar{display:inline-block;padding:0 .4em;border-radius:6px;background:#564c7c;text-align:right;font-weight:700;box-sizing:border-box;animation:wl-grow .6s .3s cubic-bezier(.2,.9,.3,1.1) both;transform-origin:left center}.wl-bar.wl-last{color:#0f2a1a;background:linear-gradient(90deg,var(--wl-green-dim),var(--wl-green));box-shadow:0 0 10px #2fd47a99}@keyframes wl-tile-drop{0%{opacity:0;transform:translateY(-140%) scale(.6,1.4)}60%{opacity:1;transform:translateY(8%) scale(1.15,.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wl-tile-bob{0%,to{translate:0 0;rotate:0deg}25%{translate:0 -6px;rotate:-3deg}50%{translate:0 0;rotate:0deg}}@keyframes wl-tile-flip{0%,88%,to{scale:1 1}92%{scale:1 .05}96%{scale:1 1.06}}@keyframes wl-tagline{0%{opacity:0;transform:translateY(8px)}4%,21%{opacity:1;transform:translateY(0)}25%,to{opacity:0;transform:translateY(-8px)}}@keyframes wl-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wl-panel-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wl-pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes wl-sheen{0%{left:-60%}35%,to{left:130%}}@keyframes wl-pointer{0%{transform:translateY(-50%)}to{transform:translate(-5px,-50%)}}@keyframes wl-spark-rise{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.9}50%{transform:translate(18px,-55vh) rotate(180deg)}90%{opacity:.7}to{transform:translate(-12px,-110vh) rotate(360deg);opacity:0}}@keyframes wl-coin-spin{0%,to{transform:scaleX(1)}50%{transform:scaleX(.2)}}@keyframes wl-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wl-pop-card{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes wl-title-bounce{0%{opacity:0;transform:translateY(-40%) scale(.7,1.3)}60%{opacity:1;transform:translateY(4%) scale(1.1,.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wl-btn-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes wl-pop-float{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-46px) scale(1.15)}}@media(prefers-reduced-motion:reduce){.wl-tile,.wl-spark,.wl-coin,.wl-card,.wl-in,.wl-pop,.kit-btn.kit-primary:before{animation:none!important}}