*,:before,:after{box-sizing:border-box}:root{--spin-time:5s;--digit-size:clamp(3.85rem, min(10.2vw, 15.4dvh), 9.65rem);--reel-step:calc(var(--digit-size) * 1.2);--ink:#3f2a16;--honey:#f8c247;--leaf:#91c200;--panel:#ffffffc7;--panel-border:#ffffff80;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--stage-pad-x:clamp(.5rem, 2.2vw, 1.4rem);--stage-pad-top:calc(clamp(.35rem, 1.25dvh, .95rem) + var(--safe-top));--stage-pad-bottom:calc(clamp(1.35rem, 4.6dvh, 3.35rem) + var(--safe-bottom));--slot-shift-y:clamp(-1.35rem, -2.4dvh, -.36rem);--footer-bar-height:clamp(.24rem, .7dvh, .5rem)}html,body,#app{width:100%;min-height:100%}body{overscroll-behavior-x:none;color:var(--ink);background:radial-gradient(circle at 50% 15%,#ffffff8c,#0000 32rem),linear-gradient(135deg,#fbd987 0%,#fbe2a4 48%,#fff0bd 100%);margin:0;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input{font:inherit}.app-shell{min-height:100dvh;overflow-x:clip}.hero-stage{isolation:isolate;height:100dvh;min-height:100svh;padding:var(--stage-pad-top) var(--stage-pad-x) var(--stage-pad-bottom);place-items:center;display:grid;position:relative;overflow:hidden}.hero-stage:before{content:"";z-index:-2;background:radial-gradient(circle at 18% 20%,#ffffff40,#0000 18rem),radial-gradient(circle at 78% 16%,#ffffff40,#0000 18rem),linear-gradient(90deg,#b27c391f,#0000 24% 76%,#b27c391f);position:absolute;inset:0}.hero-stage:after{content:"";inset:calc(var(--stage-pad-top) + clamp(1.25rem, 3.2dvh, 2.6rem)) clamp(.8rem, 8.5vw, 9rem) calc(var(--stage-pad-bottom) + clamp(.8rem, 2.4dvh, 1.05rem));z-index:-1;pointer-events:none;background:#ffffdc2e;border-radius:2.4rem;position:absolute;box-shadow:0 2.4rem 6rem #54360d21}.bee-world{z-index:0;pointer-events:auto;touch-action:none;cursor:grab;position:absolute;inset:0}.bee-world canvas{width:100%;height:100%;display:block}.sound-toggle{top:calc(var(--safe-top) + clamp(.75rem, 2.2vw, 1.45rem));z-index:7;color:#482e14db;letter-spacing:.018em;-webkit-backdrop-filter:blur(9px)saturate(1.08);backdrop-filter:blur(9px)saturate(1.08);cursor:pointer;background:linear-gradient(#ffffffc2,#fff1c2b8),radial-gradient(circle at 30% 15%,#ffec97b8,#0000 56%);border:1px solid #6f4a2629;border-radius:999px;min-height:2.35rem;padding:.5rem .78rem;font-size:clamp(.72rem,1vw,.86rem);font-weight:900;transition:transform .16s,filter .16s,box-shadow .16s;position:absolute;right:clamp(.75rem,2.2vw,1.45rem);box-shadow:0 .55rem 1.5rem #5f3e1c24,inset 0 1px #ffffffbd}.sound-toggle:before{content:"♪";color:#fff7cf;background:linear-gradient(#d79a2e,#996325);border-radius:999px;place-items:center;width:1.3em;height:1.3em;margin-right:.38rem;display:inline-grid;box-shadow:inset 0 1px #ffffff61}.sound-toggle.active{color:#4e3216;background:linear-gradient(#fffbe7e6,#ffde74d1),radial-gradient(circle at 30% 15%,#fff7c6db,#0000 56%);border-color:#c6882857;box-shadow:0 .65rem 1.75rem #bc771f38,0 0 0 .18rem #ffcf491f,inset 0 1px #fffc}.sound-toggle:hover{filter:brightness(1.03);transform:translateY(-1px)}.loader-fade-enter-active,.loader-fade-leave-active{transition:opacity .26s,transform .26s}.loader-fade-enter-from,.loader-fade-leave-to{opacity:0}.scene-loader{z-index:5;pointer-events:none;place-items:center;padding:clamp(1rem,4vw,2rem);display:grid;position:absolute;inset:0}.scene-loader-card{-webkit-backdrop-filter:blur(10px)saturate(1.08);backdrop-filter:blur(10px)saturate(1.08);background:linear-gradient(#ffffffbd,#fff4d0b8),radial-gradient(circle at 50% 0,#ffefaaad,#0000 46%);border:1px solid #fff8d5b8;border-radius:1.55rem;justify-items:center;gap:clamp(.9rem,2dvh,1.35rem);width:min(92vw,34rem);padding:clamp(1.2rem,3vw,1.8rem) clamp(1.15rem,3vw,1.7rem);display:grid;box-shadow:0 1.55rem 4.3rem #54321233,inset 0 1px #ffffffbf,inset 0 -.18rem .72rem #5d3c1724}.scene-loader-card.is-error{border-color:#b0482038;box-shadow:0 1.55rem 4.3rem #783a183d,inset 0 1px #ffffffbf}.scene-loader-logo{object-fit:contain;filter:drop-shadow(0 .55rem 1.35rem #633f1329);width:min(74vw,31rem);max-width:100%;height:auto;display:block}.scene-loader-progress{gap:.58rem;width:min(100%,28rem);display:grid}.scene-loader-progress-track{background:linear-gradient(#7d541d47,#fffbe7c2),linear-gradient(135deg,#8b5c1e33,#fff0c4e6);border-radius:999px;height:clamp(1rem,1.85dvh,1.2rem);padding:.14rem;position:relative;overflow:hidden;box-shadow:inset 0 .08rem .18rem #4f30112e,inset 0 -.08rem .12rem #ffffffa6}.scene-loader-progress-track:before{content:"";border-radius:inherit;opacity:.72;background:radial-gradient(circle at .65rem,#ffffff2e 0 .18rem,#0000 .2rem),radial-gradient(circle at 1.35rem,#ffffff29 0 .18rem,#0000 .2rem),radial-gradient(circle at 2.05rem,#ffffff24 0 .18rem,#0000 .2rem),linear-gradient(#fff5d4cc,#e8c46966);position:absolute;inset:.12rem}.scene-loader-progress-fill{border-radius:inherit;background:linear-gradient(#ffd96b 0%,#f2b12c 44%,#d8891d 100%);min-width:0%;height:100%;transition:width .22s ease-out;position:relative;overflow:hidden;box-shadow:0 .2rem .75rem #e097244d,inset 0 .08rem .12rem #ffffff80,inset 0 -.08rem .18rem #7343102e}.scene-loader-progress-fill:before{content:"";background:radial-gradient(circle at .7rem,#ffeb9ef2 0 .19rem,#0000 .2rem) 0 0/2.8rem 100%,radial-gradient(circle at 1.5rem,#fff3c5b8 0 .16rem,#0000 .18rem) 0 0/2.8rem 100%,radial-gradient(circle at 2.35rem,#ffeb9ee0 0 .17rem,#0000 .19rem) 0 0/2.8rem 100%,linear-gradient(#ffffff47,#fff0) 0 0/100% 100%;animation:1.9s linear infinite honeyBubbleDrift;position:absolute;inset:0}.scene-loader-progress-glow{background:linear-gradient(100deg,#0000 0%,#ffffff2e 36%,#ffffff8c 52%,#0000 68%);animation:1.8s ease-in-out infinite honeyShimmer;position:absolute;inset:0;transform:translate(-100%)}.scene-loader-progress-meta{color:#4a2f13d6;letter-spacing:.015em;justify-content:space-between;align-items:center;gap:.8rem;font-size:clamp(.78rem,1.05vw,.92rem);font-weight:800;display:flex}.scene-loader-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scene-loader-value{text-align:right;flex:none;min-width:3ch}.scene-loader-caption{color:#4a2f13b3;text-align:center;max-width:30rem;margin:0;font-size:clamp(.76rem,1.02vw,.9rem);line-height:1.5}.scene-loader-caption.is-error{color:#692b12eb}@keyframes honeyBubbleDrift{0%{background-position:0 0,.8rem 0,1.5rem 0,0 0}to{background-position:2.8rem 0,3.6rem 0,4.3rem 0,0 0}}@keyframes honeyShimmer{0%{transform:translate(-120%)}to{transform:translate(140%)}}.slot-overlay{z-index:3;width:min(94vw,56rem);max-width:100%;transform:translateY(var(--slot-shift-y));justify-items:center;gap:clamp(.4rem,1.2dvh,.9rem);display:grid;position:relative}.meter-branding{object-fit:contain;object-position:center;aspect-ratio:auto;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 .55rem 1.35rem #633f132e);max-width:100%;height:auto;display:block}.meter-branding-top{width:min(56vw,2.7198*clamp(2.8rem,8.4dvh,5.6rem));margin-bottom:clamp(0rem,.2dvh,.1rem)}.meter-branding-bottom{width:min(74vw,3.1127*clamp(3.95rem,12.4dvh,8.35rem));margin-top:clamp(.08rem,.35dvh,.22rem)}.reel-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px)saturate(1.12);backdrop-filter:blur(8px)saturate(1.12);background:linear-gradient(#ffffff6b,#ffeca724),radial-gradient(circle at 50% 10%,#fff1a66b,#0000 46%),linear-gradient(135deg,#754a1b33,#ffec9629);border:1px solid #fff8d594;border-radius:1.24rem;gap:.08em;width:fit-content;max-width:min(94vw,100%);padding:.18em .23em .16em;transition:transform .22s,box-shadow .22s,filter .22s;display:flex;box-shadow:0 1.35rem 4.25rem #54321247,0 .2rem .8rem #fff5bb38,inset 0 1px #ffffff9e,inset 0 -.18rem .7rem #4c2c122e}.reel-wrap:hover{filter:saturate(1.04);transform:translateY(-.12rem)scale(1.015)}.reel-wrap.rolling{box-shadow:0 1.45rem 4.9rem #ffb9406b,0 0 1.5rem #ffe87e3d,inset 0 0 2.2rem #ffd56138}.reel{width:calc(var(--digit-size) * .86);height:var(--reel-step);min-width:calc(var(--digit-size) * .86);perspective:900px;contain:layout paint;background:linear-gradient(#fffff6c7,#fee5916b 36%,#5b3d1f57 100%),radial-gradient(circle at 50% 48%,#fffddcd1,#f6c96738 52%,#462a1647);border:1px solid #fffcdb94;border-radius:.22em;position:relative;overflow:hidden;box-shadow:inset 0 .08em .12em #ffffff94,inset 0 -.09em .18em #3d251352,0 .12em .42em #3f271129}.reel:before,.reel:after{content:"";z-index:1;pointer-events:none;width:100%;height:30%;position:absolute;left:0}.reel:before{background:linear-gradient(#1c130a94,#412b1629,#0000);top:0}.reel:after{background:linear-gradient(#0000,#412b1629,#1c130a94);bottom:0}.reel-window{z-index:0;contain:strict;position:absolute;inset:0;overflow:hidden}.reel-digit{width:100%;height:var(--reel-step);font-family:Fredoka,Fredoka One,system-ui,sans-serif;font-size:var(--digit-size);font-variant-numeric:tabular-nums;color:#fff6ce;text-shadow:0 .035em #2a1a0d,0 .07em #2a1a0d,0 .018em .04em #fffff5bf,0 .05em .18em #23170be0,0 0 .3em #ffcd4ea3;-webkit-text-stroke:.03em #24160c;paint-order:stroke fill;will-change:transform, opacity;backface-visibility:hidden;contain:layout paint style;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;top:0;left:0;transform:translate(0,0)}.reel-digit b{transform:translateY(-.035em) scale(var(--digit-scale,1));transform-origin:50%;line-height:1;display:block}.draw-hint{color:#412b16d1;letter-spacing:.02em;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fff6d79e;border:1px solid #6f4a261f;border-radius:999px;margin:0;padding:.52rem .92rem;font-size:clamp(.78rem,1.16vw,.96rem);font-weight:700}.gradient-bar{bottom:var(--safe-bottom);z-index:2;width:100%;height:var(--footer-bar-height);pointer-events:none;opacity:.86;background:linear-gradient(90deg,#91c200 0%,#c89b2d 16.66%,#f04131 33.33%,#ff902d 50%,#91c200 66.66%,#56b5e8 83.33%,#91c200 100%) 0 0/100% 100%;position:absolute;left:0}.gradient-bar.animate{animation:gradientAnim var(--spin-time) linear infinite;background-size:300% 300%}@keyframes gradientAnim{0%{background-position:0%}to{background-position:100%}}.controls-panel{width:min(100%,980px);padding:2.4rem 1.2rem calc(3.4rem + var(--safe-bottom));gap:1.4rem;margin:0 auto;display:grid}.control-card{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #85582224;border-radius:1.15rem;gap:1.2rem;padding:1.25rem;display:grid;box-shadow:0 1rem 3rem #5b3d1514}.primary-card{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.field{gap:.52rem;display:grid}.field label{color:#312211d1;font-size:.88rem;font-weight:800}.field input{width:100%;min-height:2.8rem;color:var(--ink);background:#ffffffd1;border:1px solid #5f3f1e38;border-radius:.66rem;outline:none;padding:.58rem .72rem;transition:border-color .18s,box-shadow .18s}.field input:focus{border-color:#b88622d1;box-shadow:0 0 0 .22rem #f8c2473d}.action-stack{flex-wrap:wrap;align-items:end;gap:.68rem;display:flex}.btn{color:#fff;cursor:pointer;background:linear-gradient(#1184b1,#066b9a);border:0;border-radius:.74rem;min-height:2.8rem;padding:.66rem 1rem;font-weight:800;transition:transform .16s,filter .16s,box-shadow .16s;box-shadow:0 .54rem 1.2rem #066b9a38}.btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.58}.btn.draw-btn{background:linear-gradient(#f4a72e,#cf7820);box-shadow:0 .54rem 1.2rem #cf78203d}.btn.muted{color:#473018;background:linear-gradient(#ffffffeb,#f3e2b9eb);box-shadow:0 .54rem 1.2rem #5d3c171a}.btn.danger{background:linear-gradient(#dc3545,#af2431);box-shadow:0 .54rem 1.2rem #af243138}.stats-card{color:#312211db;text-align:center;font-weight:700}#history{color:#312211b8;word-break:break-word;min-height:1.3rem;font-size:.9rem;line-height:1.5}.install-btn{justify-self:center}@media (width<=760px){:root{--digit-size:clamp(3.05rem, min(17.4vw, 12.3dvh), 6.75rem);--stage-pad-x:clamp(.35rem, 3vw, .9rem);--stage-pad-top:calc(clamp(.28rem, 1dvh, .72rem) + var(--safe-top));--stage-pad-bottom:calc(clamp(1.15rem, 4.2dvh, 3rem) + var(--safe-bottom));--slot-shift-y:clamp(-1rem, -1.6dvh, -.18rem)}.hero-stage:after{inset:calc(var(--stage-pad-top) + 1.25rem) .65rem calc(var(--stage-pad-bottom) + .75rem);border-radius:1.6rem}.slot-overlay{gap:clamp(.24rem,.75dvh,.46rem)}.primary-card{grid-template-columns:1fr}.action-stack .btn{flex:9rem}}@media (height<=620px){:root{--digit-size:clamp(2.52rem, min(11.4vw, 10.5dvh), 5.2rem);--stage-pad-top:calc(.28rem + var(--safe-top));--stage-pad-bottom:calc(1.05rem + var(--safe-bottom));--slot-shift-y:-.2rem}.draw-hint{padding:.34rem .68rem}.slot-overlay{gap:.22rem}}@media (width<=430px){:root{--digit-size:clamp(2.62rem, 16.2vw, 4.95rem);--slot-shift-y:clamp(-.68rem, -1.2dvh, -.12rem)}.reel-wrap{border-radius:.78rem;padding:.16em .2em .15em}.draw-hint{text-align:center;max-width:84vw;padding:.38rem .62rem;font-size:clamp(.62rem,2.6vw,.74rem)}}@media (orientation:landscape) and (height<=540px){:root{--digit-size:clamp(2.2rem, min(8.2vw, 11.8dvh), 4.25rem);--stage-pad-bottom:calc(.72rem + var(--safe-bottom));--slot-shift-y:0rem}.hero-stage:after{inset:calc(var(--stage-pad-top) + .55rem) clamp(1.2rem, 14vw, 9rem) calc(var(--stage-pad-bottom) + .45rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=760px){:root{--digit-size:clamp(3.02rem, 16.5vw, 5.35rem);--stage-pad-x:clamp(.45rem, 2.5vw, .9rem);--stage-pad-bottom:calc(clamp(1.15rem, 3.2dvh, 2.15rem) + var(--safe-bottom));--slot-shift-y:clamp(-.62rem, -1.1dvh, -.15rem)}.slot-overlay{gap:.42rem;width:min(94vw,29rem)}.reel-wrap{border-radius:.82rem;padding:.16em .21em .15em}.draw-hint{text-align:center;max-width:88vw;line-height:1.2}}@media (height<=620px) and (orientation:landscape){:root{--digit-size:clamp(2.42rem, 9.8dvh, 3.95rem);--stage-pad-top:calc(.22rem + var(--safe-top));--stage-pad-bottom:calc(.78rem + var(--safe-bottom));--slot-shift-y:0rem}.slot-overlay{gap:.24rem}.draw-hint{padding:.32rem .62rem;font-size:.68rem}}.splat-loading{z-index:4;color:#492f14c7;letter-spacing:.025em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#fff6d7a8;border:1px solid #6f4a2624;border-radius:999px;padding:.55rem .9rem;font-size:clamp(.72rem,1vw,.86rem);font-weight:800;position:absolute;top:clamp(1.2rem,7dvh,5rem);left:50%;transform:translate(-50%);box-shadow:0 .65rem 2.4rem #6038141f}.splat-orbit-panel{padding:.95rem clamp(1rem, 4vw, 2rem) calc(1.1rem + var(--safe-bottom));color:#3f2a16bd;text-align:center;background:linear-gradient(#fff4ce9e,#f4d3a5e6);justify-items:center;gap:.55rem;display:grid}.splat-orbit-panel p{max-width:46rem;margin:0;font-size:clamp(.76rem,1.05vw,.9rem);line-height:1.45}.orbit-toggle{color:#fff9dd;background:linear-gradient(#ffffff47,#fff0),linear-gradient(135deg,#0b8f97,#096f78);min-width:min(100%,18rem);box-shadow:0 .55rem 1.5rem #096f783d}@media (width<=680px){.splat-orbit-panel{padding-top:.8rem}.splat-loading{top:calc(var(--safe-top) + .75rem)}}.bee-world{pointer-events:auto;cursor:grab;touch-action:none;background:#fbe2a4}.bee-world.is-dragging{cursor:grabbing}.slot-overlay,.controls-panel,.splat-orbit-panel{pointer-events:auto}.orbit-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;width:min(100%,44rem);display:flex}.orbit-toggle.secondary{background:linear-gradient(#ffffff42,#fff0),linear-gradient(135deg,#735027,#9d6c2d);box-shadow:0 .55rem 1.5rem #5f3e1c33}@media (width<=520px){.orbit-actions{grid-template-columns:1fr;display:grid}.orbit-toggle{width:min(100%,22rem)}}.splat-loading.splat-error{color:#692b12eb;white-space:normal;text-align:center;background:#ffe8c6d1;border-color:#b0482047;max-width:min(92vw,46rem)}@media (width<=720px){.sound-toggle{top:calc(var(--safe-top) + .6rem);min-height:2.1rem;padding:.42rem .62rem;font-size:.68rem;right:.65rem}.scene-loader-card{gap:.8rem;width:min(94vw,30rem);padding:1rem .95rem 1.15rem}.scene-loader-logo{width:min(80vw,24rem)}.scene-loader-progress-meta{font-size:.8rem}.scene-loader-label{white-space:normal}.slot-overlay{width:min(96vw,100%)}.meter-branding-top{width:min(72vw,2.7198*clamp(2.2rem,6.5dvh,4.2rem))}.meter-branding-bottom{width:min(86vw,3.1127*clamp(3.25rem,9.8dvh,6.1rem))}}