: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.special-pack{background:linear-gradient(115deg,rgba(255,255,255,.82) 0 12%,transparent 13% 28%,rgba(255,255,255,.72) 29% 37%,transparent 38%),linear-gradient(135deg,#fff4a8 0 34%,#f0b429 35% 54%,#ffe66d 55% 100%);animation:special-pack-shine 1.8s linear infinite}.pack-panel .secondary-action:disabled{transform:none;box-shadow:0 4px 0 var(--ink)}.pack.opening{animation:pack-open .95s ease}.sprite-crop-wrap{position:relative;display:block;width:82px;height:82px}.sprite-crop,.sprite-crop-aura{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1;image-rendering:pixelated}.sprite-crop{position:relative;z-index:1}.sprite-crop-aura{position:absolute;inset:0;opacity:0;pointer-events:none}.sprite-crop-aura{z-index:2}.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 .sprite-crop-wrap{grid-row:1 / 3;width:46px;height:46px}.pack-modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;min-height:100dvh;padding:20px;overflow:hidden;overscroll-behavior:contain;touch-action:pan-x;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.9) 0 12%,rgba(255,212,102,.5) 13% 24%,transparent 25%),linear-gradient(135deg,#263238cc,#7657bfa8)}.pack-burst{position:absolute;width:min(92vmin,760px);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,#ffd466f2,#ff8871bf,#65a7ffd1,#80d6c6e6,#ffd466f2);filter:blur(10px);opacity:.72;animation:burst-spin 2.6s linear infinite,burst-pulse .9s ease-out both}.special-pack-modal{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.98) 0 10%,rgba(255,230,109,.62) 11% 28%,transparent 29%),linear-gradient(135deg,#4b3808e0,#aa6e14bd,#7657bfb8)}.special-pack-modal .pack-burst{background:conic-gradient(from 0deg,#fff8c7,#f7b733,#fff176,#fff,#f0a500,#fff8c7);filter:blur(8px) saturate(1.35);animation:burst-spin 1.8s linear infinite,burst-pulse 1.3s ease-out both,gold-glow .9s ease-in-out infinite alternate}.pack-stage{position:relative;display:grid;justify-items:center;gap:clamp(12px,2vh,18px);width:min(100%,1120px);min-height:min(760px,calc(100dvh - 40px));align-content:center;perspective:1200px;overflow:hidden}.pack-stage-envelope{position:absolute;z-index:2;display:grid;place-items:center;width:clamp(190px,28vmin,310px);aspect-ratio:.75;border:6px solid var(--ink);border-radius:8px;background:linear-gradient(145deg,#fff2a6 0 42%,#ff8f74 43% 55%,#8fd3ff 56% 100%);box-shadow:0 16px 0 var(--ink),0 0 40px #ffffffd9;color:#263238;font-size:clamp(4.5rem,15vmin,10rem);font-weight:900;transform-origin:center}.pack-stage-envelope.opening{animation:mega-pack-open 1.05s cubic-bezier(.16,1,.3,1) both}.pack-stage-envelope.special-envelope{background:linear-gradient(115deg,rgba(255,255,255,.9) 0 10%,transparent 11% 30%,rgba(255,255,255,.78) 31% 40%,transparent 41%),linear-gradient(145deg,#fff8ba 0 32%,#f0a500 33% 54%,#ffe45f 55% 100%);color:#6e4300;text-shadow:0 3px 0 rgba(255,255,255,.45);animation:special-envelope-shine 1.15s linear infinite}.pack-stage-envelope.special-envelope.opening{animation:special-envelope-shine 1.15s linear infinite,special-pack-open 1.75s cubic-bezier(.16,1,.3,1) both}.pack-stage.cards-ready .pack-stage-envelope{opacity:0;pointer-events:none}.pack-lane-shell{position:relative;width:min(100%,calc(100vw - 40px));max-width:1120px;min-width:0}.pack-lane-shell:before,.pack-lane-shell:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:clamp(34px,8vw,86px);pointer-events:none;opacity:0;transition:opacity .18s ease}.pack-lane-shell:before{left:0;background:linear-gradient(90deg,rgba(38,50,56,.46),transparent)}.pack-lane-shell:after{right:0;background:linear-gradient(270deg,rgba(38,50,56,.46),transparent)}.pack-lane-shell.lane-scrollable:not(.at-start):before,.pack-lane-shell.lane-scrollable:not(.at-end):after{opacity:1}.pack-stage-cards{display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(10px,1.4vw,16px);width:100%;min-width:0;overflow-x:hidden;overflow-y:hidden;overscroll-behavior-inline:contain;touch-action:pan-x;padding:8px 0 18px;scroll-padding-inline:22px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.62) transparent;transform-style:preserve-3d}.pack-stage-cards.lane-scrollable{justify-content:flex-start;overflow-x:auto;padding-inline:14px}.pack-lane-button{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:clamp(38px,5vw,54px);height:clamp(52px,8vw,72px);border:4px solid var(--ink);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,#fff8c7);box-shadow:0 6px 0 var(--ink);color:var(--ink);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1;opacity:.96;transform:translateY(-50%);transition:opacity .18s ease,transform .18s ease}.pack-lane-button:disabled{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.9)}.lane-prev{left:6px}.lane-next{right:6px}.pack-stage-cards::-webkit-scrollbar{height:10px}.pack-stage-cards::-webkit-scrollbar-track{background:transparent}.pack-stage-cards::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#ffffff9e;background-clip:padding-box}.big-reveal-card{display:grid;align-content:start;justify-items:center;flex:0 0 clamp(145px,15vw,190px);width:clamp(145px,15vw,190px);min-height:clamp(218px,24vw,292px);padding:clamp(10px,1.8vw,18px);border:5px solid var(--ink);border-radius:8px;background:color-mix(in srgb,var(--panel) 90%,#fffdf8);box-shadow:0 10px 0 var(--ink),0 18px 40px #00000047;opacity:0;transform:translateY(80px) rotateY(90deg) scale(.7)}.cards-ready .big-reveal-card{animation:big-card-reveal .56s cubic-bezier(.16,1,.3,1) both}.pack-stage.cards-ready .pack-stage-cards .big-reveal-card{opacity:1!important;transform:translateY(0) rotateY(0) scale(1)!important}.cards-ready .pack-stage-cards{animation:pack-lane-settle .72s cubic-bezier(.16,1,.3,1) both .26s}.big-card-art{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;margin-bottom:12px;border:4px solid var(--ink);border-radius:8px;background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.78),transparent 30%),var(--card-color)}.big-card-art img{width:88%;height:auto;aspect-ratio:1;margin:auto}.big-card-art .sprite-crop-wrap{width:88%;height:88%}.big-reveal-card strong{font-size:clamp(1.08rem,2.3vw,1.55rem);line-height:1.05;text-align:center;overflow-wrap:anywhere}.big-reveal-card span{margin-top:6px;color:var(--plum);font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:900}.pack-stage-action{display:grid;gap:8px;width:min(100%,520px);padding:16px;border:5px solid var(--ink);border-radius:8px;background:var(--surface);box-shadow:0 10px 0 var(--ink);text-align:center;opacity:0;transform:translateY(28px)}.pack-stage-special .pack-stage-action{border-color:#fff4a8;background:linear-gradient(120deg,#ffffffd1,#ffe066e6,#ffffffbd),var(--surface);box-shadow:0 10px 0 var(--ink),0 0 28px #ffe66db8}.cards-ready .pack-stage-action{animation:action-rise .42s ease both .52s}.pack-stage-action h2{font-size:clamp(1.4rem,3vw,2.4rem)}.add-collection-action{min-height:64px;font-size:clamp(1.05rem,2.6vw,1.55rem)}.trade-modal{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.86) 0 10%,rgba(128,214,198,.54) 11% 28%,transparent 29%),linear-gradient(135deg,#263238db,#65a7ff94,#7657bfb8)}.trade-stage{position:relative;display:grid;justify-items:center;gap:22px;width:min(100%,900px);min-height:min(720px,calc(100dvh - 40px));align-content:center;perspective:1200px;overflow:hidden;touch-action:none}.trade-source-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,205px));gap:clamp(10px,2vw,20px);justify-content:center;width:min(100%,calc(100vw - 40px));min-width:0}.trade-source-card{animation:trade-card-gather 1.25s cubic-bezier(.16,1,.3,1) both}.trade-prize-card{position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-58%) scale(.42) rotateY(110deg);pointer-events:none}.prize-ready .trade-prize-card{animation:trade-prize-pop .62s cubic-bezier(.16,1,.3,1) both}.prize-ready .trade-source-card{opacity:0}.trade-stage-action{position:absolute;left:50%;bottom:clamp(22px,5vh,56px);width:min(100%,520px);opacity:0;transform:translate(-50%,28px)}.prize-ready .trade-stage-action{animation:trade-action-rise .42s ease both .52s}.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;overflow:hidden;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-art{position:relative;display:grid;place-items:center;height:84px;overflow:hidden;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}.sprite-shell{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;overflow:hidden}.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}.trade-card-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.trade-step{min-height:34px;border:2px solid var(--ink);border-radius:8px;background:var(--sun);box-shadow:0 3px 0 var(--ink);color:#263238;font-size:1.2rem;font-weight:900;line-height:1}.trade-step:disabled{opacity:.42}.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{border-color:color-mix(in srgb,#ffd466 70%,var(--ink));background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.54),transparent 18%),linear-gradient(120deg,rgba(255,244,168,.24),transparent 32%,rgba(255,255,255,.22),transparent 66%,rgba(255,212,102,.2)),linear-gradient(135deg,#ff707038,#ffe06647,#69d78e3d,#70aeff42,#be8aff47),var(--panel);background-size:180% 180%,220% 220%,260% 260%,auto;box-shadow:0 4px 0 var(--ink),0 0 0 2px #ffe66d57,0 0 18px #ffd46652;animation:rainbow-card-glow 3.2s ease-in-out infinite alternate}.card-item.rarity-rainbow:before{content:"";position:absolute;inset:-2px;z-index:2;border-radius:8px;border:3px solid transparent;background:linear-gradient(transparent,transparent) padding-box,conic-gradient(from 0deg,#fff8c6,#ffb447,#fff,#7ce38b,#78b8ff,#d49cff,#fff8c6) border-box;opacity:.9;pointer-events:none;animation:rainbow-border-spin 4s linear infinite}.card-item.rarity-rainbow:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 22% 20%,rgba(255,255,255,.7) 0 3px,transparent 4px),radial-gradient(circle at 82% 34%,rgba(255,244,168,.76) 0 2px,transparent 3px),radial-gradient(circle at 62% 78%,rgba(255,255,255,.62) 0 2px,transparent 3px),linear-gradient(115deg,transparent 8%,rgba(255,244,168,.24) 26%,transparent 42%,rgba(255,255,255,.2) 56%,transparent 74%);mix-blend-mode:screen;opacity:.82;pointer-events:none;animation:rainbow-sparkles 2.4s ease-in-out infinite alternate}.card-item.rarity-rainbow>*{position:relative;z-index:3}.rarity-rainbow .card-art,.rarity-rainbow .big-card-art,.reveal-card.rarity-rainbow{background:linear-gradient(120deg,#ff8a8a,#ffe66d,#7ce38b,#78b8ff,#d49cff);background-size:260% 260%;animation:rainbow-shift 4.2s ease-in-out infinite alternate}.rarity-rainbow .card-art:after,.rarity-rainbow .big-card-art:after{content:"";position:absolute;inset:-18%;background:linear-gradient(115deg,transparent 18%,rgba(255,244,168,.88) 38%,rgba(255,255,255,.92) 48%,rgba(240,165,0,.62) 58%,transparent 78%);mix-blend-mode:screen;opacity:.72;pointer-events:none;transform:translate(-70%) rotate(8deg);animation:golden-sheen 2.8s ease-in-out infinite}.rarity-rainbow .sprite-crop{position:relative;z-index:1;filter:saturate(1.08) brightness(1.02);animation:rainbow-sprite-glow 2.8s ease-in-out infinite alternate}.rarity-rainbow .sprite-crop-aura{opacity:.42;mix-blend-mode:screen;filter:brightness(0) saturate(100%) invert(94%) sepia(67%) saturate(921%) hue-rotate(329deg) brightness(106%) contrast(106%);animation:sprite-gold-pulse 2.6s ease-in-out infinite alternate}.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{position:relative;width:min(100%,560px);display:grid;gap:12px;text-align:left}.settings-card{padding-top:28px}.modal-close{position:absolute;top:10px;right:10px;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.45rem;font-weight:900;line-height:1}.modal-close:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.danger-tool{display:grid;gap:8px;padding:12px;border:3px solid var(--ink);border-radius:8px;background:color-mix(in srgb,#ffb7a8 42%,var(--panel))}.danger-tool p{margin:0;color:var(--ink);font-weight:900;line-height:1.25}.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 mega-pack-open{0%{opacity:1;transform:translateY(0) rotate(0) scale(.92);filter:brightness(1)}18%{transform:translateY(-10px) rotate(-8deg) scale(1.08)}36%{transform:translateY(8px) rotate(8deg) scale(1.2);filter:brightness(1.35)}58%{transform:translateY(-22px) rotate(-2deg) scale(1.34);box-shadow:0 22px 0 var(--ink),0 0 80px #fffffffa}78%{opacity:1;transform:translateY(-8px) rotate(1deg) scale(1.12);filter:brightness(1.8)}to{opacity:0;transform:translateY(-40px) rotate(0) scale(.2);filter:brightness(2)}}@keyframes special-pack-open{0%{opacity:1;transform:translateY(0) rotate(0) scale(.92);filter:brightness(1) saturate(1)}16%{transform:translateY(-14px) rotate(-10deg) scale(1.08)}34%{transform:translateY(10px) rotate(10deg) scale(1.24);filter:brightness(1.45) saturate(1.25)}54%{transform:translateY(-24px) rotate(-5deg) scale(1.38);box-shadow:0 24px 0 var(--ink),0 0 120px #fff4a8}72%{transform:translateY(0) rotate(4deg) scale(1.22);filter:brightness(1.9) saturate(1.4)}88%{opacity:1;transform:translateY(-18px) rotate(0) scale(1.08)}to{opacity:0;transform:translateY(-56px) rotate(0) scale(.16);filter:brightness(2.3) saturate(1.8)}}@keyframes big-card-reveal{0%{opacity:0;transform:translateY(90px) rotateY(92deg) scale(.72)}72%{opacity:1;transform:translateY(-14px) rotateY(-8deg) scale(1.04)}to{opacity:1;transform:translateY(0) rotateY(0) scale(1)}}@keyframes big-card-reveal-accordion{0%{opacity:0;transform:translateY(90px) rotateY(92deg) scale(.72)}72%{opacity:1;transform:translateY(-4px) rotateY(-8deg) rotate(1.5deg) scale(1.04)}to{opacity:1;transform:translateY(10px) rotateY(0) rotate(1.5deg) scale(1)}}@keyframes pack-lane-settle{0%{transform:translate(28px)}to{transform:translate(0)}}@keyframes burst-spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes burst-pulse{0%{opacity:0;transform:scale(.55)}to{opacity:.72;transform:scale(1)}}@keyframes action-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes trade-action-rise{0%{opacity:0;transform:translate(-50%,28px)}to{opacity:1;transform:translate(-50%)}}@keyframes special-pack-shine{0%{filter:brightness(1)}50%{filter:brightness(1.22)}to{filter:brightness(1)}}@keyframes special-envelope-shine{0%{background-position:-120px 0,0 0}to{background-position:220px 0,0 0}}@keyframes gold-glow{0%{opacity:.62;transform:scale(.98)}to{opacity:.9;transform:scale(1.06)}}@keyframes trade-card-gather{0%{opacity:0;transform:translateY(80px) rotateY(92deg) scale(.72)}36%{opacity:1;transform:translateY(0) rotateY(0) scale(1)}74%{opacity:1;transform:translate(var(--trade-x)) translateY(-16px) rotate(var(--trade-rotate)) scale(.92)}to{opacity:0;transform:translate(var(--trade-x-end)) translateY(-28px) rotate(0) scale(.18)}}@keyframes trade-prize-pop{0%{opacity:0;transform:translate(-50%,-58%) scale(.35) rotateY(100deg);filter:brightness(1.8)}72%{opacity:1;transform:translate(-50%,-58%) scale(1.08) rotateY(-8deg);filter:brightness(1.28)}to{opacity:1;transform:translate(-50%,-58%) scale(1) rotateY(0);filter:brightness(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:100% 50%}}@keyframes golden-sheen{0%,18%{opacity:0;transform:translate(-80%) rotate(8deg)}45%{opacity:.82}76%,to{opacity:0;transform:translate(80%) rotate(8deg)}}@keyframes sprite-gold-pulse{0%{opacity:.28;filter:brightness(0) saturate(100%) invert(90%) sepia(54%) saturate(777%) hue-rotate(342deg) brightness(104%) contrast(102%)}to{opacity:.72;filter:brightness(0) saturate(100%) invert(97%) sepia(66%) saturate(969%) hue-rotate(324deg) brightness(114%) contrast(108%)}}@keyframes rainbow-border-spin{0%{filter:hue-rotate(0deg) brightness(1)}to{filter:hue-rotate(360deg) brightness(1.18)}}@keyframes rainbow-sparkles{0%{opacity:.34;transform:translateY(0) scale(.96)}to{opacity:.86;transform:translateY(-3px) scale(1.04)}}@keyframes rainbow-card-glow{0%{background-position:0% 50%,0% 50%,0% 50%,0 0}to{background-position:100% 50%,100% 50%,100% 50%,0 0}}@keyframes rainbow-sprite-glow{0%{filter:saturate(1.06) brightness(1.02)}to{filter:saturate(1.28) brightness(1.12)}}@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}.pack-modal{padding:10px}.pack-stage{width:100%;min-height:calc(100dvh - 20px);gap:10px;align-content:center}.pack-stage-cards{width:calc(100vw - 20px);gap:0;padding:8px 18px 16px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);scroll-snap-type:x proximity}.pack-stage-cards .big-reveal-card{flex-basis:clamp(142px,54vw,210px);width:clamp(142px,54vw,210px);min-height:clamp(210px,72vw,300px);scroll-snap-align:center}.pack-stage-cards .big-reveal-card+.big-reveal-card{margin-left:0}.pack-stage-cards .big-reveal-card:nth-child(2n){transform:translateY(0) rotateY(90deg) scale(.7)}.cards-ready .pack-stage-cards .big-reveal-card:nth-child(2n){animation-name:big-card-reveal;transform:translateY(0) rotate(0) scale(1)!important}.pack-stage-action{width:min(100%,calc(100vw - 28px));padding:12px}.trade-stage{width:100%;min-height:calc(100dvh - 20px);gap:10px}.trade-source-cards{width:min(100%,calc(100vw - 20px));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2px,1.2vw,8px);padding-inline:4px}.trade-source-cards .big-reveal-card{flex-basis:auto;width:100%;min-height:clamp(170px,58vw,230px);padding:clamp(7px,2vw,10px);border-width:4px}.trade-source-cards .big-reveal-card strong,.trade-source-cards .big-reveal-card span{font-size:clamp(.78rem,3.2vw,1rem)}.trade-prize-card{width:clamp(150px,55vw,210px);min-height:clamp(218px,72vw,300px)}.trade-stage-action{width:min(100%,calc(100vw - 28px));bottom:clamp(16px,4vh,34px)}}@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}.pack-stage-cards{padding-inline:16px}.pack-stage-cards .big-reveal-card{flex-basis:clamp(136px,60vw,188px);width:clamp(136px,60vw,188px);min-height:clamp(204px,78vw,278px);padding:9px}.big-reveal-card strong{font-size:clamp(.98rem,5.4vw,1.28rem)}.big-reveal-card span{font-size:clamp(.88rem,4.2vw,1.06rem)}.pack-stage-action .eyebrow,.trade-stage-action .eyebrow{font-size:.68rem;line-height:1.18}.add-collection-action{min-height:56px;font-size:clamp(1rem,5.4vw,1.28rem)}}