.child-page-header{min-height:48px;flex:0 0 auto;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 7px;border:2px solid rgba(255,255,255,.82);border-radius:16px;background:#fff8e2f0;color:#173a57;box-shadow:0 5px #b56b4833,0 9px 18px #26555024}.child-page-header__back{width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:12px;background:#5ba8d8;color:#fff;box-shadow:inset 0 -4px #1b48672e}.child-page-header__back>span{display:block;color:#fff;font-family:Arial,sans-serif;font-size:27px;font-weight:900;line-height:1;transform:translateY(-1px);-webkit-text-stroke:1px currentColor}.child-page-header__heading{min-width:0;display:flex;flex-direction:column;align-items:center;color:#173a57;font-size:clamp(17px,5vw,23px);font-weight:900;line-height:1;text-align:center}.child-page-header__heading small{max-width:100%;margin-top:3px;overflow:hidden;color:#527083;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.child-page-header__rewards{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.child-page-header__rewards>span{position:relative;min-width:48px;padding:6px 7px;border-radius:8px;background:#fff;font-size:14px;font-weight:900;line-height:1;text-align:center;white-space:nowrap;box-shadow:0 3px 8px #27544a1f}.child-page-header__stars{color:#9a6400}.child-page-header__bonus{color:#1d7c6f}.child-page-header__rewards b{position:absolute;top:30px;right:2px;z-index:8;padding:3px 5px;border-radius:7px;background:#267f58;color:#fff;font-size:13px;animation:child-page-reward-delta 1.6s ease-out forwards;pointer-events:none}@keyframes child-page-reward-delta{0%{opacity:0;transform:translateY(4px) scale(.8)}15%,70%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.96)}}@media (max-width: 360px){.child-page-header{grid-template-columns:40px minmax(0,1fr) auto;gap:5px;padding-inline:5px}.child-page-header__back{width:36px;height:36px}.child-page-header__rewards{gap:3px}.child-page-header__rewards>span{min-width:43px;padding-inline:5px;font-size:13px}}@media (max-height: 650px){.child-page-header{min-height:42px}.child-page-header__back{width:34px;height:34px}.child-page-header__rewards>span{padding-block:5px}}.collection-screen{position:relative;isolation:isolate;width:100%;max-width:430px;height:100dvh;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));overflow:hidden;color:#173a57;background-color:#70c9ef;background-image:url(/game/storybook-meadow-v2.png);background-size:cover;background-position:center center;box-shadow:0 0 0 9999px #6abde21f}.collection-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#fff8e247,#fff8e21a 48%,#6dae532e)}.collection-screen--message,.collection-empty{align-items:center;justify-content:center;font-size:20px;font-weight:900}.collection-modal__close{width:46px;height:46px;padding:0;border-radius:8px;background:#fff8e6e6;color:#173a57;font-size:27px;font-weight:900}.collection-groups{flex:1;min-height:0;overflow-y:auto;margin-top:12px;padding-right:2px}.collection-group{margin-bottom:18px}.collection-group__title{margin-bottom:8px;font-size:18px;font-weight:900;color:#173a57}.collection-family{margin-bottom:14px}.collection-family__header{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:7px;color:#173a57eb;font-size:16px;font-weight:900}.collection-family__header small{flex:none;color:#173a57ad;font-size:11px;font-weight:900}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.collection-card{min-width:0;min-height:190px;display:flex;flex-direction:column;align-items:stretch;padding:8px;border:3px solid rgba(255,255,255,.82);border-radius:8px;background:#fff8e6e0;color:#173a57;text-align:left;overflow:hidden}.collection-card:hover{transform:none}.collection-card--common{border-color:#ffffff3d}.collection-card--rare{border-color:#6ee7ff}.collection-card--super_rare{border-color:#ff8bd1}.collection-card--legendary{border-color:#ffd54f}.collection-card--locked{background:#fff8e69e}.collection-card__rarity,.collection-detail-rarity{align-self:flex-start;padding:4px 7px;border-radius:999px;background:#173a571f;color:#173a57db;font-size:11px;font-weight:900}.collection-card__photo{width:100%;aspect-ratio:1.22;margin-top:7px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:linear-gradient(160deg,#f8f3d0,#9fe3d5);color:#33245e;font-size:58px;font-weight:900;overflow:hidden}.collection-card--locked .collection-card__photo,.collection-detail-photo--locked{background:repeating-linear-gradient(135deg,#ffffff24,#ffffff24 10px,#ffffff0f 10px,#ffffff0f 20px);color:#173a577a}.collection-card__photo img,.collection-detail-photo img{width:100%;height:100%;object-fit:cover}.collection-card__name{min-height:36px;margin-top:8px;font-size:17px;line-height:1.05;font-weight:900}.collection-card__facts{margin-top:6px;color:#173a57ad;font-size:13px;font-weight:800}.collection-card__bar{height:9px;margin-top:7px;overflow:hidden;border-radius:999px;background:#173a571f}.collection-card__bar span{display:block;height:100%;border-radius:inherit;background:#ffd54f}.collection-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:12px;background:#000000bd}.collection-modal__card{position:relative;width:min(100%,410px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:14px;border-radius:8px;background:#fff7df;color:#283044}.collection-modal__close{position:absolute;top:10px;right:10px;background:#2830441f;color:#283044}.collection-detail-photo{width:100%;aspect-ratio:1.38;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border-radius:8px;background:linear-gradient(150deg,#f8f3d0,#9fe3d5);color:#33245e;font-size:92px;font-weight:900;overflow:hidden}.collection-detail-rarity{background:#283044;color:#fff}.collection-modal h1{margin-top:8px;font-size:29px;line-height:1;letter-spacing:0}.collection-detail-meta,.collection-detail-description,.collection-detail-credit,.collection-fact{margin-top:8px;font-size:15px;line-height:1.28}.collection-detail-meta{color:#6d7582;font-weight:800}.collection-detail-credit{display:block;color:#376b72;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.collection-facts-title{margin-top:14px;font-size:18px;font-weight:900}.collection-facts{display:grid;gap:7px;margin-top:8px}.collection-fact{padding:10px;border-radius:8px;background:#28304414;font-weight:800}.collection-fact--locked{color:#8a8790;background:#2830440d}.clock-screen{width:min(100%,560px);height:100dvh;min-height:520px;overflow:hidden;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom));background-color:#70c9ef;background-image:url(/game/storybook-meadow-v2.png);background-size:cover;background-position:center;color:#173a57;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}.clock-screen button{font-family:inherit;letter-spacing:0;touch-action:manipulation}.clock-menu,.clock-game{flex:1;min-height:0;display:flex;flex-direction:column}.clock-menu{gap:clamp(8px,1.8dvh,16px);justify-content:center;padding:8px 3px 3px}.clock-menu__heading{text-align:center;text-shadow:0 3px 0 rgba(255,248,230,.9),0 7px 12px rgba(39,84,74,.18)}.clock-menu__heading h1{font-size:clamp(27px,4.8dvh,38px);line-height:1.05}.clock-menu__heading p{margin-top:3px;font-size:16px;font-weight:900}.clock-difficulty{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;border-radius:16px;background:#fff8e2eb;border:2px solid rgba(255,255,255,.8);box-shadow:0 6px 14px #27544a24}.clock-difficulty button{min-width:0;min-height:42px;padding:5px 3px;border-radius:11px;background:transparent;color:#36566f;font-size:clamp(11px,3.3vw,14px);line-height:1.05;font-weight:900}.clock-difficulty button.is-active{background:#ffd75f;color:#173a57;box-shadow:inset 0 -4px #915e1826,0 3px 7px #27544a1f}.clock-activities{display:grid;gap:clamp(7px,1.5dvh,12px)}.clock-activity{width:100%;min-height:clamp(82px,14dvh,108px);display:grid;grid-template-columns:76px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:10px 13px;border:3px solid rgba(255,255,255,.82);border-radius:18px;color:#173a57;text-align:left;box-shadow:0 7px #3367562e,0 13px 18px #27544a21}.clock-activity--choose{background:#fff7ce}.clock-activity--set{background:#d8f4ff}.clock-activity--digital{background:#ddf7d0}.clock-activity--duration{background:#ffe1d6}.clock-activity__badge{width:70px;height:62px;display:grid;place-items:center;border-radius:15px;background:#173a57;color:#fff5ca;font-family:ui-monospace,Cascadia Mono,monospace;font-size:20px;font-weight:900;box-shadow:inset 0 -5px #0003}.clock-activity--set .clock-activity__badge{background:#f58f72;color:#fff;font-size:42px}.clock-activity--duration .clock-activity__badge{background:#d76468;color:#fff;font-size:17px}.clock-activity__text{min-width:0;display:flex;flex-direction:column;gap:4px}.clock-activity__text strong{font-size:clamp(20px,5.5vw,26px);line-height:1.05}.clock-activity__text small{font-size:13px;line-height:1.15;font-weight:800;opacity:.78}.clock-activity__arrow{font-size:40px;font-weight:900}.clock-game{position:relative;align-items:center;padding-top:7px}.clock-progress{width:min(76%,330px);height:18px;flex:0 0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px;border-radius:999px;background:#fff8e2e0;box-shadow:0 4px 8px #27544a1f}.clock-progress span{border-radius:999px;background:#173a5724}.clock-progress span.is-filled{background:#f4a261}.clock-prompt{min-height:clamp(63px,11dvh,90px);flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 3px 0 rgba(255,248,230,.9)}.clock-prompt h1{font-size:clamp(23px,4.4dvh,32px);line-height:1.05}.clock-prompt p{margin-top:3px;font-size:15px;font-weight:900}.clock-target-time{margin-top:4px;padding:3px 14px;border-radius:10px;background:#173a57;color:#fff2a6;font-family:ui-monospace,Cascadia Mono,monospace;font-size:clamp(25px,5dvh,36px);font-weight:900;line-height:1.1;text-shadow:none;box-shadow:inset 0 -4px #00000038}.clock-stage{flex:1;min-height:0;width:100%;display:grid;place-items:center}.analog-clock{display:block;width:min(78vw,43dvh,330px);height:min(78vw,43dvh,330px);max-width:100%;filter:drop-shadow(0 10px 8px rgba(37,75,71,.24));-webkit-user-select:none;user-select:none}.analog-clock--interactive{touch-action:none}.analog-clock--compact{width:min(39vw,27dvh,190px);height:min(39vw,27dvh,190px)}.analog-clock__rim{fill:#f49a73;stroke:#fff4ce;stroke-width:6}.analog-clock__face{fill:#fffdf4;stroke:#d7bd75;stroke-width:3}.analog-clock__tick{stroke:#6f8795;stroke-width:2;stroke-linecap:round}.analog-clock__tick--major{stroke:#173a57;stroke-width:4}.analog-clock__number{fill:#173a57;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:17px;font-weight:900;text-anchor:middle;dominant-baseline:middle}.analog-clock__hand{cursor:grab}.analog-clock__hand.is-active{cursor:grabbing}.analog-clock__hand-hitbox{stroke:transparent;stroke-width:26;stroke-linecap:round}.analog-clock__hour-line,.analog-clock__minute-line{stroke-linecap:round}.analog-clock__hour-line{stroke:#f06470;stroke-width:10}.analog-clock__minute-line{stroke:#3187be;stroke-width:7}.analog-clock__hour-handle{fill:#f06470;stroke:#fff;stroke-width:3}.analog-clock__minute-handle{fill:#3187be;stroke:#fff;stroke-width:3}.analog-clock__pin-outer{fill:#173a57}.analog-clock__pin{fill:#ffd75f}.clock-controls{width:100%;min-height:clamp(78px,15dvh,126px);flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:5px 0 2px}.clock-options,.clock-duration-options{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.clock-options button,.clock-duration-options button{min-width:0;height:clamp(64px,11dvh,86px);padding:4px;border-radius:17px;border:3px solid rgba(255,255,255,.84);background:#fff8e6;color:#173a57;font-family:ui-monospace,Cascadia Mono,monospace;font-size:clamp(21px,6.4vw,30px);font-weight:900;box-shadow:inset 0 -6px #59574121,0 6px #3266532e}.clock-duration-options button{font-family:inherit;font-size:clamp(17px,5vw,25px)}.clock-stage--duration{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:3px}.clock-duration-face{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.clock-duration-face>span{padding:3px 10px;border-radius:9px;background:#fff8e6f0;font-size:14px;font-weight:900;box-shadow:0 4px 8px #27544a1f}.clock-duration-arrow{color:#173a57;font-size:clamp(27px,8vw,42px);font-weight:900;text-shadow:0 3px 0 rgba(255,248,230,.9)}.clock-ready{width:min(100%,290px);height:clamp(66px,11dvh,84px);padding:0;border-radius:20px;border:3px solid #fff0a5;background:#ffd34f;color:#123f69;font-size:40px;font-weight:900;box-shadow:inset 0 -7px #8e5d1824,0 7px #48674438}.clock-ready--digital{width:clamp(70px,20vw,92px)}.digital-clock-input{height:clamp(94px,16dvh,126px);display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:18px;background:#173a57;color:#fff2a6;box-shadow:inset 0 -7px #0003,0 7px #32665333}.digital-clock-input>span{font-family:ui-monospace,Cascadia Mono,monospace;font-size:38px;font-weight:900}.digital-clock-input__column{display:grid;grid-template-rows:30px 38px 30px;align-items:center}.digital-clock-input__column strong{font-family:ui-monospace,Cascadia Mono,monospace;font-size:clamp(29px,8vw,38px);line-height:1}.digital-clock-input__column button{width:56px;height:28px;padding:0;border-radius:8px;background:#fff4ce;color:#173a57;font-size:22px;font-weight:900;line-height:1}.digital-clock-input__column button:disabled{cursor:default;opacity:.35}.clock-feedback{position:absolute;left:50%;bottom:max(94px,17dvh);z-index:5;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);padding:12px 20px;border:3px solid white;border-radius:16px;color:#fff;text-align:center;font-size:22px;font-weight:900;box-shadow:0 8px 18px #1a424642;animation:clock-feedback-in .18s ease-out}.clock-feedback.is-correct{background:#42a866}.clock-feedback.is-wrong{background:#e56d70}.clock-save-error{position:absolute;left:12px;right:12px;bottom:max(92px,16dvh);z-index:5;padding:10px 12px;border-radius:8px;background:#fff7e1;color:#9b3e3e;text-align:center;font-size:15px;font-weight:850;box-shadow:0 7px 18px #1a424633}.clock-reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:18px;background:#1b323fb8}.clock-reward-card{width:min(100%,390px);padding:20px;border:3px solid #fff5c2;border-radius:8px;background:#e7fff6;color:#173a57;text-align:center;box-shadow:0 18px 45px #122f3b4d}.clock-reward-card__label{color:#54706b;font-size:16px;font-weight:900}.clock-reward-card h2{margin:6px 0 12px;font-size:30px}.clock-reward-card p{margin:0;padding:13px;border-radius:8px;background:#fff;font-size:17px;font-weight:750;line-height:1.35}.clock-reward-card small{display:block;margin-top:10px;font-size:14px;font-weight:850}.clock-reward-card button{width:100%;min-height:54px;margin-top:16px;background:#49ae69;color:#fff;font-size:19px;font-weight:900}.clock-complete{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.clock-complete__face{width:118px;height:118px;display:grid;place-items:center;border-radius:50%;border:6px solid #fff7cf;background:#49ae69;color:#fff;font-size:66px;font-weight:900;box-shadow:0 9px #376a4b38}.clock-complete h1{font-size:32px;text-shadow:0 3px 0 rgba(255,248,230,.9)}.clock-complete p{font-size:21px;font-weight:900}.clock-complete button{width:min(100%,310px);min-height:58px;font-size:19px;font-weight:900}.clock-complete__again{background:#ffd34f;color:#173a57;box-shadow:0 6px #4e684038}.clock-complete__back{background:#fff8e6;color:#173a57;box-shadow:0 5px #4e68402b}@keyframes clock-feedback-in{0%{opacity:0;transform:translate(-50%) scale(.84)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-height: 650px){.clock-screen{min-height:480px}.clock-prompt{min-height:58px}.analog-clock{width:min(68vw,39dvh,270px);height:min(68vw,39dvh,270px)}.clock-controls{min-height:72px}.clock-menu{gap:7px}.clock-activity{min-height:76px}.clock-activities{gap:6px}}.child-hub{position:relative;isolation:isolate;width:100%;max-width:430px;height:100dvh;min-height:0;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));overflow:hidden;color:#173a57;background-color:#70c9ef;background-image:url(/game/storybook-meadow-v2.png);background-position:center;background-size:cover;font-family:Arial Rounded MT Bold,Trebuchet MS,Segoe UI,sans-serif}.child-hub:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:#ffffff0d}.child-hub--message{align-items:center;justify-content:center;font-size:20px;font-weight:900}.child-home__header{min-height:52px;display:grid;grid-template-columns:40px minmax(0,1fr) auto 38px;align-items:center;gap:7px;padding:4px 6px;border:2px solid rgba(255,255,255,.84);border-radius:16px;background:#fff8e2f0;box-shadow:0 5px #b56b4833,0 9px 18px #26555024}.child-home{border-inline:1px solid rgba(27,94,91,.16);box-shadow:0 0 34px #1246482e}.child-home__avatar{font-size:29px;line-height:1;text-align:center}.child-home__header>strong{min-width:0;overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.child-home__header>button{width:36px;height:36px;padding:0;border-radius:11px;background:#5ba8d8;color:#fff;font-size:22px;font-weight:900}.child-home__balance{display:flex;gap:4px}.child-home__balance span{min-width:48px;padding:7px 6px;border-radius:8px;background:#fff;font-size:14px;font-weight:900;text-align:center;box-shadow:0 3px 8px #27544a1f}.child-home__balance span:first-child{color:#9a6400}.child-home__balance span:last-child{color:#1d7c6f}.child-home>h1{min-height:clamp(62px,10dvh,88px);display:grid;place-items:center;flex:0 0 auto;font-family:Trebuchet MS,Comic Sans MS,Segoe UI,sans-serif;font-size:clamp(32px,5.2dvh,42px);font-weight:900;line-height:1.05;text-align:center;text-shadow:0 3px 0 rgba(255,248,230,.9),0 8px 14px rgba(39,84,74,.18)}.child-home__wheel-shell{max-height:410px;margin-bottom:4px}.child-section-screen{gap:12px}.child-section-empty{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:3px dashed rgba(213,155,67,.55);border-radius:18px;background:#fff8e2e0}.child-section-empty span{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:#fff2a6;color:#6d7d82;font-size:42px;font-weight:900}.child-section-empty strong{font-size:22px}.collections-hub{flex:1;min-height:0;padding-top:12px}.collections-hub__item{width:100%;min-height:128px;display:grid;grid-template-columns:76px minmax(0,1fr) 26px;align-items:center;gap:12px;padding:14px;border:3px solid rgba(255,255,255,.84);border-radius:18px;background:#ddf7d0;color:#173a57;text-align:left;box-shadow:0 7px #395b552e,0 12px 22px #27544a24}.collections-hub__badge{width:70px;height:70px;display:grid;place-items:center;border-radius:15px;background:#fff;color:#2d8b6f;font-size:39px}.collections-hub__item>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:7px}.collections-hub__item strong{font-size:24px;line-height:1.05}.collections-hub__item small{color:#527083;font-size:14px;font-weight:800;line-height:1.2}.collections-hub__item>b{font-size:36px}@media (max-height: 650px){.child-home>h1{min-height:54px;font-size:28px}.child-home__wheel-shell{min-height:220px}.child-home__sections{gap:8px}}*{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:410px;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-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)}}