.vb-app{--vb-ink:#2a0e1c;--vb-wine:#8a1a34;--vb-deep:#4a0a1e;--vb-gold:#ffcf4a;--vb-cream:#fff4e2;--vb-night:rgba(30,8,22,0.72);--play-accent:#8a1a34;--play-ink:#2a0e1c;--play-paper:#fff4e2;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#2a0e1c;color:#fff}.vb-scene{inset:0;height:100%;display:block;z-index:0;touch-action:none}.vb-lanes,.vb-scene{position:absolute;width:100%}.vb-lanes{z-index:2;left:0;right:0;top:49%;bottom:0;height:51%;pointer-events:none}.vb-app:not([data-phase=play]) :is(.vb-head,.vb-stats,.vb-progress,.vb-combo,.vb-pads,.vb-keys,.vb-hint,.vb-banner,.vb-lanes){display:none}.vb-app:not([data-phase=play]) .vb-toast{display:none}.vb-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;grid-gap:8px;gap:8px;padding:0 12px;pointer-events:none}.vb-head>*{pointer-events:auto}.vb-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--vb-night);color:#fff;border:2px solid rgba(255,255,255,.8);box-shadow:0 3px 0 rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.vb-icon-btn .off,.vb-icon-btn[aria-pressed=true] .on{display:none}.vb-icon-btn[aria-pressed=true] .off{display:inline}.vb-pill{justify-self:center;display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 8px 0 18px;border-radius:22px;background:var(--vb-night);border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;max-width:100%}.vb-pill span{font:800 16px/1 Playful,sans-serif;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb-pill b{font:800 17px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--vb-cream);color:var(--vb-ink);border-radius:14px;padding:6px 10px;min-width:52px;text-align:center}.vb-stats{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 62px);transform:translateX(-50%);display:flex;gap:6px;pointer-events:none}.vb-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:76px;height:46px;padding:0 10px;border-radius:14px;background:var(--vb-night);border:2px solid rgba(255,255,255,.6);box-shadow:0 3px 0 rgba(0,0,0,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.vb-stat span{font:800 9px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.75}.vb-stat b{font:800 19px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--vb-gold)}.vb-sync{min-width:96px}.vb-sync-bar{display:block;width:78px;height:12px;border-radius:7px;background:#3e1428;overflow:hidden;border:1.5px solid rgba(255,255,255,.35)}.vb-sync-bar b{display:block;height:100%;width:80%;border-radius:6px;background:linear-gradient(90deg,#4cd28a,#9dffb4);transition:width .15s,background .3s}.vb-sync-bar b.mid{background:linear-gradient(90deg,#ffb02e,#ffe066)}.vb-sync-bar b.low{background:linear-gradient(90deg,#ff3a2a,#ff7a5a);animation:vb-pulse .6s infinite}.vb-lamps{display:flex;gap:5px;height:19px;align-items:center}.vb-lamps u{width:15px;height:15px;border-radius:50%;background:#4a2834;border:2px solid #8a6a74;transition:background .2s,box-shadow .2s,transform .3s}.vb-lamps u.on{background:#ff2a1a;border-color:#ffd0c8;box-shadow:0 0 10px #ff2a1a;transform:scale(1.12)}.vb-progress{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 114px);transform:translateX(-50%);display:flex;gap:4px;pointer-events:none}.vb-progress i{width:26px;height:6px;border-radius:3px;background:rgba(255,255,255,.25);transition:background .3s}.vb-progress i.done{background:var(--vb-gold)}.vb-progress i.now{background:#fff;box-shadow:0 0 8px rgba(255,255,255,.7)}.vb-combo{position:absolute;z-index:4;right:14px;top:calc(env(safe-area-inset-top, 0px) + 132px);pointer-events:none;font:800 26px/1 Playful,sans-serif;color:var(--vb-gold);-webkit-text-stroke:5px var(--vb-deep);paint-order:stroke fill;opacity:0;transform:scale(.6);transition:opacity .2s,transform .3s cubic-bezier(.3,1.8,.5,1)}.vb-combo.show{opacity:1;transform:scale(1) rotate(-6deg)}@keyframes vb-pulse{50%{opacity:.55}}.vb-banner{position:absolute;z-index:6;left:50%;top:58%;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;white-space:nowrap}.vb-banner b{font:800 38px/1 Playful,sans-serif;color:#fff4e2;-webkit-text-stroke:7px var(--vb-wine);paint-order:stroke fill;text-shadow:0 5px 0 var(--vb-deep)}.vb-banner span{font:800 15px/1.1 Playful,sans-serif;color:#fff;padding:5px 12px;border-radius:12px;background:var(--vb-night)}.vb-banner.show{animation:vb-banner 1.9s ease-out}@keyframes vb-banner{0%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(.95)}}.vb-toast{position:absolute;z-index:7;left:50%;top:38%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 26px/1.1 Playful,sans-serif;color:#fff;text-align:center;white-space:nowrap;-webkit-text-stroke:6px var(--vb-deep);paint-order:stroke fill;text-shadow:0 4px 0 var(--vb-deep);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.vb-toast.show{opacity:1;transform:translate(-50%)}.vb-toast.good{color:#fff0a8}.vb-toast.bad{color:#ffd8d0;-webkit-text-stroke-color:#5a0a10;text-shadow:0 4px 0 #5a0a10}.vb-hint{position:absolute;z-index:5;left:50%;top:44%;transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:14px;background:var(--vb-night);border:2px solid rgba(255,255,255,.6);font:700 14px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 40px);opacity:0;transition:opacity .3s;pointer-events:none}.vb-hint.show{opacity:1}.vb-pads{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);width:min(94vw,520px);height:96px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.vb-pad{--c:#e8473d;position:relative;border-radius:22px;border:3px solid rgba(255,255,255,.9);padding:6px 4px 4px;cursor:pointer;touch-action:none;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 82%,#fff) 0,var(--c) 45%,color-mix(in srgb,var(--c) 62%,#000) 100%);color:#fff;box-shadow:inset 0 3px 0 rgba(255,255,255,.4),0 6px 0 color-mix(in srgb,var(--c) 45%,#000),0 10px 22px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .06s,box-shadow .06s,filter .06s}.vb-pad .face{font-size:30px;line-height:1;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.vb-pad .name{font:800 14px/1 Playful,sans-serif;letter-spacing:.5px;-webkit-text-stroke:3px rgba(0,0,0,.35);paint-order:stroke fill}.vb-pad .trait{font:700 10px/1.1 Playful,sans-serif;opacity:.92;white-space:nowrap}.vb-pad .pull{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:3px 8px;border-radius:9px;font:800 10px/1 Playful,sans-serif;letter-spacing:1px;background:var(--vb-gold);color:var(--vb-ink);border:2px solid #fff;opacity:0;transition:opacity .2s}.vb-pad.puller .pull{opacity:1}.vb-pad.down{transform:translateY(5px) scale(.98);filter:brightness(1.25);box-shadow:inset 0 3px 0 rgba(255,255,255,.5),0 1px 0 color-mix(in srgb,var(--c) 45%,#000),0 0 26px color-mix(in srgb,var(--c) 80%,#fff)}.vb-pads.huddle .vb-pad{animation:vb-wiggle .9s ease-in-out infinite}.vb-pads.huddle .vb-pad.puller{animation:none;filter:brightness(1.15);box-shadow:inset 0 3px 0 rgba(255,255,255,.5),0 6px 0 color-mix(in srgb,var(--c) 45%,#000),0 0 0 4px var(--vb-gold),0 0 24px var(--vb-gold)}@keyframes vb-wiggle{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.vb-keys{display:none}@media (hover:hover) and (pointer:fine){.vb-keys{display:block;position:absolute;z-index:5;left:50%;bottom:3px;transform:translateX(-50%);font:700 12px/1 Playful,sans-serif;color:rgba(255,255,255,.7);white-space:nowrap;pointer-events:none}}.playful-game .vb-menu,.playful-game .vb-results{background:linear-gradient(180deg,rgba(42,14,28,0) 26%,rgba(42,14,28,.7));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:30vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .vb-results{padding-top:34vh}.vb-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--vb-cream);color:var(--vb-ink);border:3px solid #fff;border-radius:28px;padding:14px 14px 16px;box-shadow:0 7px 0 #c08a6a,0 20px 50px rgba(0,0,0,.45);text-align:center}.vb-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:var(--vb-wine);background:#ffe0d4;border-radius:10px;padding:5px 10px}.vb-logo{margin:4px 0 2px;font:800 40px/.95 Playful,sans-serif;letter-spacing:1px;color:var(--vb-gold);-webkit-text-stroke:3px var(--vb-deep);paint-order:stroke fill;text-shadow:0 5px 0 var(--vb-deep);transform:rotate(-2deg)}.vb-tag{margin:4px 0 8px;font:700 13px/1.2 Playful,sans-serif;color:#7a3a40}.vb-roster{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px;gap:5px}.vb-crook{--c:#e8473d;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 6px;border-radius:14px;cursor:pointer;background:#f3e0cf;border:2px solid #e2c6ae;color:var(--vb-ink);transition:transform .15s,border-color .15s,background .15s}.vb-crook .face{font-size:26px;line-height:1}.vb-crook strong{font:800 12px/1 Playful,sans-serif}.vb-crook small{font-size:12px;line-height:1}.vb-crook em{position:absolute;top:-8px;right:-4px;min-width:18px;height:18px;border-radius:9px;padding:0 4px;font:800 10px/18px Playful,sans-serif;font-style:normal;background:var(--c);color:#fff;border:2px solid #fff;display:none}.vb-crook.on{background:color-mix(in srgb,var(--c) 22%,#fff);border-color:var(--c);transform:translateY(-2px);box-shadow:0 3px 0 var(--c)}.vb-crook.on em{display:block}.vb-trait{margin:8px 0 6px;min-height:2.5em;font:700 12.5px/1.3 Playful,sans-serif;color:#6b2e34}.vb-trait b{color:var(--vb-wine)}.vb-len{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin:0 0 8px}.vb-len-btn{border-radius:12px;border:2px solid #e2c6ae;background:#f3e0cf;color:var(--vb-ink);padding:7px 6px;font:800 13px/1 Playful,sans-serif;cursor:pointer}.vb-len-btn small{font-weight:700;opacity:.7;margin-left:3px}.vb-len-btn[aria-checked=true]{background:var(--vb-wine);border-color:var(--vb-deep);color:#fff}.vb-rules{list-style:none;margin:0 0 10px;padding:0;text-align:left;display:grid;grid-gap:4px;gap:4px}.vb-rules li{display:flex;gap:6px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#5a222a}.vb-rules li span{flex:none;width:18px;text-align:center}.vb-rules li p{margin:0}.vb-rules b{color:var(--vb-wine)}.playful-game .vb-card button.big{width:100%;background:var(--vb-wine);color:#fff;border-color:var(--vb-deep);box-shadow:inset 0 3px 0 #d0566e,0 5px 0 var(--vb-deep);font-size:23px}.playful-game .vb-card button.big:disabled{opacity:.5;cursor:not-allowed}.vb-best{margin:10px 0 0;font:700 12px/1.2 Playful,sans-serif;color:#8b5a4c}.vb-r-title{margin:6px 0 0;font:800 30px/1 Playful,sans-serif;color:var(--vb-wine)}.vb-results.lost .vb-r-title{color:#c4161c}.vb-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.vb-r-score b{font:800 52px/1 Playful,sans-serif;color:var(--vb-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vb-r-score span{font:800 16px/1 Playful,sans-serif;color:#a8806e}.vb-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}.vb-stars i{width:30px;height:30px;background:#eadccd;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transition:transform .3s cubic-bezier(.3,1.8,.5,1),background .2s}.vb-stars i.on{background:#ffbf2e;transform:scale(1.18) rotate(-6deg)}.vb-r-line{margin:6px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#6b2e34}.vb-r-stats{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.vb-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#fde4d6}.vb-r-stats b{font:800 18px/1 Playful,sans-serif;color:var(--vb-wine);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vb-r-stats span{font:700 10px/1 Playful,sans-serif;color:#8b5a4c}.vb-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#2f86c8;min-height:13px}.vb-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .vb-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.vb-link-btn{margin-top:10px;background:#f6e0d4;color:var(--vb-ink);border:2px solid #e8c4b0;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .vb-loading{background:radial-gradient(ellipse at 50% 40%,#6a1a34,#2a0e1c)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .vb-menu,.playful-game .vb-results{background:linear-gradient(90deg,rgba(42,14,28,0) 40%,rgba(42,14,28,.6));align-items:flex-end;justify-content:flex-start;padding:24px 6vw 24px 24px}.vb-card{margin:auto 0}.vb-logo{font-size:50px}.vb-lanes{left:50%;right:auto;width:min(600px,62vw);transform:translateX(-50%);top:44%;height:56%}.vb-pads{width:min(520px,56vw);bottom:20px}.vb-hint{top:40%}.vb-combo{right:30px}}@media (max-height:700px) and (max-width:759px){.playful-game .vb-menu,.playful-game .vb-results{padding-top:16vh}.vb-rules{display:none}}