*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.88) 0 44px,transparent 45px),radial-gradient(circle at 86% 18%,rgba(255,239,162,.88) 0 34px,transparent 35px),linear-gradient(180deg,#78c9ee,#bde9ff 35%,#83c96d);min-height:100dvh;color:#173a57}body.admin-body{background:#303f7a;color:#fff}#root{min-height:100dvh;display:flex;flex-direction:column;align-items:center}button{cursor:pointer;border:none;border-radius:12px;font-size:1.2rem;padding:12px 24px;transition:transform .1s,box-shadow .1s}button:hover{transform:scale(1.05)}button:active{transform:scale(.95)}.storybook-game{position:relative;isolation:isolate;background-color:#70c9ef;background-image:url(/game/storybook-meadow-v2.png);background-size:cover;background-position:center center;font-family:Arial Rounded MT Bold,Trebuchet MS,Segoe UI,sans-serif;border-inline:1px solid rgba(27,94,91,.16);box-shadow:0 0 34px #1246482e}.storybook-game:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#ffffff05}.game-topbar{position:relative;z-index:4;min-height:42px;padding:3px 4px;border-radius:16px;background:#fff8e2e6;border:2px solid rgba(255,255,255,.82);box-shadow:0 5px #b56b4833,0 9px 18px #26555024}.collection-strip{position:relative;z-index:4}.storybook-game--playing .collection-strip{order:10;margin-top:6px;margin-bottom:0!important;min-height:34px;padding-block:5px!important}.storybook-game--menu .collection-strip{display:none!important}.game-mode-panel{position:relative;z-index:3}.storybook-game--playing .game-mode-panel{border-radius:18px!important;border:3px solid #f39a72!important;background:#fff6da!important;box-shadow:0 6px #b059413d,0 12px 20px #23535324!important}.storybook-game--playing .game-mode-head{min-height:26px;font-size:17px!important}.game-countdown{min-height:88px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;column-gap:12px;align-items:center;padding:2px 8px 0;color:#173a57}.game-countdown strong{grid-row:1 / 3;min-width:88px;color:#16745f;font-size:72px;font-variant-numeric:tabular-nums;font-weight:950;line-height:.9;text-align:center;text-shadow:0 4px 0 rgba(255,255,255,.9)}.game-countdown>span{align-self:end;color:#31566c;font-size:18px;font-weight:950;line-height:1.02;text-transform:uppercase}.game-countdown small{align-self:start;margin-top:5px;color:#617788;font-size:13px;font-weight:900}.game-countdown--urgent strong{color:#d84f5f;animation:countdown-pulse .8s ease-in-out infinite}@keyframes countdown-pulse{50%{transform:scale(1.08)}}.game-example-stage{position:relative;z-index:2;align-items:flex-start!important;padding-top:clamp(3px,1dvh,9px)}.game-keypad-stage{position:relative;z-index:3}.paper-panel{background:#fff8e6;border:2px dashed rgba(213,155,67,.72);box-shadow:0 8px #5c7e422e,0 18px 28px #25585e29}.paper-soft{background:#fff8e6f0;border:2px solid rgba(255,255,255,.72);box-shadow:0 10px 20px #37694e29}.example-card{width:100%;min-height:clamp(88px,17dvh,132px);display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(8px,2.2dvh,18px) 12px;border-radius:24px;margin-bottom:6px;border:3px solid #f2a179;box-shadow:0 7px #b1574347,0 14px 22px #23535326}.example-card__text{font-size:clamp(36px,13vw,70px);font-weight:900;line-height:1.08;color:#14385b;overflow-wrap:anywhere}.example-card__answer{display:inline-flex;align-items:center;justify-content:center;min-width:1.15em;min-height:1.05em;padding:0 .08em;margin:0 .04em;border-radius:14px;background:#ffd86b;color:#14385b;box-shadow:inset 0 -4px #8e5d1821}.example-card__answer--empty{background:#ffffffd1;color:#14385b6b;border:2px dashed rgba(213,155,67,.66)}.number-pad{width:100%;max-width:350px;margin:0 auto;padding:6px;border-radius:22px;background:#fff8e6e0;border:2px solid rgba(255,255,255,.82);box-shadow:0 8px #34704733,0 14px 22px #285e4f2b}.number-pad__rows{display:flex;flex-direction:column;gap:6px}.number-pad__row{display:flex;gap:6px}.number-pad__button{flex:1;min-height:0;border-radius:18px;border:2px solid rgba(255,255,255,.82);background:#fffef8;color:#163a5c;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0;touch-action:manipulation;box-shadow:inset 0 -5px #304d6221,0 4px #2f4a552e,0 7px 12px #27544a1a}.number-pad__button--action{flex:1;color:#fff}.number-pad__button--delete{background:#5ba8d8;color:#fff}.number-pad__button--submit{background:#ffd34f;color:#123f69;border-color:#ffe98b}.number-pad__button--submit:disabled{background:#d8d1b2;color:#14385b7a}@media (max-height: 720px){.storybook-game--playing .game-topbar{min-height:36px;margin-bottom:4px!important}.storybook-game--playing .collection-strip{display:none!important}.storybook-game--playing .game-mode-panel{padding-block:5px!important;margin-bottom:4px!important}.game-countdown{min-height:68px}.game-countdown strong{min-width:72px;font-size:58px}.game-countdown>span{font-size:15px}.example-card{min-height:76px}}.mode-wheel::-webkit-scrollbar{display:none}.mode-wheel{-ms-overflow-style:none;overscroll-behavior:contain;touch-action:pan-y}.drum-wheel-shell{position:relative;flex:1;min-height:260px;max-height:none;margin:0 -4px;overflow:hidden;border:2px dashed rgba(213,155,67,.52);border-radius:24px;background:#fff8e6b8;box-shadow:0 12px 28px #27544a21}.drum-wheel-fade{position:absolute;left:2px;right:2px;z-index:2;height:70px;pointer-events:none}.drum-wheel-fade--top{top:0;border-radius:22px 22px 0 0;background:linear-gradient(180deg,#fff8e6fa,#fff8e600)}.drum-wheel-fade--bottom{bottom:0;border-radius:0 0 22px 22px;background:linear-gradient(0deg,#b3df97f2,#b3df9700)}.drum-wheel-track{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;gap:12px;padding:calc(50% - 64px) 14px;overflow-x:hidden;overflow-y:auto;scroll-padding-block:50%;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y}.drum-wheel-track::-webkit-scrollbar{display:none}.drum-wheel-card{width:100%;height:128px;min-height:128px;display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:14px;padding:14px 16px;border:3px solid rgba(255,255,255,.78);border-radius:18px;background:#ffffffc2;color:#173a57;text-align:left;opacity:.72;transform:scale(.94);scroll-snap-align:center;box-shadow:0 6px 12px #27544a1a;transition:transform .2s ease,opacity .2s ease,background .2s ease,border-color .2s ease}.drum-wheel-card.is-active{border-color:var(--drum-accent);background:linear-gradient(135deg,#fffef8,var(--drum-soft));color:var(--drum-ink);opacity:1;transform:scale(1);box-shadow:0 12px 20px #27544a2e,0 0 0 4px var(--drum-ring)}.drum-wheel-badge{width:76px;height:76px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--drum-accent);color:var(--drum-ink);font-size:42px;font-weight:900;box-shadow:inset 0 -5px #00000017,0 5px 10px #27544a1f}.drum-wheel-badge--compact{font-size:28px}.drum-wheel-badge--wide{font-size:22px}.drum-wheel-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.drum-wheel-title{display:block;overflow:hidden;font-size:22px;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.drum-wheel-card.is-active .drum-wheel-title{font-size:27px}.drum-wheel-title.drum-wheel-title--long{overflow:visible;font-size:18px;line-height:1.08;text-overflow:clip;white-space:normal}.drum-wheel-card.is-active .drum-wheel-title--long{font-size:21px}.drum-wheel-subtitle{display:block;font-size:14px;font-weight:800;line-height:1.18;opacity:.86}.drum-wheel-card.is-active .drum-wheel-subtitle{font-size:15px;opacity:.78}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes coinFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(105vh) rotate(720deg)}}@keyframes achieveBounce{0%{transform:translate(-50%) scale(0)}60%{transform:translate(-50%) scale(1.15)}to{transform:translate(-50%) scale(1)}}