:root{--kit-bg: #06222b;--kit-panel: rgba(8, 52, 64, .96);--kit-fg: #ffffff;--kit-muted: #a8dce8;--kit-accent: #ffd23f;--kit-accent-fg: #2a1c00;--kit-accent-2: #ff9f1c;--kit-radius: 14px;--kit-font: "Arial Black", "Helvetica Neue", system-ui, sans-serif;--tw-sun: #ffd23f;--tw-gold: #ff9f1c;--tw-x: #ff4f9a;--tw-o: #9bf03c;--tw-sky: #3fd8ff;--tw-violet: #b78cff;--tw-edge: rgba(140, 230, 255, .3);--tw-mono: ui-monospace, "Cascadia Mono", Menlo, monospace;--tw-bouncy: cubic-bezier(.2, 1.6, .4, 1);--tw-settle: cubic-bezier(.2, .9, .3, 1.1)}html,body{margin:0;height:100%;background:radial-gradient(120% 120% at 50% 0%,#0d4a5c,#06222b 62%,#041820);overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0;transition:filter .5s ease}#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)}html.tw-attract-on #app{filter:blur(3px) brightness(.75) saturate(1.2)}button:focus{outline:none}.kit-dim{background:#04141a99;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%,#04141a33,#04141a99 70%,#020c10e6);backdrop-filter:none;-webkit-backdrop-filter:none}.kit-title{font-weight:900;letter-spacing:.03em;background:linear-gradient(180deg,#fff8d6,#ffe680 38%,#ffc21a 62%,#d98a00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #6b3d00) drop-shadow(0 0 18px rgba(255,210,63,.45));animation:tw-pop-in .5s var(--tw-bouncy) both}.kit-tagline{font-family:var(--tw-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,#1c8096e6,#0e5464f2);border:1px solid var(--tw-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-visible,.kit-btn.hub-nav-focus{background:linear-gradient(180deg,#2496aef2,#126476f2);border-color:var(--tw-sun);box-shadow:0 0 0 3px #ffd23f2e,0 0 22px #ffd23f4d}.kit-btn:hover:not(:disabled){transform:translateY(-2px)}.kit-btn:active{transform:translateY(2px)}.kit-btn.kit-primary{color:#2a1c00;background:linear-gradient(180deg,#ffd23f,#f0a800);border-color:#fff0a8;box-shadow:0 4px #8a5a00,0 0 18px #ffd23f59}.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,.45) 50%,transparent 100%);transform:skew(-20deg);animation:tw-sheen 3.6s 1.2s ease-in-out infinite;pointer-events:none}.kit-btn-sub{font-family:var(--tw-mono);font-weight:400}.kit-pause-btn{min-height:44px;border-radius:12px}.kit-modal{background:#020c1099;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.kit-modal-sheet{background:linear-gradient(160deg,#126276f0,#041a22f7);border:1px solid var(--tw-edge);box-shadow:0 20px 50px #0009,inset 0 1px #ffffff14;animation:tw-pop-card .32s cubic-bezier(.2,1.4,.4,1)}.kit-modal-body{font-family:system-ui,Segoe UI,sans-serif;font-weight:500;line-height:1.4}.kit-modal-buttons .kit-btn,.kit-modal-body .kit-row,.kit-modal-body>p,.kit-modal-body>li{animation:tw-fade-up .35s both}.kit-modal-body>:nth-child(2){animation-delay:.05s}.kit-modal-body>:nth-child(3){animation-delay:.1s}.kit-modal-body>:nth-child(4){animation-delay:.15s}.kit-modal-body>:nth-child(n+5){animation-delay:.2s}.kit-toast{background:linear-gradient(160deg,#126276f2,#041a22f7);border:1px solid var(--tw-edge);border-left:4px solid var(--tw-gold);font-family:system-ui,Segoe UI,sans-serif}.kit-toggle[aria-checked=true]{box-shadow:0 0 12px #ffd23f80}.tw-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,#12627699,#041a22d1);border:1px solid var(--tw-edge);box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:tw-pop-card .32s cubic-bezier(.2,1.4,.4,1)}.tw-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,#fff8d6,#ffe680 38%,#ffc21a 62%,#d98a00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #6b3d00) drop-shadow(0 0 14px rgba(255,210,63,.35));animation:tw-title-bounce .6s .05s var(--tw-bouncy) both}.kit-modal-title{font-size:1.6rem}.tw-card .kit-title.tw-lost{background:linear-gradient(180deg,#ffe0b0,#ffb35c 40%,#ff9f1c 65%,#a85200);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #5a2a00) drop-shadow(0 0 14px rgba(255,159,28,.4))}.tw-card-sub{margin:-6px 0 0;text-align:center;font-family:var(--tw-mono);font-size:.8rem;color:var(--kit-muted);animation:tw-fade-up .4s .12s ease-out both}.tw-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;animation:tw-fade-up .4s .18s ease-out both}.tw-card .kit-menu{width:100%}.kit-btn.tw-in{animation:tw-btn-in .42s calc(var(--i, 0) * .06s) var(--tw-settle) both}.tw-hud-chip.tw-in{animation:tw-btn-in .42s calc(var(--i, 0) * .08s) var(--tw-settle) both}.tw-pop{position:absolute;left:50%;top:0;font-family:var(--tw-mono);font-weight:900;font-size:1.1rem;color:var(--tw-gold);text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none;animation:tw-pop-float .9s ease-out forwards}.kit-btn.tw-mbtn{justify-content:flex-start;flex-wrap:nowrap;gap:12px;text-align:left;padding:8px 34px 8px 8px}.tw-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:#041a228c;box-shadow:inset 0 -3px #00000059;transition:transform .15s ease,background .15s ease,color .15s ease}.tw-mbtn-text{display:flex;flex-direction:column;gap:1px;min-width:0}.tw-mbtn-label{font-size:1.02rem;line-height:1.15}.tw-mbtn-sub{font-family:var(--tw-mono);font-size:.7rem;font-weight:400;letter-spacing:0;color:var(--kit-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-mbtn-sub:empty{display:none}.tw-mbtn:after{content:"◀";position:absolute;right:12px;top:50%;font-size:.8rem;color:var(--tw-sun);opacity:0;transform:translate(8px,-50%);transition:opacity .15s ease,transform .15s ease}.tw-mbtn:hover .tw-mbtn-icon,.tw-mbtn:focus-visible .tw-mbtn-icon,.tw-mbtn.hub-nav-focus .tw-mbtn-icon{transform:scale(1.12) rotate(-6deg);background:var(--tw-sun);color:#2a1c00}.tw-mbtn:hover:after,.tw-mbtn:focus-visible:after,.tw-mbtn.hub-nav-focus:after{opacity:1;animation:tw-pointer .6s ease-in-out infinite alternate}.kit-btn.kit-primary.tw-mbtn{padding-top:11px;padding-bottom:11px}.kit-primary .tw-mbtn-label{font-size:1.2rem}.kit-primary .tw-mbtn-sub{color:#5a3d00}.kit-primary .tw-mbtn-icon{width:42px;height:42px;background:#2a1c00;color:var(--tw-sun)}.kit-primary.tw-mbtn:after{color:#2a1c00}.tw-title-screen{gap:12px}.tw-kicker{margin:0;font-family:var(--tw-mono);font-size:.72rem;letter-spacing:.42em;padding-left:.42em;text-transform:uppercase;color:var(--tw-gold);text-shadow:0 0 10px rgba(255,159,28,.5);animation:tw-fade-up .6s .55s ease-out both}.kit-title.tw-wordmark{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;line-height:1;background:none;color:inherit;filter:none;animation:none}.tw-wm-row{display:flex;align-items:center;justify-content:center}.tw-wm-row-0{font-size:clamp(1.7rem,8.5vw,2.7rem)}.tw-wm-row-1{font-size:clamp(2.8rem,15vw,4.6rem);gap:.04em}.tw-letter{display:inline-block;font-weight:900;background:linear-gradient(180deg,#e6fbff,#8ff0ff 40%,#3fd8ff 62%,#128aa8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #064a5c) drop-shadow(0 0 14px rgba(63,216,255,.4));transform-origin:50% 100%;animation:tw-letter-drop .7s calc(var(--i) * .07s) var(--tw-bouncy) both,tw-letter-bob 2.8s calc(.9s + var(--i) * .14s) ease-in-out infinite}.tw-letter.tw-gap{width:.3em}.tw-wm-row-1 .tw-letter{background:linear-gradient(180deg,#ffe0ef,#ff8cc0 40%,#ff4f9a 62%,#b0145a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 #5c0b31) drop-shadow(0 0 18px rgba(255,79,154,.5))}.tw-wm-row-1 .tw-letter:nth-of-type(2){background:linear-gradient(180deg,#fff8d6,#ffe680 40%,#ffd23f 62%,#b07a00);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 #6b3d00) drop-shadow(0 0 18px rgba(255,210,63,.5))}.tw-wm-row-1 .tw-letter:nth-of-type(3){background:linear-gradient(180deg,#f0ffd6,#c8ff80 40%,#9bf03c 62%,#3f8a0a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 #1f4a08) drop-shadow(0 0 18px rgba(155,240,60,.5))}.tw-wm-row-1 .tw-letter:nth-of-type(4){background:linear-gradient(180deg,#f2e8ff,#d4b8ff 40%,#b78cff 62%,#6a3cc0);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 #2e1060) drop-shadow(0 0 18px rgba(183,140,255,.5))}.tw-wm-piece{display:inline-block;width:.78em;height:.78em;margin:0 .12em;animation:tw-place .6s .55s var(--tw-bouncy) both,tw-wm-wiggle 2.4s 1.2s ease-in-out infinite}.tw-wm-bloop{animation-delay:.7s,1.5s}.tw-wm-piece svg{width:100%;height:100%;overflow:visible}.tw-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)}.tw-taglines span{position:absolute;inset:0;opacity:0;animation:tw-tagline 14s linear infinite}.tw-taglines span:nth-child(2){animation-delay:3.5s}.tw-taglines span:nth-child(3){animation-delay:7s}.tw-taglines span:nth-child(4){animation-delay:10.5s}.tw-panel-menu{width:min(400px,100%);display:flex;flex-direction:column;gap:10px;padding:14px;box-sizing:border-box;border-radius:20px;background:linear-gradient(160deg,#1262768c,#041a22b8);border:1px solid var(--tw-edge);box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:tw-panel-in .55s .25s var(--tw-settle) both}.tw-panel-menu .kit-menu,.tw-panel-menu .kit-continue{width:100%}.tw-footer{display:flex;justify-content:space-between;gap:6px}.tw-chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:999px;background:#041a228c;border:1px solid rgba(140,230,255,.2);white-space:nowrap}.tw-chip span{font-family:var(--tw-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kit-muted)}.tw-chip strong{color:var(--tw-gold)}.tw-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.tw-spark{position:absolute;bottom:-10px;width:var(--size, 4px);height:var(--size, 4px);background:var(--tw-sun);box-shadow:0 0 8px 2px #ffd23f99;animation:tw-spark-rise 8s linear infinite}.tw-spark:nth-child(3n){background:var(--tw-x);box-shadow:0 0 8px 2px #ff4f9a99}.tw-spark:nth-child(4n){background:var(--tw-o);box-shadow:0 0 8px 2px #9bf03c99}.tw-spark:nth-child(5n){background:var(--tw-sky);box-shadow:0 0 8px 2px #3fd8ff99}.tw-title-screen>:not(.tw-sparks){position:relative;z-index:1}.kit-hud{gap:10px;font:900 15px var(--kit-font)}.tw-hud-chip{position:relative;display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:linear-gradient(180deg,#1c8096cc,#083440e0);border:1px solid var(--tw-edge);box-shadow:0 4px 14px #00000073;white-space:nowrap}.tw-score{color:var(--tw-sun)}.tw-hud-star{font-style:normal;display:inline-block;color:var(--tw-gold);text-shadow:0 0 10px rgba(255,159,28,.9);animation:tw-star-spin 3s ease-in-out infinite}.tw-play{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;padding:4px 0 min(12vh,110px);font-family:var(--kit-font);color:var(--kit-fg);user-select:none;-webkit-user-select:none}.tw-play.tw-attract .tw-scores,.tw-play.tw-attract .tw-rule,.tw-play.tw-attract .tw-status{visibility:hidden}.tw-scores{width:var(--board);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.tw-twist{order:3;flex:1 0 100%;display:flex;justify-content:center;align-items:center;gap:8px;font-size:1.05rem;color:var(--tw-sun);text-shadow:0 2px 0 #6b3d00,0 0 12px rgba(255,210,63,.45)}.tw-twist-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:1rem;text-shadow:none;color:#fff;background:#041a2299;box-shadow:inset 0 -3px #00000059;animation:tw-wm-wiggle 2.4s ease-in-out infinite}.tw-side{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 5px;border-radius:999px;background:linear-gradient(180deg,#1c8096b3,#083440d9);border:1px solid var(--tw-edge);box-shadow:0 4px 14px #0006;transition:border-color .2s ease,box-shadow .2s ease,transform .2s var(--tw-bouncy)}.tw-side-1{flex-direction:row-reverse;padding:4px 5px 4px 12px}.tw-side-icon{width:30px;height:30px}.tw-side-icon svg{width:100%;height:100%;overflow:visible}.tw-side-name{font-size:.95rem}.tw-pips{display:inline-flex;gap:4px}.tw-pip{width:11px;height:11px;border-radius:50%;background:#041a22cc;box-shadow:inset 0 1px 2px #0009}.tw-side-0 .tw-pip.tw-on{background:radial-gradient(circle at 35% 30%,#ffd0e6,#ff4f9a 60%);box-shadow:0 0 10px #ff4f9ae6;animation:tw-place .5s var(--tw-bouncy)}.tw-side-1 .tw-pip.tw-on{background:radial-gradient(circle at 35% 30%,#efffcc,#9bf03c 60%);box-shadow:0 0 10px #9bf03ce6;animation:tw-place .5s var(--tw-bouncy)}.tw-side-0.tw-due{border-color:var(--tw-x);box-shadow:0 0 0 3px #ff4f9a33,0 0 18px #ff4f9a73;transform:scale(1.05)}.tw-side-1.tw-due{border-color:var(--tw-o);box-shadow:0 0 0 3px #9bf03c33,0 0 18px #9bf03c73;transform:scale(1.05)}.tw-rule{margin:-2px 0 0;max-width:var(--board);text-align:center;font:500 .88rem system-ui,Segoe UI,sans-serif;color:var(--kit-muted)}.tw-stage{position:relative}.tw-panel{position:relative;padding:12px;border-radius:22px;background:linear-gradient(160deg,#1262768c,#041a22cc);border:1px solid var(--tw-edge);box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.tw-board{position:relative;width:var(--board);height:var(--board);touch-action:manipulation}.tw-lines,.tw-cells,.tw-marks,.tw-pieces{position:absolute;inset:0}.tw-pieces,.tw-marks{pointer-events:none}.tw-line{position:absolute;border-radius:999px;background:linear-gradient(180deg,#e6fbff,#8ff0ff);box-shadow:0 0 12px #3fd8ff8c,0 3px #0000004d;opacity:.85}.tw-v{top:3%;bottom:3%;width:6px;margin-left:-3px;transform-origin:50% 0;animation:tw-line-v .45s calc(var(--i) * .06s) var(--tw-settle) both}.tw-h{left:3%;right:3%;height:6px;margin-top:-3px;transform-origin:0 50%;animation:tw-line-h .45s calc(var(--i) * .06s) var(--tw-settle) both}.tw-board[data-twist=big] .tw-v{width:4px;margin-left:-2px}.tw-board[data-twist=big] .tw-h{height:4px;margin-top:-2px}.tw-cell{position:absolute;box-sizing:border-box;border-radius:16px;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.tw-board.tw-live .tw-cell{cursor:pointer}@media(hover:hover){.tw-board.tw-live .tw-cell:hover{background:#ff4f9a1f;box-shadow:inset 0 0 0 2px #ff4f9a59}.tw-board.tw-live[data-mine="1"] .tw-cell:hover{background:#9bf03c1f;box-shadow:inset 0 0 0 2px #9bf03c59}}.tw-cell.tw-nope{animation:tw-nope .5s ease-out}.tw-cursor{position:absolute;box-sizing:border-box;border:3px solid var(--tw-sun);border-radius:16px;box-shadow:0 0 0 3px #ffd23f33,0 0 20px #ffd23f80;pointer-events:none;opacity:0;transition:left .12s ease,top .12s ease,opacity .15s ease;animation:tw-cursor-pulse 1s ease-in-out infinite alternate}.tw-board.tw-has-cursor .tw-cursor{opacity:1}.tw-piece{position:absolute;box-sizing:border-box;padding:calc(var(--board) * .09 / var(--n, 3));transition:left .38s var(--tw-settle),top .38s var(--tw-settle),opacity .3s ease,filter .3s ease}.tw-piece svg{display:block;width:100%;height:100%;overflow:visible;animation:tw-idle 2.6s var(--look, 0s) ease-in-out infinite}.tw-piece[data-side="0"] svg{filter:drop-shadow(0 0 10px rgba(255,79,154,.55))}.tw-piece[data-side="1"] svg{filter:drop-shadow(0 0 10px rgba(155,240,60,.5))}.tw-piece.tw-pop{animation:tw-place .45s var(--tw-bouncy) both}.tw-piece.tw-drop{animation:tw-drop .55s cubic-bezier(.5,0,.75,0) both}.tw-piece.tw-drop svg{animation:tw-squash .35s .5s ease-out,tw-idle 2.6s calc(.9s + var(--look, 0s)) ease-in-out infinite}.tw-piece.tw-wrap{transition:none;animation:tw-wrap-in .42s var(--tw-settle) both}.tw-piece.tw-swapped{animation:tw-swap-spin .6s var(--tw-bouncy) both}.tw-piece.tw-gone{animation:tw-ghost .6s ease-out forwards}.tw-piece.tw-wobble{opacity:.6}.tw-piece.tw-wobble svg{animation:tw-wobble .8s ease-in-out infinite}.tw-piece.tw-swappable svg{animation:tw-shimmer 1s ease-in-out infinite alternate}.tw-piece.tw-win{z-index:2}.tw-piece.tw-win svg{animation:tw-win-bounce .55s calc(var(--w, 0) * .09s) var(--tw-bouncy) infinite alternate;filter:drop-shadow(0 0 18px rgba(255,210,63,.9))}.tw-piece.tw-dim{opacity:.35;filter:saturate(.4)}.tw-pupil{animation:tw-look 3.4s var(--look, 0s) ease-in-out infinite}.tw-eyes{transform-box:fill-box;transform-origin:center;animation:tw-blink 4.6s var(--look, 0s) infinite}.tw-board.tw-shake{animation:tw-shake .45s ease-out}.tw-board.tw-sad{animation:tw-sad .8s ease-out}.tw-board.tw-shrug{animation:tw-shrug .7s ease-out}.tw-lane{position:absolute;left:2%;right:2%;border-radius:14px;background:repeating-linear-gradient(90deg,rgba(63,216,255,.16) 0 16px,transparent 16px 32px);background-size:64px 100%;box-shadow:inset 0 0 0 2px #3fd8ff40;animation:tw-belt 1.4s linear infinite}.tw-board.tw-slid .tw-lane{animation:tw-belt .3s linear infinite,tw-lane-flash .5s ease-out}.tw-drop-arrow{position:absolute;top:-2px;font-size:12px;font-style:normal;color:var(--tw-sky);text-shadow:0 0 8px rgba(63,216,255,.8);transform:translate(-50%,-100%);animation:tw-arrow-bob 1s ease-in-out infinite}.tw-star{position:absolute;box-sizing:border-box;padding:calc(var(--board) * .2 / var(--n, 3));animation:tw-place .6s calc(.3s + var(--i, 0) * .15s) var(--tw-bouncy) both}.tw-star svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 12px rgba(255,210,63,.9));animation:tw-star-spin 3s ease-in-out infinite}.tw-star.tw-star-taken{animation:tw-star-taken .6s ease-out forwards}.tw-fx{position:absolute;inset:0;pointer-events:none;z-index:3}.tw-bit{position:absolute;width:9px;height:9px;margin:-4px 0 0 -4px;border-radius:2px;animation:tw-bit .75s ease-out forwards}.tw-bit-star{width:14px;height:14px;margin:-7px 0 0 -7px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.tw-status{min-width:180px;max-width:calc(100% - 24px);box-sizing:border-box;padding:9px 18px;border-radius:999px;text-align:center;font-size:1rem;background:linear-gradient(180deg,#1c8096cc,#083440e6);border:1px solid var(--tw-edge);box-shadow:0 4px 14px #0006}.tw-status[data-kind=you]{border-color:#ff4f9ab3}.tw-status[data-kind=bloop]{border-color:#9bf03cb3}.tw-status.tw-nope{color:#2a1c00;background:linear-gradient(180deg,#ffc46b,#ff9f1c);border-color:#ffe0b0}.tw-status.tw-hidden{visibility:hidden}.tw-status.tw-pop-status{animation:tw-pop-status .3s var(--tw-bouncy)}.tw-tight .tw-rule{font-size:.8rem}.tw-tight .tw-status{padding:6px 14px;font-size:.9rem}.tw-intro{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;visibility:hidden;z-index:5}.tw-intro.tw-show{visibility:visible}.tw-intro-card{width:min(86%,320px);box-sizing:border-box;padding:18px 16px 20px;border-radius:22px;text-align:center;background:linear-gradient(160deg,#126276f7,#041a22fa);border:2px solid var(--tw-sun);box-shadow:0 20px 50px #0009,0 0 30px #ffd23f59,inset 0 1px #ffffff1a}.tw-intro.tw-show .tw-intro-card{animation:tw-card-spin .6s var(--tw-bouncy) both}.tw-intro-kicker{margin:0;font-family:var(--tw-mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tw-gold)}.tw-intro-icon{margin:8px auto 4px;font-size:2.8rem;line-height:1.1;color:#fff;text-shadow:0 0 18px rgba(255,210,63,.7)}.tw-intro.tw-show .tw-intro-icon{animation:tw-icon-in .7s .15s var(--tw-bouncy) both}.tw-intro-name{margin:0;font-size:clamp(1.5rem,7vw,2rem);font-weight:900;background:linear-gradient(180deg,#fff8d6,#ffe680 38%,#ffc21a 62%,#d98a00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #6b3d00)}.tw-intro-rule{margin:8px 0 0;font:500 .95rem system-ui,Segoe UI,sans-serif;color:var(--kit-fg)}.tw-intro.tw-show .tw-intro-name,.tw-intro.tw-show .tw-intro-rule{animation:tw-fade-up .4s .25s ease-out both}.tw-callout{position:absolute;left:50%;bottom:8%;width:max-content;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:92%;box-sizing:border-box;padding:10px 20px;border-radius:20px;text-align:center;background:linear-gradient(160deg,#126276f5,#041a22f7);border:2px solid var(--tw-sun);box-shadow:0 12px 30px #0000008c;transform:translate(-50%);visibility:hidden;pointer-events:none;z-index:4}.tw-callout.tw-show{visibility:visible;animation:tw-callout-in .5s var(--tw-bouncy) both}.tw-callout-text{font-size:1.15rem;color:var(--tw-sun);text-shadow:0 2px 0 #6b3d00}.tw-callout[data-kind=lost]{border-color:var(--tw-o)}.tw-callout[data-kind=lost] .tw-callout-text{color:var(--tw-o);text-shadow:0 2px 0 #1f4a08}.tw-callout[data-kind=draw]{border-color:var(--tw-sky)}.tw-callout[data-kind=draw] .tw-callout-text{color:var(--tw-sky);text-shadow:0 2px 0 #064a5c}.tw-callout-sub{font:500 .85rem system-ui,Segoe UI,sans-serif;color:var(--kit-muted)}.tw-callout-sub:empty{display:none}.tw-online{--board: clamp(200px, min(84vw, calc(100vh - 480px) ), 420px);display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 auto;font-family:var(--kit-font);color:var(--kit-fg);user-select:none;-webkit-user-select:none}.tw-online.tw-waiting{display:none}.kit-result-body{padding:10px 12px;box-sizing:border-box;border-radius:14px;background:#041a2299;border:1px solid rgba(140,230,255,.18);font-family:var(--tw-mono);animation:tw-fade-up .4s .15s ease-out both}.kit-result-body p{margin:.35em 0}.tw-total{font:900 1.4em var(--kit-font)}.tw-total strong{color:var(--tw-sun);text-shadow:0 0 12px rgba(255,210,63,.6)}.tw-rounds{list-style:none;margin:.5em 0 .2em;padding:0;display:grid;gap:4px}.tw-rounds li{display:grid;grid-template-columns:1.6em 1fr auto;align-items:center;gap:8px;padding:4px 10px;border-radius:10px;background:#041a228c;border:1px solid rgba(140,230,255,.18);text-align:left;animation:tw-fade-up .35s calc(.2s + var(--i, 0) * .07s) ease-out both}.tw-round-icon{text-align:center}.tw-round-name{font-size:.85em;color:var(--kit-muted)}.tw-round-won .tw-round-who{color:var(--tw-x)}.tw-round-lost .tw-round-who{color:var(--tw-o)}.tw-round-draw .tw-round-who{color:var(--tw-sky)}.tw-best{color:var(--kit-muted)}@keyframes tw-place{0%{opacity:0;transform:scale(0) rotate(-35deg)}60%{opacity:1;transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes tw-drop{0%{transform:translateY(calc(var(--drop, 1) * -100%))}to{transform:translateY(0)}}@keyframes tw-squash{0%{transform:scale(1.3,.7)}50%{transform:scale(.9,1.12)}to{transform:scale(1)}}@keyframes tw-idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3%) rotate(-3deg)}}@keyframes tw-wrap-in{0%{opacity:0;transform:translate(-70%) scale(.6)}to{transform:translate(0) scale(1)}}@keyframes tw-swap-spin{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.3)}to{transform:rotateY(360deg) scale(1)}}@keyframes tw-ghost{0%{opacity:1;transform:translateY(0) scale(1);filter:grayscale(0)}to{opacity:0;transform:translateY(-40%) scale(1.3) rotate(12deg);filter:grayscale(1) blur(2px)}}@keyframes tw-wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes tw-shimmer{0%{filter:drop-shadow(0 0 4px rgba(255,210,63,.3))}to{filter:drop-shadow(0 0 16px rgba(255,210,63,1));transform:scale(1.06)}}@keyframes tw-win-bounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-14%) scale(1.15)}}@keyframes tw-look{0%,20%,to{transform:translate(0)}30%,45%{transform:translate(-2.5px,1px)}55%,70%{transform:translate(2.5px,-1px)}80%{transform:translateY(2px)}}@keyframes tw-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes tw-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes tw-sad{0%,to{transform:rotate(0) translateY(0)}30%{transform:rotate(-2deg) translateY(6px)}60%{transform:rotate(1.5deg) translateY(3px)}}@keyframes tw-shrug{0%,to{transform:scale(1)}40%{transform:scale(.96,1.04)}70%{transform:scale(1.03,.97)}}@keyframes tw-nope{0%{background:#ff9f1c73;transform:translate(0)}25%{transform:translate(-14%)}50%{transform:translate(10%)}75%{transform:translate(-5%)}to{background:transparent;transform:translate(0)}}@keyframes tw-belt{0%{background-position:0 0}to{background-position:64px 0}}@keyframes tw-lane-flash{0%{box-shadow:inset 0 0 0 2px #3fd8ffe6,0 0 24px #3fd8ffb3}to{box-shadow:inset 0 0 0 2px #3fd8ff40}}@keyframes tw-arrow-bob{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,-60%)}}@keyframes tw-star-spin{0%,to{transform:rotate(-12deg) scale(1)}50%{transform:rotate(12deg) scale(1.12)}}@keyframes tw-star-taken{to{opacity:0;transform:scale(2.2) rotate(180deg)}}@keyframes tw-bit{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.4)}}@keyframes tw-cursor-pulse{0%{transform:scale(.96)}to{transform:scale(1.02)}}@keyframes tw-pop-status{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes tw-card-spin{0%{opacity:0;transform:scale(.3) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes tw-icon-in{0%{transform:scale(0) rotate(-360deg)}to{transform:scale(1) rotate(0)}}@keyframes tw-callout-in{0%{opacity:0;transform:translate(-50%,30px) scale(.6)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes tw-line-v{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes tw-line-h{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tw-letter-drop{0%{opacity:0;transform:translateY(-120%) scale(.6,1.4)}60%{opacity:1;transform:translateY(6%) scale(1.15,.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tw-letter-bob{0%,to{translate:0 0;rotate:0deg}25%{translate:0 -6px;rotate:-3deg}50%{translate:0 0;rotate:0deg}}@keyframes tw-wm-wiggle{0%,to{rotate:0deg}20%{rotate:-12deg}40%{rotate:10deg}60%{rotate:0deg}}@keyframes tw-tagline{0%{opacity:0;transform:translateY(8px)}4%,21%{opacity:1;transform:translateY(0)}25%,to{opacity:0;transform:translateY(-8px)}}@keyframes tw-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tw-panel-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tw-pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes tw-sheen{0%{left:-60%}35%,to{left:130%}}@keyframes tw-pointer{0%{transform:translateY(-50%)}to{transform:translate(-5px,-50%)}}@keyframes tw-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 tw-pop-card{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tw-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 tw-btn-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes tw-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){.tw-letter,.tw-wm-piece,.tw-spark,.tw-card,.tw-in,.tw-pop,.tw-piece,.tw-piece svg,.tw-pupil,.tw-eyes,.tw-star,.tw-star svg,.tw-lane,.tw-drop-arrow,.tw-hud-star,.tw-twist-icon,.tw-intro-card,.tw-intro-icon,.tw-callout,.tw-board,.tw-line,.tw-cursor,.kit-btn.kit-primary:before{animation:none!important}}html.tw-cover-on #ui,html.tw-cover-on #app{visibility:hidden}.tw-cover-art{position:fixed;inset:0;z-index:100;overflow:hidden;font-family:var(--kit-font);color:#fff;background:radial-gradient(42% 70% at 72% 50%,rgba(63,216,255,.28) 0%,transparent 70%),radial-gradient(40% 60% at 20% 45%,rgba(255,79,154,.16) 0%,transparent 70%),radial-gradient(130% 120% at 50% 0%,#0f5a6e,#073040 55%,#041820)}.tw-cover-art *{animation:none!important}.tw-cv-rays{position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg at 61% 50%,rgba(255,255,255,.07) 0 7deg,transparent 7deg 18deg);mask-image:radial-gradient(circle at 61% 50%,#000 0%,transparent 45%);-webkit-mask-image:radial-gradient(circle at 61% 50%,#000 0%,transparent 45%)}.tw-cv-ghost{position:absolute;opacity:.16;filter:blur(1.5px)}.tw-cv-ghost svg,.tw-cv-piece svg,.tw-cv-bloop svg,.tw-cv-star svg{display:block;width:100%;height:100%;overflow:visible}.tw-cv-bit{position:absolute;width:9px;height:4px;border-radius:2px;opacity:.85}.tw-cv-glint{position:absolute;color:#fff8d6;text-shadow:0 0 10px rgba(255,210,63,.9)}.tw-cv-left{position:absolute;left:34px;top:50%;width:380px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:14px}.tw-cv-title{margin:0;line-height:.92;font-weight:900}.tw-cv-row{display:flex;align-items:center}.tw-cv-letter{display:inline-block;color:var(--c, #3fd8ff);-webkit-text-stroke:9px #fff;paint-order:stroke fill;text-shadow:0 6px 0 var(--d, #064a5c),0 10px 16px rgba(0,0,0,.45);rotate:calc((var(--i) - 2) * 1.4deg)}.tw-cv-letter:nth-child(odd){translate:0 -3px}.tw-cv-space{width:.28em}.tw-cv-tictac{font-size:66px;--c: #3fd8ff;--d: #0a5b75}.tw-cv-wild{font-size:104px;margin-top:-4px}.tw-cv-wild .tw-cv-letter:nth-of-type(1){--c: #ff4f9a;--d: #8a1450;rotate:-7deg}.tw-cv-wild .tw-cv-letter:nth-of-type(2){--c: #ffd23f;--d: #9a6400;rotate:5deg}.tw-cv-wild .tw-cv-letter:nth-of-type(3){--c: #9bf03c;--d: #2f7a08;rotate:-4deg}.tw-cv-wild .tw-cv-letter:nth-of-type(4){--c: #b78cff;--d: #4a1e9a;rotate:6deg}.tw-cv-wild .tw-cv-letter:nth-of-type(5){--c: #ff9f1c;--d: #8a4600;rotate:12deg}.tw-cv-piece{width:74px;height:74px;margin-right:8px;rotate:-14deg;filter:drop-shadow(0 0 0 #fff) drop-shadow(0 6px 10px rgba(0,0,0,.45))}.tw-cv-tagline{margin:6px 0 0;padding:9px 18px;border-radius:999px;font-size:15px;white-space:nowrap;background:#041a22bf;border:2px solid rgba(140,230,255,.35);box-shadow:0 6px 18px #00000059}.tw-cv-tagline strong{color:var(--tw-sun);text-shadow:0 0 12px rgba(255,210,63,.6)}.tw-cv-chips{display:flex;gap:8px}.tw-cv-pill{padding:6px 12px;border-radius:999px;font:800 12px var(--tw-mono);letter-spacing:.08em;text-transform:uppercase;color:#e6fbff;background:#041a22b3;border:1.5px solid rgba(140,230,255,.4)}.tw-cv-right{position:absolute;left:470px;top:52px;width:276px;height:318px}.tw-cv-device{--board: 214px;position:absolute;inset:0;padding:14px 16px 18px;box-sizing:border-box;border-radius:28px;rotate:6deg;background:linear-gradient(160deg,#13708a,#07303d);border:4px solid #8ff0ff;box-shadow:0 0 0 4px #062b36,0 24px 40px #0000008c,0 0 40px #3fd8ff59}.tw-cv-hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tw-cv-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:15px;background:#041a22bf;border:1px solid rgba(140,230,255,.35)}.tw-cv-score{color:var(--tw-gold)}.tw-cv-twist{color:var(--tw-sun)}.tw-cv-star{width:18px;height:18px}.tw-cv-board{position:relative;display:grid;place-items:center;padding:8px;border-radius:18px;background:#0212188c}.tw-cv-board .tw-piece.tw-dim{opacity:1;filter:none}.tw-cv-board .tw-piece.tw-win svg{transform:scale(1.08);filter:drop-shadow(0 0 16px rgba(255,210,63,.95))}.tw-cv-pop{position:absolute;right:-14px;top:34%;font-size:30px;color:var(--tw-sun);-webkit-text-stroke:6px #6b3d00;paint-order:stroke fill;text-shadow:0 4px 0 #3a2000;rotate:-10deg}.tw-cv-card{position:absolute;left:-46px;bottom:-8px;width:112px;padding:10px 8px 12px;box-sizing:border-box;border-radius:18px;text-align:center;rotate:-9deg;background:linear-gradient(160deg,#17809c,#052430);border:3px solid var(--tw-sun);box-shadow:0 14px 26px #00000080,0 0 24px #ffd23f73}.tw-cv-card-kicker{margin:0;font:800 10px var(--tw-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tw-gold)}.tw-cv-card-icon{font-size:34px;line-height:1.3}.tw-cv-card-name{margin:0;font-size:16px;color:var(--tw-sun);text-shadow:0 2px 0 #6b3d00}.tw-cv-piece.tw-cv-bloop{width:52px;height:52px;margin:0 0 0 10px;rotate:14deg}.tw-twist-art{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.tw-twist-icon .tw-twist-art{width:72%;height:72%}.tw-intro-icon{width:64px;height:64px}.tw-round-icon{display:inline-block;width:1.4em;height:1.4em}.tw-cv-card-icon{width:42px;height:42px;margin:6px auto 4px}button.tw-cell{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;background:transparent;font:inherit;color:inherit}button.tw-cell:focus{outline:none}.tw-cell.hub-nav-focus,button.tw-cell:focus-visible{box-shadow:inset 0 0 0 3px var(--tw-sun),0 0 20px #ffd23f80}.kit-turns .kit-seat{min-height:46px;background:linear-gradient(180deg,#1c8096b3,#083440d9);border:1px solid var(--tw-edge);box-shadow:0 4px 14px #00000059;animation:tw-fade-up .35s both}.kit-turns .kit-seat:nth-child(2){animation-delay:.06s}.kit-turns .kit-seat[data-due=true]{box-shadow:inset 0 0 0 2px var(--tw-sun),0 0 18px #ffd23f59}.tw-seat-mark{flex:none;width:28px;height:28px}.tw-seat-mark svg{display:block;width:100%;height:100%;overflow:visible}.tw-seat-pips{margin-left:auto}.tw-seat-0 .tw-pip.tw-on{background:radial-gradient(circle at 35% 30%,#ffd0e6,#ff4f9a 60%);box-shadow:0 0 10px #ff4f9ae6}.tw-seat-1 .tw-pip.tw-on{background:radial-gradient(circle at 35% 30%,#efffcc,#9bf03c 60%);box-shadow:0 0 10px #9bf03ce6}.kit-turn-status{font-family:var(--kit-font);text-shadow:0 2px 0 rgba(0,0,0,.4)}.tw-online .tw-twist{order:0;flex:none}.tw-style{display:flex;flex-direction:column;gap:6px;animation:tw-fade-up .4s .45s ease-out both}.tw-style-line{margin:0;text-align:center;font-family:var(--tw-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kit-muted)}.tw-style-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;padding:4px;border-radius:16px;background:#041a2299;box-shadow:inset 0 2px 6px #0006}.tw-style-btn{min-width:0;display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--kit-muted);font:inherit;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s var(--tw-bouncy),box-shadow .18s ease}.tw-style-btn:focus{outline:none}.tw-style-btn:hover,.tw-style-btn:focus-visible,.tw-style-btn.hub-nav-focus{color:#fff;border-color:var(--tw-sun)}.tw-style-btn:active{transform:scale(.96)}.tw-style-btn.tw-on{color:#2a1c00;background:linear-gradient(180deg,#ffd23f,#f0a800);box-shadow:0 3px #8a5a00,0 0 16px #ffd23f59;animation:tw-pop-status .3s var(--tw-bouncy)}.tw-style-icon{flex:none;width:26px;height:26px}.tw-style-text{display:flex;flex-direction:column;min-width:0}.tw-style-text strong{font:900 .92rem var(--kit-font)}.tw-style-text span{font-family:var(--tw-mono);font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-style-btn.tw-on .tw-style-text span{color:#5a3d00}
