.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-header{flex:none;display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;margin-bottom:12px}.collection-back,.collection-modal__close{width:46px;height:46px;padding:0;border-radius:8px;background:#fff8e6e6;color:#173a57;font-size:27px;font-weight:900}.collection-title{font-size:29px;line-height:1;font-weight:900}.collection-subtitle{margin-top:4px;color:#173a57b8;font-size:14px;font-weight:800}.collection-groups{flex:1;min-height:0;overflow-y:auto;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}*{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}.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}.five-seconds-meter{margin-top:5px;padding-top:7px;border-top:2px dashed rgba(213,155,67,.46)}.five-seconds-track{height:14px!important;background:#eadfbd!important;border:2px solid #d5c38f}.five-seconds-fill{box-shadow:inset 0 -3px #0000001f}.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}.example-card{min-height:76px}}.mode-wheel::-webkit-scrollbar{display:none}.mode-wheel{-ms-overflow-style:none;overscroll-behavior:contain;touch-action:pan-y}@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)}}