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