#overlay{padding:70px 5vw 24px;gap:4vw;background:linear-gradient(180deg,#144f7999,#12477333 65%,#113d5988)}.arena:has(.overlay:not(.hidden)) .intro{transform:none;width:390px;flex-shrink:0}.intro h1{font-size:100px;margin:14px 0 24px}.intro .eyebrow{font-size:10px;letter-spacing:2px}.intro>p{font-size:17px;margin-bottom:18px}.mode-label{display:block;color:#fff7cb;font-size:11px;font-weight:800;letter-spacing:1px}.modes{margin:8px 0 18px}.modes button{min-width:145px;font-size:20px;padding:11px}.primary{width:330px;font-size:46px;border-radius:20px;padding:14px;box-shadow:0 8px #356b22,inset 0 3px #efffb0;border:3px solid #244b1b;animation:play-glow 3s ease-in-out infinite}.career-menu{margin-top:22px;gap:12px}.career-menu button{font:800 16px 'Barlow Condensed',Arial;padding:12px 16px;border-radius:14px;min-width:148px}.career-menu button span{font-size:23px;display:block;margin-bottom:5px}#shop{background:linear-gradient(#bc81f3,#7744b5);border-color:#4a297d;box-shadow:0 5px #472979,inset 0 2px #dcbbff}.active-character,.menu-controls{display:none}.hint{font-size:9px;margin-top:17px}.hero-card{position:relative;width:250px;flex-shrink:0;text-align:center;padding:18px 12px;background:linear-gradient(155deg,#56bbdecc,#21608bd9);border:3px solid #a6e8fb;border-radius:30px;box-shadow:0 8px #103e62,0 0 45px #70d7ff22;transform:rotate(-3deg)}.hero-kicker{font:800 12px Barlow,Arial;letter-spacing:2px;color:#d5f6ff}.hero-card canvas{position:relative;object-fit:contain;background:none;width:220px;height:245px;margin:0 auto}.hero-card strong{display:block;font:900 30px 'Barlow Condensed',Impact;color:#ffe786;text-shadow:0 3px #20516c}.hero-card>span:last-of-type{display:block;font-size:12px;color:#c6e8f7;margin:5px 0 16px}.hero-card button{font-size:14px;padding:10px 12px;background:linear-gradient(#ffdc6b,#e9a638);border-color:#936228;color:#4b351c;text-shadow:none;box-shadow:0 4px #8c5b25}.rewards-menu{width:215px;display:flex;flex-direction:column;gap:19px;flex-shrink:0}.rewards-menu button{padding:17px 10px;border-radius:23px;transform:rotate(2deg)}.rewards-menu button:hover{transform:rotate(0deg) translateY(-3px)}.rewards-menu strong{display:block;font:900 24px 'Barlow Condensed',Impact;letter-spacing:.5px}.rewards-menu small{display:block;font:700 11px Barlow,Arial;margin-top:7px;text-shadow:none}.tile-icon{display:block;font-size:44px;margin-bottom:8px}.gift-tile{background:linear-gradient(#ffce65,#f29548);border-color:#a96929;box-shadow:0 6px #9a5529,inset 0 2px #ffe6a3;color:#533212;text-shadow:0 1px #ffdf92}.mission-tile{background:linear-gradient(#a17eef,#6255ba);border-color:#403884;box-shadow:0 6px #373171,inset 0 2px #d9bdff}.rewards-menu .help-tile{font-size:20px;padding:14px}.gift-tile:disabled{opacity:.85}.hero-card #hero-avatar{display:block}#fun-panel[hidden]{display:none}#fun-panel{position:absolute;inset:0;z-index:15;display:grid;place-items:center;background:#09283ade;padding:20px;backdrop-filter:blur(6px)}.fun-window{position:relative;width:min(620px,100%);max-height:100%;overflow:auto;background:linear-gradient(135deg,#367b9c,#173c62);border:3px solid #9adbf2;border-radius:25px;padding:30px;box-shadow:0 9px #102c45}.fun-window h2{font:900 34px 'Barlow Condensed',Impact;color:#ffe88c;margin:0 35px 25px 0}#close-fun{position:absolute;right:15px;top:15px;width:35px;height:35px;font-size:24px}.quest{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#14395599;border:1px solid #7cbdce66;border-radius:16px;padding:18px;margin:12px 0}.quest h3{margin:0;font-size:18px}.quest p{font-size:12px;color:#c9e6ef;margin:6px 0}.quest progress{accent-color:#adeb6b;width:150px;height:10px}.quest small{font-size:10px;margin-left:10px}.quest button{font:800 15px 'Barlow Condensed',Arial;padding:12px;min-width:110px;background:linear-gradient(#a9d955,#619b31)}.gentle-note{color:#c1dce9;font-size:12px;line-height:1.8;text-align:center;margin:20px 0 0}.howto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:center}.howto-grid article{background:#10375099;border-radius:15px;padding:16px 8px}.howto-grid b{font-size:35px;color:#ffe97b}.howto-grid h3{font-size:16px}.howto-grid p{font-size:12px;line-height:2;color:#d5ecf6}#game-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:#fff2a2;color:#543713;border:3px solid #d39c35;border-radius:16px;padding:16px 24px;z-index:25;box-shadow:0 5px #57391f66;font-weight:800;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#game-toast.show{opacity:1;transform:translate(-50%,0)}.confetti{position:fixed;inset:0;z-index:22;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:fall 1.9s ease-in forwards}.score-pop{animation:pop .35s ease-out}.reward{font-size:20px}@keyframes fall{to{transform:translateY(110vh) rotate(var(--spin))}}@keyframes pop{0%{transform:scale(.7)}65%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes play-glow{50%{box-shadow:0 8px #356b22,inset 0 3px #efffb0,0 0 24px #bef26866}}@media(max-width:1150px){#overlay{gap:20px;padding-left:20px;padding-right:20px}.hero-card{width:205px}.hero-card canvas{width:180px;height:210px}.rewards-menu{width:175px}.rewards-menu strong{font-size:20px}.arena:has(.overlay:not(.hidden)) .intro{width:330px}.intro h1{font-size:82px}.primary{width:300px}.career-menu button{min-width:135px;padding:10px}.hero-card strong{font-size:25px}}@media(max-width:820px){.hero-card{display:none}#overlay{gap:25px}.intro h1{font-size:75px}}@media(max-width:570px){#overlay{overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;padding:70px 15px 30px;gap:24px}.arena:has(.overlay:not(.hidden)) .intro{width:100%}.intro h1{font-size:70px}.intro .eyebrow{font-size:9px}.rewards-menu{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.rewards-menu .help-tile{grid-column:1/-1}.tile-icon{font-size:30px}.rewards-menu button{padding:12px}.intro>p{font-size:14px}.fun-window{padding:22px 16px}.quest{padding:12px;gap:10px}.quest progress{width:95px}.howto-grid{gap:7px}.fun-window h2{font-size:26px}.primary{font-size:35px;padding:10px}.arena:after{display:none}}@media(max-height:650px) and (min-width:571px){#overlay{padding-top:60px;padding-bottom:10px}.hero-card canvas{height:165px;width:160px}.hero-card{padding:12px}.hero-card strong{font-size:23px}.intro h1{font-size:65px;margin:10px 0 14px}.intro>p{font-size:12px;margin:8px}.primary{font-size:33px;padding:9px}.modes{margin:7px 0 12px}.modes button{padding:8px;font-size:16px}.career-menu{margin-top:14px}.career-menu button span{display:inline;font-size:16px}.career-menu button{font-size:14px}.tile-icon{font-size:29px}.rewards-menu button{padding:12px}.rewards-menu{gap:12px}.hint{margin-top:12px}.hero-card>span:last-of-type{margin:4px 0 10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
#overlay .hero-card{background:linear-gradient(155deg,#55b3d5f5,#21608bf5)}