:root{color-scheme:light dark;--ink: #263238;--muted: #65727a;--panel: #ffffff;--surface: rgba(255, 255, 255, .94);--mint: #80d6c6;--blue: #65a7ff;--sun: #ffd466;--coral: #ff8871;--plum: #7657bf;--green: #4bb56a;--line: #e7dfd1;--shadow: 0 14px 30px rgba(38, 50, 56, .14);--page-bg: radial-gradient(circle at 12% 12%, rgba(255, 212, 102, .32), transparent 24%), linear-gradient(135deg, #e9fbf3 0%, #fff8e8 48%, #eaf1ff 100%)}:root[data-theme=dark],:root[data-theme=auto]{color-scheme:light dark}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--ink: #e9f3f1;--muted: #adc0c5;--panel: #17242b;--surface: rgba(20, 31, 38, .96);--mint: #5bbdab;--blue: #7fb4ff;--sun: #f0c44f;--coral: #ff9d8d;--plum: #bba3ff;--green: #74cf8c;--line: #31464f;--shadow: 0 14px 30px rgba(0, 0, 0, .32);--page-bg: radial-gradient(circle at 12% 12%, rgba(255, 212, 102, .16), transparent 24%), linear-gradient(135deg, #102127 0%, #211f18 48%, #142033 100%)}}:root[data-theme=dark]{--ink: #e9f3f1;--muted: #adc0c5;--panel: #17242b;--surface: rgba(20, 31, 38, .96);--mint: #5bbdab;--blue: #7fb4ff;--sun: #f0c44f;--coral: #ff9d8d;--plum: #bba3ff;--green: #74cf8c;--line: #31464f;--shadow: 0 14px 30px rgba(0, 0, 0, .32);--page-bg: radial-gradient(circle at 12% 12%, rgba(255, 212, 102, .16), transparent 24%), linear-gradient(135deg, #102127 0%, #211f18 48%, #142033 100%)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);background:var(--page-bg);overflow-x:hidden}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,p{margin-top:0}.app-shell{width:min(1180px,calc(100% - 20px));min-height:100vh;margin:0 auto;padding:12px 0;position:relative}.screen-active{display:block}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.topbar>div,.hero,.hero-copy{min-width:0}.topbar.compact{justify-content:flex-start}.topbar.compact h1{font-size:2.6rem}.top-actions{display:flex;gap:8px;align-items:center}.eyebrow{margin:0 0 3px;color:var(--plum);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{margin-bottom:0;font-size:3.15rem;line-height:.92}h2{margin-bottom:0;font-size:1.16rem}.icon-button{width:42px;height:42px;border:3px solid var(--ink);border-radius:50%;background:var(--panel);box-shadow:0 4px 0 var(--ink);color:var(--ink);font-size:1.25rem;font-weight:900}.icon-button.danger,.danger-action{background:#ffb7a8;color:#263238}.icon-button.muted{background:#dfe5e8;color:#263238}.compact-select{width:auto;min-height:42px;padding:0 8px;border-radius:999px}.icon-button:active,.primary-action:active,.secondary-action:active,.answer-button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.menu-grid{display:grid;grid-template-columns:1fr 310px;gap:14px}.hero{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:22px;min-height:272px;padding:22px;border:4px solid var(--ink);border-radius:8px;background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 92%,#fffaf0),color-mix(in srgb,var(--mint) 18%,var(--panel)));box-shadow:var(--shadow)}.mascot-clock{width:240px;aspect-ratio:1;justify-self:center}.mascot-clock svg{width:100%;height:100%;filter:drop-shadow(0 14px 14px rgba(38,50,56,.18))}.mascot-ring{fill:var(--sun);stroke:var(--ink);stroke-width:8}.mascot-face{fill:var(--panel);stroke:var(--ink);stroke-width:5}.mascot-hand{stroke:var(--ink);stroke-linecap:round;stroke-width:10}.mascot-hand.minute{stroke:var(--coral)}.mascot-center,.mascot-eye{fill:var(--ink)}.mascot-cheek{fill:#ffb6a7}.mascot-smile{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-width:5}.hero-copy p{max-width:500px;margin-bottom:16px;color:var(--muted);font-size:1.18rem;line-height:1.35;overflow-wrap:anywhere}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-action,.secondary-action,.answer-button{min-height:46px;border:3px solid var(--ink);border-radius:8px;box-shadow:0 4px 0 var(--ink);color:#263238;font-weight:900}.primary-action{padding:0 18px;background:var(--sun)}.primary-action.small{min-height:42px;padding:0 14px}.secondary-action.mini{min-height:38px;padding:0 10px}.secondary-action{padding:0 16px;background:var(--mint)}.full{width:100%}.panel,.settings-bar,.game-panel,.clock-stage,.result-card{border:3px solid var(--ink);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.panel{padding:14px}.progress-panel{display:grid;align-content:start;gap:14px}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.panel-heading span,.stats-grid span,.wallet span{color:var(--muted);font-size:.82rem;font-weight:900}.xp-track{height:16px;overflow:hidden;border:3px solid var(--ink);border-radius:999px;background:color-mix(in srgb,var(--panel) 85%,#dfe8eb)}.xp-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green),var(--sun));transition:width .22s ease}.wallet{display:grid;grid-template-columns:auto 1fr;gap:6px 8px;align-items:baseline}.wallet strong{font-size:1.45rem}.name-editor{display:grid;gap:6px;color:var(--muted);font-weight:900}.name-editor div{display:grid;grid-template-columns:1fr auto;gap:6px}.name-editor input{min-height:38px;font-size:1rem;text-align:left}.data-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.data-tools .secondary-action{min-height:40px;padding:0 8px;font-size:.9rem}.leaderboard-panel{margin-top:14px}.history-action{margin-top:10px}.leaderboard{display:grid;gap:8px;max-height:210px;overflow:auto;margin:0;padding-left:24px}.leaderboard li{padding:8px 10px;border:2px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,#fffdf8);font-weight:900}.leaderboard small{display:block;color:var(--muted);font-weight:700}.empty-state,.tiny-note{margin:0;color:var(--muted)}.settings-bar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 12px}.settings-bar label{display:grid;gap:5px;color:var(--muted);font-weight:900}select,input{min-height:42px;border:3px solid var(--ink);border-radius:8px;background:var(--panel);color:var(--ink);font-weight:900}select{padding:0 34px 0 10px}input{width:100%;padding:0 12px;font-size:1.2rem;text-align:center}.play-layout{display:grid;grid-template-columns:minmax(360px,1fr) 390px;gap:12px;align-items:stretch}.clock-stage{display:grid;place-items:center;min-height:calc(100vh - 188px);max-height:560px;padding:12px;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--sun) 22%,var(--panel)))}.clock{width:min(100%,410px,calc(100vh - 260px));min-width:300px;aspect-ratio:1}.clock-shadow{fill:color-mix(in srgb,var(--mint) 48%,var(--panel))}.clock-face{fill:color-mix(in srgb,var(--panel) 94%,#fffdf8);stroke:var(--ink);stroke-width:7}.tick{stroke:var(--ink);stroke-linecap:round}.tick.minute{stroke-width:2;opacity:.42}.tick.five{stroke-width:5;opacity:1}.hour-label{fill:var(--ink);font-size:24px;font-weight:900;text-anchor:middle;dominant-baseline:central}.clock-hand{stroke-linecap:round;transform-origin:160px 154px}.hour-hand{stroke:var(--ink);stroke-width:12}.minute-hand{stroke:var(--coral);stroke-width:8}.minute-hand.matching{stroke:var(--ink)}.pin{fill:var(--blue);stroke:var(--ink);stroke-width:4}.feedback{min-height:28px;margin:8px 0 0;font-size:1.05rem;font-weight:900;text-align:center}.feedback.good{color:var(--green)}.feedback.bad{color:#ce3f34}.game-panel{display:flex;flex-direction:column;gap:10px;min-height:calc(100vh - 188px);max-height:560px;padding:12px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats-grid div{min-width:0;padding:8px 6px;border-radius:8px;background:color-mix(in srgb,var(--blue) 16%,var(--panel));text-align:center}.stats-grid strong{display:block;margin-top:2px;font-size:1.18rem}.companion{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;min-height:118px;padding:10px;border:2px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--mint) 18%,var(--panel))}.blocky-character{display:grid;justify-items:center;image-rendering:pixelated;transform-origin:bottom center;animation:idle-bob 1.8s ease-in-out infinite}.head{position:relative;width:52px;height:52px;border:3px solid var(--ink);background:linear-gradient(90deg,transparent 47%,rgba(0,0,0,.12) 48% 52%,transparent 53%),#68c96d}.head:before,.head:after{content:"";position:absolute;top:0;width:16px;height:16px;background:#3d8e42}.head:before{left:0}.head:after{right:0}.eye{position:absolute;top:19px;width:8px;height:8px;background:#263238}.eye.left{left:14px}.eye.right{right:14px}.mouth{position:absolute;left:19px;top:33px;width:14px;height:7px;background:#263238}.body{width:46px;height:40px;border:3px solid var(--ink);border-top:0;background:#5b8eea}.body span{display:block;width:100%;height:13px;background:#72d678}.legs{display:flex;gap:6px}.legs span{width:18px;height:20px;border:3px solid var(--ink);border-top:0;background:#3b5aa5}.speech-bubble{position:relative;min-height:76px;padding:10px;border:3px solid var(--ink);border-radius:8px;background:var(--panel);font-weight:900;line-height:1.25}.speech-bubble:before{content:"";position:absolute;left:-10px;top:42px;width:16px;height:16px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--panel);transform:rotate(45deg)}.companion.talking .speech-bubble{animation:talk-pop .26s ease}.companion.happy .blocky-character{animation:happy-hop .5s ease}.companion.streak .blocky-character{animation:streak-spin .62s ease}.answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto}.answers.spoken-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.answer-button{min-height:58px;background:var(--panel);font-size:1.85rem}.answer-button.spoken-answer{min-height:52px;padding:6px 10px;font-size:1.05rem;line-height:1.15;overflow-wrap:anywhere;white-space:normal}.answer-button:nth-child(3n+1){background:#ffefe9}.answer-button:nth-child(3n+2){background:#e7f7ff}.answer-button:nth-child(3n+3){background:#effae9}.answer-button.correct{background:#a8edb7}.input-answer{display:grid;gap:8px;margin-top:auto;color:var(--muted);font-weight:900}.input-answer div{display:grid;grid-template-columns:1fr auto;gap:8px}.collection-layout{display:grid;grid-template-columns:300px 1fr;gap:14px;min-height:calc(100vh - 88px)}.pack-panel{display:grid;align-content:start;gap:9px}.pack{display:grid;place-items:center;width:132px;height:176px;margin:0 auto;border:4px solid var(--ink);border-radius:8px;background:linear-gradient(135deg,#ffef9e 0 45%,#ff8f74 46% 55%,#8fd3ff 56% 100%);box-shadow:0 8px 0 var(--ink);color:#263238;font-size:3.2rem;font-weight:900}.pack-panel .secondary-action:disabled{transform:none;box-shadow:0 4px 0 var(--ink)}.pack.opening{animation:pack-open .95s ease}.pack-reveal{display:grid;grid-template-columns:1fr;gap:8px}.reveal-card{display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;min-height:60px;padding:5px 7px;border:3px solid var(--ink);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,#fffdf8);box-shadow:0 4px 0 var(--ink);animation:reveal-card .46s ease both}.reveal-card img{grid-row:1 / 3;width:46px;height:46px;object-fit:contain;image-rendering:pixelated}.reveal-card strong,.reveal-card span{display:block}.reveal-card span{color:var(--plum);font-weight:900}.book-panel{min-height:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;max-height:calc(100vh - 154px);overflow:auto;padding-right:4px}.card-item{position:relative;display:block;width:100%;color:var(--ink);font:inherit;text-align:left;min-height:178px;padding:9px;border:3px solid var(--ink);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,#fffdf8);box-shadow:0 4px 0 var(--ink)}.card-item:disabled{cursor:default;opacity:1}.card-item:before,.card-item:after{content:"";position:absolute;inset:6px;z-index:-1;border:3px solid var(--ink);border-radius:8px;background:var(--panel);opacity:0}.card-item.stack-2:before,.card-item.stack-3:before,.card-item.stack-4:before{opacity:1;transform:translate(5px,5px)}.card-item.stack-3:after,.card-item.stack-4:after{opacity:1;transform:translate(10px,10px)}.card-item.stack-4{box-shadow:13px 13px #26323833,0 4px 0 var(--ink)}.card-art{display:grid;place-items:center;height:84px;margin-bottom:8px;border:2px solid var(--ink);border-radius:6px;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.7),transparent 32%),var(--card-color);color:#263238;font-size:2.7rem;font-weight:900}.card-art img{width:82px;height:82px;object-fit:contain;image-rendering:pixelated}.card-stack{position:relative}.count-badge,.select-badge{position:absolute;right:-6px;min-width:34px;padding:3px 6px;border:2px solid var(--ink);border-radius:999px;background:var(--sun);color:#263238;text-align:center;font-size:.82rem}.count-badge{top:-6px}.select-badge{bottom:2px;background:#ffb7a8}.card-item strong,.card-item span,.card-item small{display:block}.card-item span{color:var(--plum);font-weight:900}.card-item small{color:var(--muted);font-weight:800}.card-item.missing{filter:grayscale(1);opacity:.7}.card-item.selectable{cursor:pointer}.card-item.selectable:hover,.card-item.selected{outline:4px solid var(--sun);transform:translateY(-2px)}.rarity-rara{background:color-mix(in srgb,var(--blue) 12%,var(--panel))}.rarity-epica{background:color-mix(in srgb,var(--plum) 14%,var(--panel))}.rarity-legendaria{background:color-mix(in srgb,var(--sun) 22%,var(--panel))}.rarity-rainbow{background:linear-gradient(135deg,#ff707038,#ffe06647,#69d78e3d,#70aeff42,#be8aff47),var(--panel)}.rarity-rainbow .card-art,.reveal-card.rarity-rainbow{background:linear-gradient(120deg,#ff8a8a,#ffe66d,#7ce38b,#78b8ff,#d49cff,#ff8a8a);background-size:220% 220%;animation:rainbow-shift 2.3s linear infinite}.modal{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#2632386b}.result-card{width:min(100%,440px);padding:22px;text-align:center}.modal-card{width:min(100%,560px);display:grid;gap:12px;text-align:left}.modal-card h2,.modal-card .eyebrow{text-align:center}.history-card{width:min(100%,680px)}.history-list{display:grid;gap:8px;max-height:min(56vh,460px);overflow:auto;margin:0;padding:0 4px 0 0;list-style:none}.history-list li{padding:10px 12px;border:2px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,#fffdf8)}.history-list strong,.history-list span,.history-list small{display:block}.history-list span,.history-list small{color:var(--muted);font-weight:900}.result-card h2{font-size:1.8rem}.reward-line,.result-rank{margin:12px 0;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--sun) 32%,var(--panel));font-size:1.1rem;font-weight:900;overflow-wrap:anywhere}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.modal-actions.single{grid-template-columns:1fr}.hidden{display:none!important}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes happy-hop{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-14px) rotate(-5deg)}75%{transform:translateY(-4px) rotate(5deg)}}@keyframes talk-pop{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes pack-open{0%{transform:rotate(0) scale(1);filter:brightness(1)}18%{transform:rotate(-8deg) scale(1.08)}38%{transform:rotate(7deg) scale(1.12);filter:brightness(1.5)}56%{transform:rotate(-3deg) scale(1.18);box-shadow:0 0 0 10px #ffd46659,0 8px 0 var(--ink)}76%{transform:rotate(2deg) scale(1.06)}to{transform:rotate(0) scale(1);filter:brightness(1)}}@keyframes reveal-card{0%{opacity:0;transform:translateY(16px) rotateY(80deg) scale(.8)}to{opacity:1;transform:translateY(0) rotateY(0) scale(1)}}@keyframes streak-spin{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-12px) rotate(10deg)}70%{transform:translateY(-6px) rotate(-8deg)}}@keyframes rainbow-shift{0%{background-position:0% 50%}to{background-position:220% 50%}}@media(max-width:920px){body{overflow-y:auto}.menu-grid,.play-layout,.collection-layout{grid-template-columns:1fr}.hero{grid-template-columns:180px 1fr;min-height:0}.mascot-clock{width:170px}.clock-stage,.game-panel{min-height:auto;max-height:none}.clock{width:min(100%,380px)}.cards-grid{max-height:520px}}@media(max-width:560px){.app-shell{width:min(100% - 14px,520px)}h1{font-size:2.35rem}.topbar{align-items:flex-start;display:grid;grid-template-columns:1fr}.top-actions{flex-wrap:wrap;justify-content:flex-start;gap:4px;max-width:none}.compact-select{width:72px;min-height:36px;padding:0 4px;font-size:.82rem}.icon-button{width:36px;height:36px;font-size:1rem}.hero{grid-template-columns:1fr;padding:14px}.hero-actions{display:grid}.settings-bar{align-items:stretch;flex-direction:column}.stats-grid,.answers,.modal-actions{grid-template-columns:1fr}.answer-button.spoken-answer{min-height:48px;font-size:.98rem}.companion{grid-template-columns:80px 1fr}}