@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--cream:#f6efdd;--wine:#50152b;--green:#43583e;--muted:#82715e;--line:#d8cbb3}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:#d9ddc8;color:var(--wine);font-family:'DM Sans',system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b7985e;outline-offset:3px}#app{position:relative;isolation:isolate;max-width:520px;height:100dvh;min-height:320px;margin:auto;background:var(--cream);overflow:hidden;box-shadow:0 0 90px #27352422;display:flex;flex-direction:column}#field{position:relative;flex:1;min-height:0;touch-action:none;background:radial-gradient(ellipse at 50% 30%,#f9f4df,#e9e8c9 70%,#d2dbae)}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#hud{padding:calc(env(safe-area-inset-top) + 10px) 22px 15px;border-bottom:1px solid var(--line);background:var(--cream);z-index:2}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}#playerLabel{font-size:12px;max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.level-pill{font-size:9px;letter-spacing:1.3px;border:1px solid var(--line);padding:7px 12px;border-radius:30px}.icon{border:1px solid var(--line);background:#f9f3e5;color:var(--wine);width:34px;height:34px;border-radius:50%;font-size:18px;display:grid;place-items:center;flex-shrink:0}.hud-stats{display:flex;align-items:center;justify-content:space-between;gap:20px}.hud-stats small{font-size:8px;letter-spacing:1.6px;color:var(--muted);display:block;margin-bottom:4px}.hud-stats strong{font-size:29px;font-weight:500;line-height:1}.hud-stats .time{text-align:right}.streak-meter{flex:1;text-align:center;font-size:10px;color:var(--muted);max-width:150px}.streak-meter>div{height:3px;background:#ded7bb;border-radius:4px;margin-top:10px;overflow:hidden}.streak-meter i{height:100%;display:block;width:100%;background:#718454;transition:width .2s linear}#toast{position:absolute;top:20px;left:15px;right:15px;text-align:center;font-size:12px;color:var(--wine);font-weight:600;pointer-events:none}.screen{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 20px) 30px calc(env(safe-area-inset-bottom) + 24px);background:var(--cream);overflow-y:auto;overscroll-behavior:contain}.hidden{display:none!important}.welcome-top{display:flex;align-items:center;justify-content:space-between}.logo{width:130px;height:70px;object-fit:contain;mix-blend-mode:multiply}.welcome-content{margin:auto 0;padding:22px 0}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--muted)}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-2px}h1{font-size:clamp(68px,12dvh,108px);line-height:.95;margin:23px 0}h2{font-size:clamp(40px,7dvh,62px);line-height:1.1;margin:18px 0}h1 em,h2 em{font-weight:500}p{font-size:13px;line-height:1.7;color:var(--muted)}.welcome-content>p{margin:20px 0 26px}label{font-size:12px;font-weight:500;display:block;margin-bottom:9px}input{width:100%;background:#fffaf0;border:1px solid #cfc0a5;border-radius:9px;padding:15px;color:var(--wine);font-size:16px}form small{font-size:9px;line-height:1.5;color:var(--muted);display:block;margin:9px 0 18px}.primary{background:var(--wine);color:#fff7e6;border:0;border-radius:9px;padding:17px 20px;display:flex;justify-content:center;gap:25px;align-items:center;width:100%;font-size:14px;min-height:52px}.primary:active{background:#752343}.primary span{font-size:21px}.welcome-links{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.welcome-links button,.welcome-foot button,.text-button{background:none;border:0;color:var(--wine);font-size:12px;padding:9px 0}.welcome-foot{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line);gap:15px}.welcome-foot>span{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.welcome-foot button{font-size:10px}.error{color:#a43f37;font-size:11px;line-height:1.4;margin:8px 0 0}.error:empty{display:none}.sheet{justify-content:center;text-align:center;align-items:center;background:linear-gradient(155deg,#f9f3e3,#eee9d3)}.sheet>p{max-width:340px;margin:4px 0 24px}.sheet .primary{max-width:350px}.sheet .text-button{margin-top:9px}.stage-number{font-family:Georgia,serif;font-size:80px;line-height:1;color:#75815b;opacity:.7;margin-top:25px}.stage-info{display:flex;gap:24px;margin:24px 0;font-size:11px;color:var(--muted)}.danger{display:flex;gap:13px;align-items:center;text-align:left;border:1px solid #b48b5c55;background:#efe0c4;padding:16px;border-radius:10px;width:100%;margin-top:5px}.danger>span{font-size:30px;color:#8a5a39}.danger b{font-size:12px;display:block;margin-bottom:5px}.danger small{font-size:11px;line-height:1.6;color:#896c50}.result-symbol{font-size:66px;color:#a58145;line-height:1;margin:28px 0 4px}.result-symbol.bad{color:#80623e}.result-grid{display:flex;width:100%;justify-content:center;gap:0;margin:4px 0 20px}.result-grid>div{width:50%;border-right:1px solid var(--line)}.result-grid>div:last-child{border:0}.result-grid small{font-size:9px;letter-spacing:1.3px;color:var(--muted);display:block}.result-grid b{font-size:40px;font-weight:500;margin-top:7px;display:block}.progress-dots{display:flex;gap:10px;margin:0 0 28px}.progress-dots i{border:1px solid #aeaf8a;width:10px;height:10px;border-radius:50%}.progress-dots i.done{background:#6f8151;border-color:#6f8151}.final-points{margin:7px 0 20px}.final-points b{display:block;font-size:75px;line-height:1;font-weight:500}.final-points span{display:block;font-size:9px;letter-spacing:2px;margin-top:10px;color:var(--muted)}.sheet .save-status{font-size:11px;color:#557047;min-height:18px;margin:0 0 16px}.product-prompt{display:flex;align-items:center;text-align:left;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;width:100%;gap:13px}.product-prompt img{width:80px;height:65px;object-fit:contain;mix-blend-mode:multiply}.product-prompt b{font-family:Georgia,serif;font-size:18px;font-weight:400;display:block}.product-prompt a{display:block;font-size:11px;color:var(--wine);margin-top:9px;text-decoration:none}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top .eyebrow{font-size:8px}.leader-heading{padding-top:15px}.leader-heading p{font-size:12px;margin-bottom:9px}.leader-heading small{font-size:10px;color:var(--muted)}.leader-list{margin:22px 0;flex:1;min-height:100px}.leader-row{display:grid;grid-template-columns:28px 1fr auto;gap:13px;align-items:center;padding:17px 10px;border-bottom:1px solid var(--line);font-size:12px}.leader-row.mine{background:#e7e9cd;border-radius:8px}.leader-row .rank{font-size:17px;color:#96815e}.leader-row .name{overflow-wrap:anywhere}.leader-row b{font-size:18px;font-weight:500}.leader-row small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.leader-note{font-size:10px;line-height:1.65;margin-top:10px}.list-message{text-align:center;margin:35px 0;font-size:13px;line-height:1.8;color:var(--muted)}dialog{max-width:420px;width:calc(100% - 36px);max-height:85dvh;background:#faf3e4;color:var(--wine);border:1px solid var(--line);border-radius:15px;padding:30px}dialog::backdrop{background:#20291990;backdrop-filter:blur(4px)}dialog h2{font-size:35px}dialog p,dialog li{font-size:12px;line-height:1.8;color:var(--muted)}dialog ul{padding-left:18px}dialog li{margin:10px 0}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--wine);font-size:27px}#game:focus-visible{outline:2px solid #9b713a;outline-offset:-3px}@media(max-height:740px){.welcome-content{padding:12px 0}h1{font-size:70px;margin:15px 0}.welcome-content>p{margin:12px 0 18px}.welcome-content p br{display:none}.logo{height:52px;width:110px}form small{margin-bottom:12px}.welcome-foot{padding-top:8px}.welcome-links{margin-top:8px}.sheet{padding-top:20px;padding-bottom:20px}.sheet h2{font-size:42px;margin:12px 0}.stage-number{font-size:65px;margin-top:18px}.stage-info{margin:17px 0}.sheet>p{margin-bottom:16px}.result-symbol{font-size:48px;margin-top:14px}.final-points b{font-size:58px}.product-prompt{margin-top:15px;padding-top:12px}.product-prompt img{height:45px}.progress-dots{margin-bottom:20px}}@media(min-width:800px){#app{border-left:1px solid #c6c9b0;border-right:1px solid #c6c9b0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Juicy forest-fruit game theme */

:root{--cream:#fff1ba;--wine:#54256e;--green:#58a851;--muted:#8b572f;--line:#eeb051}body{background:radial-gradient(ellipse at 20% 10%,#844eb1,#442869 60%,#2a2349);font-family:'Nunito',system-ui,sans-serif}#app{background:#ffcf5a;box-shadow:0 0 90px #20133155;border-color:#ffffff22}.screen{background:radial-gradient(circle at 18% 8%,#fff5b9 0,transparent 38%),linear-gradient(160deg,#ffdf76 0%,#ffbd52 52%,#ff974f 100%)}.screen::before{content:'';position:absolute;width:220px;height:220px;right:-140px;top:28%;border:32px solid #fff8c32b;border-radius:50%;pointer-events:none}.screen::after{content:'';position:absolute;width:120px;height:120px;left:-80px;bottom:15%;border:22px solid #fff8c32b;border-radius:50%;pointer-events:none}.screen>*{z-index:1;position:relative}h1,h2{font-family:'Fredoka','Nunito',sans-serif;font-weight:600;letter-spacing:-1px}h2{color:#622679;text-shadow:0 2px 0 #fff0b6;font-size:clamp(36px,6dvh,53px)}h2 em{font-style:normal;font-weight:600}.eyebrow{color:#9c5b2a;font-weight:900;letter-spacing:1.6px}.welcome-top .logo{width:105px;height:52px}.icon{border:2px solid #ffefad;background:linear-gradient(#fff5cc,#ffe18d);box-shadow:0 3px 0 #b9783938;color:#713789;border-radius:13px;font-weight:900}.welcome-content{display:flex;flex-direction:column;align-items:center;padding:8px 0;margin:auto 0}.welcome-content .eyebrow{font-size:8px}.game-title{text-align:center;margin:12px 0 0;line-height:.9;font-size:clamp(54px,8.3dvh,74px);font-weight:700;letter-spacing:-1.5px;transform:rotate(-4deg);filter:drop-shadow(0 5px 0 #77328e)}.game-title span{display:block;color:#fff6c4;-webkit-text-stroke:5px #6e2a85;paint-order:stroke fill;text-shadow:0 3px 0 #e8a142}.game-title span:first-child{font-size:.72em;color:#ffe16e;margin-bottom:1px}.mascot-stage{position:relative;width:100%;height:clamp(140px,22dvh,190px);display:flex;justify-content:center;align-items:center;margin:0 0 -5px}.mascot-stage::before{content:'';position:absolute;width:160px;height:120px;border-radius:50%;background:#fff6b36e;filter:blur(8px)}.mascot-hero{position:relative;width:210px;height:100%;object-fit:contain;filter:drop-shadow(0 8px 4px #aa4a2528);animation:mascot-bob 3s ease-in-out infinite}.mascot-spark{position:absolute;color:#fff8cc;font-size:30px;text-shadow:0 2px 0 #e89e36}.spark-one{left:35px;top:30px;transform:rotate(15deg)}.spark-two{right:40px;bottom:30px;font-size:22px}.welcome-content>p{margin:2px 0 15px;font-size:12px;font-weight:800;color:#8c482f}.welcome-content form{width:100%}label{font-weight:900;color:#703175;font-size:12px;margin-bottom:7px}input{border:2px solid #fff7cf;background:#fffae8;box-shadow:0 4px 0 #c7813540,inset 0 2px 4px #a6752220;border-radius:14px;color:#5d2879;padding:12px 15px;font-weight:800}input::placeholder{color:#b591a3;font-weight:600}form small{font-size:9px;color:#955b37;margin:7px 0 12px}.primary{background:linear-gradient(#a04bbc,#7c2b9d);border:2px solid #c87bdb;border-bottom-color:#6b228b;border-radius:17px;box-shadow:0 5px 0 #5f207d,0 8px 15px #9c4d4730;font-family:'Fredoka','Nunito',sans-serif;font-weight:600;font-size:17px;letter-spacing:.2px;min-height:52px;padding:13px 20px;text-shadow:0 2px #4d216960}.primary:active{background:linear-gradient(#8b34a9,#71208f);transform:translateY(3px);box-shadow:0 2px 0 #5f207d}.welcome-links{width:100%;margin-top:14px}.welcome-links button{font-weight:900;font-size:12px;color:#6d347c}.welcome-foot{border-top:1px solid #a866312e;padding-top:8px}.welcome-foot>span{font-weight:900;color:#985534;font-size:8px}.welcome-foot button{font-weight:900;color:#79347c}.text-button{font-weight:900;color:#73327e}.sheet{background:radial-gradient(circle at 50% 20%,#fff3b2 0,transparent 50%),linear-gradient(160deg,#ffdc72,#ffb950 65%,#ff9c4d)}.sheet p{color:#945337;font-weight:700}.stage-number{color:#8b3ba4;font-family:'Fredoka',sans-serif;font-weight:600;font-size:64px;margin-top:2px;opacity:1;text-shadow:0 3px 0 #ffe999}.mascot-mini{width:150px;height:140px;object-fit:contain;margin:4px 0}.stage-info{color:#8f503b;font-weight:900}.danger{background:#fff2c3;border:2px solid #f3a44b;box-shadow:0 4px 0 #d8883530;border-radius:16px}.danger b{color:#874727;font-weight:900}.danger small{color:#8e5d3d}.mascot-result{width:180px;height:165px;object-fit:contain;margin:12px 0 0}.result-symbol{font-size:25px;margin:3px 0;color:#a35ab3}.result-symbol.bad{color:#8a6039}.result-grid{background:#fff5d3b5;border:2px solid #fff3ba;border-radius:20px;padding:13px 5px;box-shadow:0 4px 0 #bc6e2b22}.result-grid small{font-weight:900;color:#a16943;font-size:9px}.result-grid b{font-family:'Fredoka',sans-serif;color:#702a8e;font-weight:600;font-size:38px}.result-grid>div{border-color:#e5bd83}.progress-dots i{border:2px solid #fff1b5;background:#eab168;box-shadow:0 2px 0 #b56d2733;width:12px;height:12px}.progress-dots i.done{background:#9141a8;border-color:#bf74cc}.mascot-final{width:155px;height:140px;object-fit:contain;margin:4px 0}.final-points{background:#fff6d1;border:2px solid #fff9e1;border-radius:22px;padding:17px 45px;box-shadow:0 5px 0 #cb873d3b}.final-points b{color:#77308e;font-family:'Fredoka',sans-serif;font-size:66px;font-weight:600}.final-points span{color:#9c6646;font-weight:900}.sheet .save-status{color:#526b2f;font-weight:900}.product-prompt{border-top-color:#c885463c;background:#fff5d4a3;border-radius:16px;padding:10px 12px;margin-top:22px}.product-prompt b{font-family:'Fredoka',sans-serif;font-size:18px;font-weight:500}.product-prompt a{font-weight:900;color:#7c348e}.leader-heading p,.leader-heading small{color:#8b543a;font-weight:800}.leader-row{background:#fff3c4;border:2px solid #fff8df;border-radius:16px;margin-bottom:12px;padding:14px 12px;box-shadow:0 4px 0 #c8823540}.leader-row.mine{background:#e0efb0;border:2px solid #f3ffd4}.leader-row .rank{font-family:'Fredoka',sans-serif;color:#a16930;font-size:22px}.leader-row .name{font-weight:900;color:#693078}.leader-row b{font-family:'Fredoka',sans-serif;font-size:24px;font-weight:600;color:#7c3294}.leader-row small{color:#9a6646}.leader-note{color:#925c3f}.panel-top .eyebrow{color:#8c4c37}.hud-top{margin-bottom:12px}#hud{background:linear-gradient(120deg,#ffe799,#ffbf57);border-bottom:3px solid #df8c3f;box-shadow:0 3px 0 #7e531712}.hud-top #playerLabel{font-weight:900;color:#693071}.level-pill{border:2px solid #fff1b1;background:#fff0b777;color:#82478a;font-weight:900}.hud-stats small{color:#9c6644;font-weight:900}.hud-stats strong{font-family:'Fredoka',sans-serif;color:#7b2d91;font-weight:600;font-size:31px}.streak-meter{color:#945634;font-weight:900}.streak-meter>div{background:#e4a743;height:6px;border:1px solid #ffec9f}.streak-meter i{background:linear-gradient(90deg,#c565c9,#8036a3)}#field{background:linear-gradient(#fff0b0 0%,#ffe48c 45%,#b8dd8e 100%)}#toast{color:#7d3588;font-weight:900;font-family:'Fredoka',sans-serif;font-size:14px;text-shadow:0 1px #fff2bd}dialog{background:linear-gradient(145deg,#fff0b6,#ffd27b);border:3px solid #fff5cb;border-radius:24px;box-shadow:0 10px 0 #6b308050}dialog h2{font-size:35px}dialog p,dialog li{color:#875439;font-weight:700}.close{color:#773490}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#773896}.error{color:#a02f34;font-weight:900}@keyframes mascot-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(1deg)}}@media(max-height:740px){.welcome-top .logo{height:40px;width:88px}.welcome-content{padding:4px 0}.game-title{font-size:58px;margin-top:9px}.mascot-stage{height:135px}.welcome-content>p{font-size:11px;margin:0 0 9px}form small{margin:6px 0 10px;font-size:8px}.welcome-links{margin-top:10px}.welcome-foot{padding-top:5px}.mascot-mini{height:100px;width:120px}.stage-number{font-size:45px}.mascot-result{height:110px;width:130px}.result-symbol{font-size:20px;margin:0}.result-grid{padding:8px 4px}.result-grid b{font-size:31px}.mascot-final{height:95px;width:120px}.final-points{padding:10px 35px;margin-bottom:12px}.final-points b{font-size:49px}.sheet h2{font-size:37px}.sheet .save-status{font-size:10px;margin-bottom:12px}.product-prompt{margin-top:17px}.stage-info{margin:14px 0}}@media(prefers-reduced-motion:reduce){.mascot-hero{animation:none}}
.sheet{justify-content:safe center}
/* ASCII title, long adventure progress, rotating product card */
.game-title{text-transform:none}.game-title span:first-child{font-size:.7em}.game-title span:last-child{font-size:.87em;letter-spacing:-1px}.resume-game{width:100%;margin-top:12px;padding:9px 12px;background:#fff1b9;border:2px solid #fff8df;border-radius:12px;color:#78358e;font-size:11px;font-weight:900;box-shadow:0 3px 0 #cd93433b}.level-progress{width:100%;max-width:280px;margin:0 0 24px}.level-progress span{font-size:10px;font-weight:900;color:#965d40;display:block;margin-bottom:8px}.level-progress progress{display:block;width:100%;height:10px;appearance:none;-webkit-appearance:none;border:2px solid #fff1b5;border-radius:10px;overflow:hidden;background:#eab168}.level-progress progress::-webkit-progress-bar{background:#eab168}.level-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#b969c7,#8131a1);border-radius:6px}.level-progress progress::-moz-progress-bar{background:#8e3aa6;border-radius:6px}.product-name{display:block;font-size:11px;font-weight:900;color:#a06c43;margin-top:5px}.instagram-link{margin-top:14px;text-decoration:none;border:2px solid #efb7dc;background:linear-gradient(115deg,#a443a8,#d64e80,#ed9455);color:#fff7e6;border-radius:13px;padding:10px 16px;width:100%;font-size:12px;font-weight:900;text-shadow:0 1px #753d6b}.instagram-link small{display:block;font-size:9px;margin-top:3px;opacity:.9}.product-prompt{flex-shrink:0}.mascot-final{height:110px;margin-top:0}.sheet#final h2{font-size:40px;margin:10px 0}.sheet#final .final-points{margin:2px 0 12px;padding:10px 35px}.sheet#final .final-points b{font-size:52px}.sheet#final>p{margin-bottom:12px}.sheet#final .product-prompt{margin-top:15px}@media(max-height:740px){.resume-game{padding:7px 10px;font-size:10px;margin-top:9px}.welcome-content{margin:8px 0}.sheet#final .mascot-final{height:65px;width:95px}.sheet#final h2{font-size:30px;margin:7px 0}.sheet#final .final-points{padding:7px 30px;margin-bottom:9px}.sheet#final .final-points b{font-size:40px}.sheet#final .product-prompt{margin-top:10px;padding:8px 10px}.sheet#final .product-prompt img{height:40px;width:58px}.sheet#final .instagram-link{margin-top:10px;padding:8px 12px}.level-progress{margin-bottom:18px}}
/* One heavy Turkish-capable font for every glyph in section headings. */
h2,.sheet h2,#stageTitle,#stageResultTitle{font-family:'Nunito',Arial,sans-serif;font-weight:900;font-synthesis:weight;letter-spacing:-1.5px}h2 em{font-family:inherit;font-weight:900}
.sync-status{display:block;font-size:8px;color:#5e783a;margin-bottom:5px;font-weight:900;letter-spacing:0}.week-label{display:block;font-size:10px;color:#8b543a;margin:16px 0 6px}#weekSelect{width:100%;padding:10px 12px;border:2px solid #fff3bc;border-radius:12px;background:#fff5cf;color:#78368b;font:800 12px Nunito,Arial,sans-serif}.hud-stats .streak-meter{max-width:145px}
/* A separate thumb zone keeps the basket above the player's finger. */
.touch-control{flex:0 0 auto;position:relative;z-index:2;height:calc(clamp(88px,13dvh,112px) + env(safe-area-inset-bottom));padding:20px 30px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#ffdc7b,#ffc056);border-top:3px solid #f1ad46;touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize;outline:none}.touch-control:focus-visible{box-shadow:inset 0 0 0 3px #83309c}.control-rail{position:relative;height:10px;margin:6px 14px 20px;border-radius:20px;background:#c98a3b4d;border:2px solid #fff0b2;box-shadow:inset 0 2px 2px #9f652b25}.control-thumb{position:absolute;top:50%;left:var(--control-position,50%);transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:36px;border:2px solid #c37ad4;border-radius:14px;background:linear-gradient(#a34fc0,#7f329f);color:#fff6d3;font:700 25px Nunito,sans-serif;box-shadow:0 3px 0 #5d2379,0 4px 8px #9f6a2a22;pointer-events:none}.control-hint{display:block;text-align:center;font-size:9px;letter-spacing:1.5px;color:#955a30;font-weight:900;pointer-events:none}.touch-control.dragging .control-thumb{background:linear-gradient(#ba65d3,#9443b3);box-shadow:0 2px 0 #5d2379}.touch-control.dragging .control-hint{color:#78328c}@media(max-height:650px){.touch-control{padding-top:16px}.control-rail{margin-top:4px;margin-bottom:17px}.control-hint{font-size:8px}}
/* A different real Mix product accompanies every section result. */
.stage-product-card{width:100%;max-width:350px;display:flex;align-items:center;gap:13px;margin:17px 0 0;padding:12px;background:#fff5d5;border:2px solid #fff8df;border-radius:17px;box-shadow:0 4px 0 #c8873d28;text-align:left;flex-shrink:0}.stage-product-card>img{width:82px;height:76px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.stage-product-card>div{min-width:0;flex:1}.stage-product-kicker{display:block;font-size:8px;letter-spacing:1.4px;color:#a37348;font-weight:900}.stage-product-card b{font:900 19px Nunito,Arial,sans-serif;color:#72348b;display:block;margin:4px 0 8px;line-height:1.2}.stage-product-card a{display:block;text-decoration:none;font-size:11px;line-height:1.5;font-weight:900;color:#a13988}.stage-product-card a:active{color:#72206c}#stageResult .mascot-result{height:100px;width:120px;margin:7px 0 0}#stageResult .result-symbol{font-size:20px;margin:1px 0}#stageResult h2{font-size:36px;margin:9px 0}#stageResult>p{font-size:12px;line-height:1.55;margin:0 0 15px}#stageResult .result-grid{padding:9px 4px;margin-bottom:14px}#stageResult .result-grid b{font-size:32px;margin-top:3px}#stageResult .level-progress{margin-bottom:16px}#stageResult #endEarlyBtn{margin-top:10px;font-size:11px}@media(max-height:650px){#stageResult{padding-top:16px;padding-bottom:16px}#stageResult .mascot-result{height:62px;width:80px;margin-top:4px}#stageResult .result-symbol{font-size:16px}#stageResult h2{font-size:29px;margin:6px 0}#stageResult>p{font-size:11px;line-height:1.4;margin-bottom:10px}#stageResult .result-grid{padding:6px 4px;margin-bottom:10px}#stageResult .result-grid b{font-size:25px}#stageResult .level-progress{margin-bottom:12px}#stageResult .stage-product-card{margin-top:13px;padding:9px;gap:10px}#stageResult .stage-product-card>img{width:65px;height:60px}#stageResult .stage-product-card b{font-size:17px;margin:3px 0 5px}}
.danger>img{width:34px;height:48px;object-fit:contain;flex-shrink:0}#stageResult .result-symbol.bad{width:27px;height:38px;color:transparent;background:url('/assets/pinecone.svg') center/contain no-repeat;margin:3px 0}#stageResult .result-symbol.bad::selection{background:transparent}@media(max-height:650px){#stageResult .result-symbol.bad{width:20px;height:28px}}

/* Keep ranking rows and rules in one scrolling flow on short mobile screens. */
#leaderboard{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch}
#leaderboard .leader-list{flex:none;min-height:0;margin:22px 0 0;display:flow-root}
#leaderboard .leader-note{position:relative;clear:both;margin:18px 0 0;padding:14px 16px;border:1px solid #fff4ca;background:#fff3c4b8;border-radius:14px;font-size:11px;line-height:1.65}