:root{--sky: #7AC9F2;--sky-deep: #3B95C9;--sky-tint: #E8F5FC;--mint: #9BE0C2;--mint-deep: #4DB089;--mint-tint: #E5F6EE;--butter: #FFCB47;--butter-deep: #E8A815;--butter-tint: #FFF1C7;--coral: #FF8466;--cream: #FBF6EC;--paper: #FFFFFF;--ink: #1F2A3A;--ink-soft: #465A77;--ink-mute: #7B8DA8;--ink-faint: #BAC6D8;--line: #E4DDCD;--font-display: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 999px;--shadow-sm: 0 2px 0 rgba(31,42,58,.06), 0 4px 10px rgba(31,42,58,.08);--shadow-md: 0 4px 0 rgba(31,42,58,.08), 0 8px 24px rgba(31,42,58,.1);--ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,var(--sky-tint) 0%,#FFFFFF 50%,var(--mint-tint) 100%);background-color:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}#game-canvas-root{position:fixed;top:calc(env(safe-area-inset-top,0px) + 140px);bottom:calc(env(safe-area-inset-bottom,0px) + 120px);left:0;right:0;z-index:0}#game-canvas-root canvas{display:block;width:100%!important;height:100%!important}#ui-root{position:fixed;inset:0;z-index:10;pointer-events:none}#ui-root>*{pointer-events:auto}.hud{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 16px 0;gap:10px;z-index:20}.hud-btn-back{width:44px;height:44px;border-radius:50%;background:var(--paper);border:1px solid var(--line);box-shadow:0 3px 0 var(--line),0 6px 14px #1f2a3a17;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .18s var(--ease-out-back);padding:0}.hud-btn-back:active{transform:scale(.88)}.hud-pill{background:var(--paper);border:1px solid var(--line);box-shadow:0 3px 0 var(--line),0 8px 18px #1f2a3a1a;border-radius:var(--radius-pill);padding:8px 8px 8px 18px;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;flex:1;min-width:0}.hud-pill-label{font-family:var(--font-body);font-weight:700;font-size:10px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:1px}.hud-pill-value{font-family:var(--font-display);font-weight:800;font-size:18px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.hud-pill-value .par{color:var(--ink-faint);font-weight:700}.hud-move-track{display:flex;gap:4px}.hud-move-bar{width:8px;height:28px;border-radius:4px;background:var(--sky-tint);transition:background .2s}.hud-move-bar.used{background:var(--sky);box-shadow:inset 0 -3px 0 var(--sky-deep)}.hud-clean-badge{background:var(--mint);border-radius:var(--radius-pill);padding:8px 14px;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:16px;box-shadow:0 3px 0 var(--mint-deep),0 8px 18px #4db08940;display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.hud-stars{display:inline-flex;gap:1px;font-size:11px;line-height:1}.hud-star{color:var(--ink-faint);transition:color .2s}.hud-star.earned{color:var(--butter)}.hud-level-title{position:fixed;top:calc(env(safe-area-inset-top,0px) + 76px);left:0;right:0;text-align:center;z-index:15;pointer-events:none}.hud-level-title .sub{font-family:var(--font-body);font-weight:700;font-size:11px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:2px}.hud-level-title .name{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--ink);letter-spacing:-.4px;margin-top:2px}.hud-difficulty-tag{display:inline-block;margin-top:6px;padding:3px 12px;border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;pointer-events:none}.hud-difficulty-tag.hidden{display:none}.hud-difficulty-tag.tier-easy{background:var(--mint-tint);color:var(--mint-deep);box-shadow:inset 0 0 0 1px #4db08959}.hud-difficulty-tag.tier-medium{background:var(--butter-tint);color:#946d0f;box-shadow:inset 0 0 0 1px #e8a81566}.hud-difficulty-tag.tier-hard{background:#ffe0d6;color:#b5402a;box-shadow:inset 0 0 0 1px #ff846673}.control-bar{position:fixed;bottom:max(env(safe-area-inset-bottom,0px),32px);left:50%;transform:translate(-50%);display:flex;gap:14px;align-items:flex-end;z-index:20}.btn-control{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;padding:0;cursor:pointer}.btn-control-circle{width:60px;height:60px;border-radius:50%;background:var(--paper);border:1px solid var(--line);box-shadow:0 4px #1f2a3a1a,0 8px 18px #1f2a3a1a;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .18s var(--ease-out-back);position:relative}.btn-control:active .btn-control-circle{transform:scale(.88)}.btn-control:disabled .btn-control-circle,.btn-control[disabled] .btn-control-circle{opacity:.35}.btn-control-label{font-family:var(--font-body);font-weight:700;font-size:11px;color:var(--ink-soft)}.btn-hint-badge{position:absolute;top:-4px;right:-4px;background:var(--coral);color:#fff;font-family:var(--font-display);font-weight:800;font-size:11px;padding:2px 6px;border-radius:999px;line-height:1;border:2px solid #fff}.btn-daily-accent .btn-control-circle{background:var(--sky-tint);border-color:#7ac9f280;box-shadow:0 4px 0 var(--sky-deep),0 8px 18px #3b95c933}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#1f2a3a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100}.modal.hidden{display:none}.modal-card{background:var(--paper);border-radius:var(--radius-xl);padding:32px 24px 24px;text-align:center;min-width:300px;max-width:360px;width:calc(100% - 48px);animation:card-pop .38s var(--ease-out-back) both;box-shadow:0 8px 0 var(--line),0 24px 60px #1f2a3a2e;border:1px solid var(--line);position:relative}@keyframes card-pop{0%{opacity:0;transform:scale(.82) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:var(--sky-tint);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .15s var(--ease-out-back)}.modal-close:active{transform:scale(.88)}.modal-kicker{font-family:var(--font-body);font-weight:700;font-size:11px;color:var(--sky-deep);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.modal-title{font-family:var(--font-display);font-weight:800;font-size:42px;letter-spacing:-1.4px;color:var(--ink);line-height:1;margin-bottom:14px}.stars-row{display:flex;justify-content:center;align-items:flex-end;gap:6px;margin-bottom:16px}.star-slot{line-height:1;filter:grayscale(1) brightness(.7);transform:scale(.8);transition:filter .2s,transform .2s}.star-slot:nth-child(1){font-size:46px}.star-slot:nth-child(2){font-size:64px}.star-slot:nth-child(3){font-size:46px}.star-slot.earned{filter:none;transform:scale(1);animation:star-pop .45s var(--ease-out-back) both}.star-slot:nth-child(1){animation-delay:.08s}.star-slot:nth-child(2){animation-delay:.2s}.star-slot:nth-child(3){animation-delay:.32s}@keyframes star-pop{0%{transform:scale(0) rotate(-20deg)}65%{transform:scale(1.25) rotate(6deg)}to{transform:scale(1) rotate(0)}}.modal-stats{display:flex;justify-content:space-around;background:var(--cream);border-radius:var(--radius-lg);padding:14px 8px;margin-bottom:14px;border:1px solid var(--line);box-shadow:0 4px 0 var(--line)}.stat-item{flex:1;padding:4px 8px}.stat-label{font-family:var(--font-body);font-weight:700;font-size:10px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:1px}.stat-value{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--ink);margin-top:2px;line-height:1.1}.stat-sub{font-family:var(--font-body);font-weight:600;font-size:10px;color:var(--ink-mute);margin-top:2px}.stat-divider{width:1px;background:var(--line);align-self:stretch}.modal-level{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-deep);margin-bottom:4px}.modal-sub{font-family:var(--font-body);font-size:14px;color:var(--ink-mute);margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:center;margin-bottom:8px}button{font:inherit;border:none;border-radius:var(--radius-md);padding:13px 22px;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease-out-back),filter .15s}button:active{transform:scale(.94);filter:brightness(.92)}.btn-primary{background:linear-gradient(135deg,var(--sky) 0%,var(--sky-deep) 100%);color:#fff;box-shadow:0 4px 0 var(--sky-deep),0 10px 22px #3b95c94d;flex:1}.btn-secondary{background:var(--paper);border:1.5px solid var(--line);color:var(--ink);box-shadow:var(--shadow-sm);flex:1}.btn-mint{width:100%;background:var(--mint);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:17px;border-radius:var(--radius-lg);padding:16px 20px;box-shadow:0 5px 0 var(--mint-deep),0 12px 28px #4db08938}.level-select{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;justify-content:flex-end}.level-select.hidden{display:none}.level-select-backdrop{position:absolute;inset:0;background:#1f2a3a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:0}.level-select-card{position:relative;z-index:1;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:20px 20px max(env(safe-area-inset-bottom,0px),24px);max-height:72vh;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:panel-up .32s var(--ease-out-cubic) both;box-shadow:0 -4px 30px #1f2a3a1f}@keyframes panel-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.level-select-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.level-select-title{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.btn-close{background:var(--sky-tint);border:none;padding:6px 10px;font-size:14px;color:var(--ink-mute);cursor:pointer;border-radius:var(--radius-sm);transition:color .15s}.btn-close:hover{color:var(--ink)}.btn-close:active{transform:scale(.9);filter:none}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}.level-btn{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--cream);border:1px solid var(--line);color:var(--ink);font-family:var(--font-display);font-size:13px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s var(--ease-out-back);padding:0;line-height:1}.level-btn:hover{background:var(--sky-tint);border-color:var(--sky)}.level-btn:active{transform:scale(.9)}.level-btn.current{background:var(--sky-tint);border-color:var(--sky);box-shadow:0 0 0 2px #7ac9f259}.level-btn-stars{font-size:8px;letter-spacing:.5px;color:var(--butter)}.level-btn-stars.empty{color:transparent}.skin-picker{position:fixed;bottom:calc(max(env(safe-area-inset-bottom,0px),32px) + 88px);left:50%;transform:translate(-50%);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:320px;animation:card-pop .22s var(--ease-out-back) both;box-shadow:var(--shadow-md);z-index:50}.skin-picker.hidden{display:none}.skin-swatch{width:42px;height:42px;border-radius:50%;border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;background:var(--cream);transition:transform .15s var(--ease-out-back),border-color .15s;padding:0}.skin-swatch:hover{transform:scale(1.12);border-color:var(--sky)}.skin-swatch:active{transform:scale(.92)}.skin-swatch.selected{border-color:var(--sky);box-shadow:0 0 0 2px #7ac9f24d}.daily-streak-row{font-size:20px;letter-spacing:.02em;margin:-4px 0 16px;min-height:28px;color:var(--ink)}.share-btn{display:flex;align-items:center;gap:6px}.share-feedback{font-size:13px;color:var(--sky-deep);margin-top:8px;transition:opacity .3s}.share-feedback.hidden{display:none}.btn-lb-toggle{width:100%;margin-top:14px;padding:10px 16px;background:var(--cream);border:1px solid var(--line);border-radius:10px;color:var(--ink-mute);font-size:14px;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s}.btn-lb-toggle:hover{background:var(--sky-tint);border-color:var(--sky)}.lb-chevron{font-size:12px;transition:transform .2s}.lb-container{margin-top:10px;max-height:260px;overflow-y:auto;border-radius:10px;border:1px solid var(--line);padding:4px 0}.lb-container.hidden{display:none}.lb-loading,.lb-empty{text-align:center;font-size:13px;color:var(--ink-mute);padding:20px 16px}.lb-summary{font-size:13px;color:var(--ink-mute);text-align:center;padding:8px 16px 4px;margin:0}.lb-table{width:100%;border-collapse:collapse;font-size:13px}.lb-table td{padding:6px 10px;white-space:nowrap}.lb-table tr+tr{border-top:1px solid var(--line)}.lb-table tr.lb-me{background:var(--sky-tint);font-weight:600}.lb-rank{width:36px;text-align:center}.lb-flag{width:28px;text-align:center}.lb-moves{color:var(--ink)}.lb-time{color:var(--ink-mute);text-align:right}.hint-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;color:var(--sky);text-shadow:0 0 24px rgba(122,201,242,.8),0 0 8px rgba(122,201,242,.6);pointer-events:none;z-index:50;animation:hint-pulse .5s ease-in-out infinite alternate}.hint-arrow.fade-out{transition:opacity .4s;opacity:0}@keyframes hint-pulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.2)}}.skin-picker-iap-row{display:flex;flex-direction:column;gap:6px;padding:8px 4px 0;border-top:1px solid var(--line);margin-top:8px}.btn-iap{width:100%;padding:10px 14px;background:var(--sky-tint);border:1px solid rgba(122,201,242,.5);border-radius:10px;color:var(--sky-deep);font-size:13px;font-family:var(--font-body);font-weight:600;cursor:pointer;transition:background .15s}.btn-iap:hover{background:#7ac9f233}.btn-iap:disabled{opacity:.5;cursor:default}.btn-iap-secondary{width:100%;padding:7px 14px;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--ink-mute);font-size:12px;font-family:var(--font-body);cursor:pointer;transition:border-color .15s}.btn-iap-secondary:hover{border-color:var(--sky)}.btn-iap-secondary:disabled{opacity:.5;cursor:default}.skin-picker-legal{padding:8px 4px 2px;text-align:center;font-size:11px;color:var(--ink-faint)}.skin-picker-legal a{color:var(--sky-deep);text-decoration:none}.skin-picker-legal a:hover{color:var(--sky)}.btn-daily{border-color:#7ac9f273}body.onboarding .hud,body.onboarding .hud-level-title,body.onboarding #btn-hint,body.onboarding .skin-picker{display:none!important}body.onboarding #game-canvas-root{top:210px;bottom:160px}.onboarding-arrow{position:fixed;left:50%;top:50%;font-size:62px;color:var(--sky);text-shadow:0 0 28px rgba(122,201,242,.9),0 0 10px rgba(122,201,242,.7),0 0 4px rgba(59,149,201,.6);pointer-events:none;z-index:72;animation:onb-arrow-blink 1.6s ease-in-out infinite;will-change:opacity,transform}.onboarding-arrow.hidden{display:none}@keyframes onb-arrow-blink{0%,to{opacity:.45;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}}.onboarding-overlay{position:fixed;top:calc(max(env(safe-area-inset-top),14px) + 56px);left:16px;right:16px;z-index:70;background:var(--paper);border-radius:22px;padding:18px 24px 20px;box-shadow:0 4px #1f2a3a14,0 12px 32px #1f2a3a29;max-width:480px;margin:0 auto;text-align:center;pointer-events:none;animation:onb-pop .28s cubic-bezier(.2,.9,.3,1.2)}.onboarding-overlay.hidden{display:none}@keyframes onb-pop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-progress{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.onb-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-faint);transition:background .2s,transform .2s}.onb-dot.done{background:var(--mint-deep)}.onb-dot.active{background:var(--sky-deep);transform:scale(1.4);animation:onb-dot-pulse 1.4s ease-in-out infinite}@keyframes onb-dot-pulse{0%,to{opacity:1}50%{opacity:.55}}.onboarding-caption{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--ink);line-height:1.32}.onboarding-success{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:80;background:var(--mint);color:var(--ink);padding:14px 26px;border-radius:999px;box-shadow:0 6px 0 var(--mint-deep),0 14px 32px #4db08952;font-family:var(--font-display);font-weight:800;font-size:17px;text-align:center;max-width:min(92vw,340px);pointer-events:none;animation:onb-success-pop .36s cubic-bezier(.2,.9,.3,1.2)}.onboarding-success.hidden{display:none}@keyframes onb-success-pop{0%{opacity:0;transform:translate(-50%,-40%) scale(.85)}60%{opacity:1;transform:translate(-50%,-52%) scale(1.04)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.onboarding-skip{position:fixed;top:max(env(safe-area-inset-top),22px);right:16px;z-index:75;background:transparent;border:0;color:var(--ink-mute);font-family:var(--font-body);font-weight:700;font-size:13px;letter-spacing:.2px;padding:8px 12px;border-radius:999px;cursor:pointer;transition:background .16s,color .16s}.onboarding-skip:hover{background:#1f2a3a0f;color:var(--ink)}.onboarding-skip.hidden{display:none}.onboarding-finish{position:fixed;inset:0;z-index:90;background:#1f2a3a6b;display:flex;align-items:center;justify-content:center;animation:onb-fade .24s ease-out}.onboarding-finish.hidden{display:none}@keyframes onb-fade{0%{opacity:0}to{opacity:1}}.onb-finish-card{background:var(--paper);border-radius:28px;padding:36px 32px 28px;text-align:center;max-width:min(88vw,360px);box-shadow:0 8px #1f2a3a1a,0 24px 64px #1f2a3a4d;animation:onb-pop .32s cubic-bezier(.2,.9,.3,1.2)}.onb-finish-emoji{font-size:52px;line-height:1;margin-bottom:10px}.onb-finish-title{font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--ink);letter-spacing:-.5px}.onb-finish-sub{font-family:var(--font-body);font-weight:500;font-size:15px;color:var(--ink-soft);margin-top:8px;margin-bottom:22px}.onb-finish-cta{background:var(--mint);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:17px;border:0;border-radius:999px;padding:16px 28px;min-width:200px;cursor:pointer;box-shadow:0 5px 0 var(--mint-deep),0 12px 28px #4db08947;transition:transform .12s ease-out}.onb-finish-cta:active{transform:translateY(2px)}.diamond-glyph{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;vertical-align:middle;line-height:0}.diamond-glyph svg{display:block;width:100%;height:100%}.diamond-glyph-small{width:13px;height:13px}.diamond-glyph-lg{width:28px;height:28px}@keyframes diamond-spin-shine{0%,to{filter:drop-shadow(0 0 2px rgba(255,203,71,0))}50%{filter:drop-shadow(0 0 8px rgba(255,203,71,.85))}}.hud-diamond-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px 6px 10px;background:var(--butter-tint, #FFF1C7);border:1px solid rgba(232,168,21,.45);border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--ink);letter-spacing:-.2px;cursor:pointer;box-shadow:0 2px #e8a81540;transition:transform .1s ease-out;flex-shrink:0}.hud-diamond-pill:active{transform:translateY(1px)}.hud-diamond-pill .diamond-glyph{width:16px;height:16px}.hud-diamond-pill.flash{animation:hud-diamond-flash .7s ease-out}@keyframes hud-diamond-flash{0%{transform:scale(1);box-shadow:0 2px #e8a81540}40%{transform:scale(1.16);box-shadow:0 0 0 4px #ffcb4766,0 6px 18px #ffcb478c}to{transform:scale(1);box-shadow:0 2px #e8a81540}}.reward-block{margin:14px 4px 0;padding:14px 14px 16px;background:linear-gradient(160deg,var(--sky-tint),var(--paper));border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 0 var(--line),0 8px 22px #1f2a3a14;text-align:center}.reward-label{font-family:var(--font-body);font-weight:700;font-size:10px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}.reward-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border-radius:999px;background:var(--sky-tint);font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--ink);letter-spacing:-.4px;box-shadow:0 3px #3b95c92e}.reward-pill .diamond-glyph{width:26px;height:26px}.reward-pill.celebrate{background:linear-gradient(135deg,var(--butter),var(--butter-deep));box-shadow:0 4px 0 var(--butter-deep),0 10px 26px #ffcb478c;animation:reward-pop .46s cubic-bezier(.34,1.56,.64,1) both}.reward-pill.celebrate .diamond-glyph svg{animation:diamond-spin-shine 1.4s ease-in-out infinite}@keyframes reward-pop{0%{transform:scale(.6);opacity:.4}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.reward-x2-badge{display:inline-block;margin-left:4px;padding:2px 8px;background:var(--ink);color:var(--butter);border-radius:999px;font-size:13px;font-weight:800}.reward-ad-double{margin-top:14px;display:flex;flex-direction:column;gap:10px;align-items:stretch}.reward-ad-double.hidden{display:none}.btn-ad-double{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;background:linear-gradient(135deg,var(--mint),var(--mint-deep));color:var(--ink);border:0;border-radius:18px;font-family:var(--font-display);font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 5px 0 var(--mint-deep),0 0 0 2px #ffcb4766,0 8px 18px #4db08966;transition:transform .12s ease-out;animation:btn-ad-pulse 1.8s ease-in-out infinite}.btn-ad-double:active{transform:translateY(2px)}.btn-ad-double:disabled{opacity:.55;cursor:default;animation:none}.btn-ad-double .ad-play-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--ink);color:#fff;border-radius:50%;font-size:11px;padding-left:2px}.btn-ad-double .ad-x2-chip{display:inline-flex;align-items:center;gap:4px;background:var(--butter);color:var(--ink);padding:2px 8px;border-radius:999px;font-size:13px}@keyframes btn-ad-pulse{0%,to{box-shadow:0 5px 0 var(--mint-deep),0 0 0 2px #ffcb4766,0 8px 18px #4db08966}50%{box-shadow:0 5px 0 var(--mint-deep),0 0 0 4px #ffcb47b3,0 12px 26px #4db0898c}}.btn-ad-skip{background:transparent;border:0;padding:6px 10px;font-family:var(--font-body);font-weight:700;font-size:13px;color:var(--sky-deep);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:opacity .12s}.btn-ad-skip:disabled{opacity:.45;cursor:default;text-decoration:none}.reward-doubled,.reward-confirmed{margin-top:12px;font-family:var(--font-body);font-weight:700;font-size:13px}.reward-doubled{color:var(--mint-deep)}.reward-confirmed{color:var(--ink-mute)}.reward-doubled.hidden,.reward-confirmed.hidden{display:none}.screen{position:fixed;inset:0;z-index:200;overflow:hidden;font-family:var(--font-body)}.screen.hidden{display:none}.screen-scroll{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:100px;touch-action:pan-y}.tab-bar{position:absolute;bottom:12px;left:12px;right:12px;background:var(--paper);border-radius:var(--radius-xl);padding:8px 8px 10px;display:flex;gap:4px;box-shadow:0 4px #1f2a3a0f,0 12px 30px #1f2a3a1f;border:1px solid var(--line);z-index:30}.tab-item{flex:1;padding:8px 4px;border-radius:var(--radius-md);background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;color:var(--ink-mute);transition:background .15s}.tab-item.active{background:var(--sky-tint);color:var(--sky-deep)}.tab-item:active{transform:scale(.94)}.tab-label{font-family:var(--font-display);font-weight:700;font-size:11px;line-height:1}.screen-home{background:var(--cream)}.home-sky-bg{position:absolute;top:0;left:0;right:0;height:260px;background:linear-gradient(180deg,var(--sky-tint) 0%,var(--cream) 100%);overflow:hidden}.home-sun{position:absolute;top:60px;right:28px;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFE89C,var(--butter) 70%,var(--butter-deep));box-shadow:0 0 40px #ffcb4773}.home-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:60px 24px 0;z-index:5}.home-logo{display:flex;align-items:center;gap:10px}.home-wordmark{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--ink);letter-spacing:-.4px}.home-wordmark span{color:var(--sky)}.home-header-right{display:flex;gap:8px}.home-icon-btn{width:42px;height:42px;border-radius:50%;background:var(--paper);border:1px solid var(--line);box-shadow:0 3px 0 var(--line),0 6px 14px #1f2a3a17;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .15s var(--ease-out-back)}.home-icon-btn:active{transform:scale(.88)}.home-streak-badge{position:absolute;top:-2px;right:-2px;background:var(--coral);color:#fff;font-family:var(--font-display);font-weight:800;font-size:10px;padding:2px 5px;border-radius:999px;line-height:1}.home-greeting{position:relative;padding:20px 24px 0;z-index:5}.home-greeting-sub{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--ink-soft)}.home-greeting-title{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.8px;color:var(--ink);margin-top:4px;line-height:1.1}.home-hero-card{position:relative;margin:20px 16px 0;background:linear-gradient(150deg,var(--sky) 0%,var(--sky-deep) 100%);border-radius:var(--radius-xl);padding:20px;color:#fff;box-shadow:0 8px 0 var(--sky-deep),0 18px 40px #3b95c959;cursor:pointer;overflow:hidden;z-index:5;transition:transform .18s var(--ease-out-back)}.home-hero-card:active{transform:scale(.97)}.home-hero-sparkles{position:absolute;inset:0;pointer-events:none}.home-hero-top{position:relative;display:flex;justify-content:space-between;align-items:flex-start}.home-hero-label{font-family:var(--font-body);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;opacity:.85}.home-hero-title{font-family:var(--font-display);font-weight:800;font-size:26px;margin-top:4px;line-height:1.05}.home-hero-meta{font-family:var(--font-body);font-size:13px;opacity:.9;margin-top:4px}.home-streak-pill{display:flex;align-items:center;gap:5px;background:#ffffff38;color:#fff;padding:5px 10px;border-radius:999px;font-family:var(--font-body);font-weight:700;font-size:12px;flex-shrink:0}.home-hero-grid{display:flex;justify-content:center;margin:10px 0 14px}.home-hero-cta{background:#fff;color:var(--sky-deep);padding:12px 18px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-weight:800;font-size:16px;box-shadow:inset 0 -3px #0000000f}.home-hero-arrow{width:32px;height:32px;border-radius:50%;background:var(--sky);display:flex;align-items:center;justify-content:center}.home-quick-row{position:relative;display:flex;gap:10px;padding:14px 16px 0;z-index:5}.home-quick-card{flex:1;border-radius:var(--radius-lg);padding:16px;border:none;cursor:pointer;position:relative;overflow:hidden;min-height:100px;text-align:left;transition:transform .15s var(--ease-out-back)}.home-quick-card:active{transform:scale(.94)}.home-quick-mint{background:var(--mint);color:var(--ink);box-shadow:0 5px 0 var(--mint-deep),0 10px 24px #4db08926}.home-quick-butter{background:var(--butter);color:var(--ink);box-shadow:0 5px 0 var(--butter-deep),0 10px 24px #e8a81526}.home-quick-icon{position:absolute;right:-10px;bottom:-16px;opacity:.25}.home-quick-title{font-family:var(--font-display);font-weight:800;font-size:18px}.home-quick-sub{font-family:var(--font-body);font-weight:600;font-size:12px;opacity:.85;margin-top:4px}.home-info-strip{position:relative;margin:12px 16px 0;background:var(--paper);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:14px 16px;z-index:5}.home-info-strip-inner{display:flex;justify-content:space-between;align-items:center}.home-info-label{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink)}.home-info-sub{font-family:var(--font-body);font-size:12px;color:var(--ink-mute);margin-top:2px}.home-info-badge{font-family:var(--font-display);font-weight:800;font-size:12px;padding:5px 12px;border-radius:999px;background:var(--cream);color:var(--ink-mute);border:1px solid var(--line)}.home-info-badge.solved{background:var(--mint-tint);color:var(--mint-deep);border-color:var(--mint)}.screen-daily-tab{background:var(--cream)}.daily-arc{position:sticky;top:0;left:0;right:0;height:320px;background:linear-gradient(160deg,var(--sky) 0%,var(--sky-deep) 100%);border-radius:0 0 50% 50%/0 0 16% 16%;box-shadow:0 6px #3b95c966;z-index:1;pointer-events:none;margin-bottom:-320px}.daily-header{position:relative;padding:64px 24px 0;display:flex;justify-content:center;align-items:center;z-index:5}.daily-streak-ribbon{position:relative;display:flex;justify-content:center;margin-top:12px;z-index:5}.daily-streak-pill{display:inline-flex;align-items:center;gap:6px;background:var(--butter);color:var(--ink);padding:6px 14px;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:800;font-size:14px;box-shadow:0 3px 0 var(--butter-deep)}.daily-puzzle-card{position:relative;margin:18px 16px 0;background:var(--paper);border-radius:var(--radius-xl);padding:20px;border:1px solid var(--line);box-shadow:0 6px #1f2a3a14,0 18px 40px #1f2a3a1f;z-index:5}.daily-puzzle-top{display:flex;justify-content:space-between;align-items:flex-start}.daily-puzzle-date{font-family:var(--font-body);font-weight:700;font-size:11px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:1.5px}.daily-puzzle-num{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--ink);margin-top:4px;letter-spacing:-.6px;line-height:1.05}.daily-puzzle-badge{font-family:var(--font-display);font-weight:800;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-pill);flex-shrink:0}.daily-puzzle-badge.new{background:var(--sky-tint);color:var(--sky-deep)}.daily-puzzle-badge.solved{background:var(--mint-tint);color:var(--mint-deep)}.daily-puzzle-grid-wrap{display:flex;justify-content:center;margin:12px 0}.daily-meta-row{display:flex;gap:8px;margin-top:4px}.daily-meta-pill{flex:1;padding:8px 10px;border-radius:var(--radius-md);background:var(--cream);border:1px solid var(--line)}.daily-meta-label{display:block;font-family:var(--font-body);font-weight:700;font-size:10px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:1px}.daily-meta-val{display:block;font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--ink);margin-top:2px}.daily-play-btn{display:block;width:100%;margin-top:16px;padding:15px 20px;background:linear-gradient(135deg,var(--sky),var(--sky-deep));color:#fff;font-family:var(--font-display);font-weight:800;font-size:17px;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 5px 0 var(--sky-deep),0 12px 28px #3b95c940;transition:transform .15s var(--ease-out-back)}.daily-play-btn:active{transform:scale(.96)}.daily-reset-hint{text-align:center;margin-top:10px;font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--ink-mute)}.daily-lb-card{position:relative;margin:14px 16px 0;background:var(--paper);border-radius:var(--radius-lg);padding:14px 16px;border:1px solid var(--line);box-shadow:0 3px 0 var(--line),0 8px 20px #1f2a3a0f;z-index:5}.daily-lb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.daily-lb-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--ink)}.daily-lb-icon{width:32px;height:32px;border-radius:10px;background:var(--mint-tint);display:flex;align-items:center;justify-content:center}.daily-lb-see-all{font-family:var(--font-body);font-weight:700;font-size:12px;color:var(--sky-deep)}.daily-lb-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md)}.daily-lb-row+.daily-lb-row{margin-top:4px}.daily-lb-row.lb-you{background:var(--sky-tint);border:1.5px dashed var(--sky)}.daily-lb-rank{width:26px;font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--ink-soft);text-align:center}.daily-lb-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.daily-lb-name{flex:1;font-family:var(--font-body);font-weight:700;font-size:14px;color:var(--ink)}.daily-lb-score{font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--ink-soft)}.daily-campaign-cta{position:relative;display:flex;justify-content:space-between;align-items:center;margin:12px 16px 0;padding:14px 18px;border-radius:var(--radius-lg);background:var(--mint-tint);border:1px dashed rgba(77,176,137,.4);cursor:pointer;z-index:5;transition:transform .15s var(--ease-out-back)}.daily-campaign-cta:active{transform:scale(.97)}.daily-campaign-title{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--ink)}.daily-campaign-sub{font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--ink-soft);margin-top:2px}.daily-campaign-open{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--mint-deep)}.screen-campaign{background:var(--cream);display:flex;flex-direction:column;overflow:hidden}.campaign-sky-bar{position:absolute;top:0;left:0;right:0;height:130px;background:linear-gradient(180deg,var(--sky-tint),var(--cream));z-index:1}.campaign-header{position:relative;padding:64px 20px 0;display:flex;justify-content:space-between;align-items:center;z-index:5}.campaign-header-title{text-align:center;flex:1}.campaign-header-sub{font-family:var(--font-body);font-weight:700;font-size:11px;color:var(--ink-mute);letter-spacing:2px;text-transform:uppercase}.campaign-header-name{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--ink)}.campaign-stars-pill{display:flex;align-items:center;gap:5px;background:var(--butter-deep);padding:6px 12px;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:800;font-size:13px;background:#fff1c7;color:var(--ink);box-shadow:0 2px 0 var(--butter-deep)}.campaign-overall-bar{position:relative;margin:12px 20px 0;height:8px;border-radius:999px;background:#e8e4da;overflow:hidden;z-index:5;box-shadow:inset 0 1px 2px #0000000f}.campaign-overall-fill{height:100%;background:linear-gradient(90deg,var(--sky),var(--mint));border-radius:999px;transition:width .5s}.campaign-worlds{position:relative;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px 100px;display:flex;flex-direction:column;gap:12px;z-index:5;touch-action:pan-y}.campaign-world-card{background:var(--paper);border-radius:var(--radius-xl);padding:14px;border:1px solid var(--line);box-shadow:0 3px 0 var(--line),0 6px 16px #1f2a3a0f}.campaign-world-card.current{box-shadow:0 6px 0 var(--sky-deep),0 14px 30px #3b95c940;border-color:var(--sky)}.campaign-world-card.locked{opacity:.65;background:#f5f0e4}.campaign-world-top{display:flex;gap:14px;align-items:center;cursor:pointer;padding:4px;margin:-4px;border-radius:var(--radius-lg);transition:transform .15s var(--ease-out-back),background .12s}.campaign-world-card:not(.locked) .campaign-world-top:active{transform:scale(.97)}.campaign-world-card.locked .campaign-world-top{cursor:default}.campaign-world-swatch{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:inset 0 -3px #0000001a,inset 0 1px #ffffff80}.campaign-world-info{flex:1;min-width:0}.campaign-world-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.campaign-world-name{font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--ink)}.campaign-current-badge{background:var(--sky-tint);color:var(--sky-deep);font-family:var(--font-body);font-weight:700;font-size:10px;padding:3px 8px;border-radius:999px}.campaign-locked-badge{color:var(--ink-mute);font-family:var(--font-body);font-weight:700;font-size:11px}.campaign-world-sub{font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--ink-soft);margin-top:3px}.campaign-progress-track{height:6px;border-radius:999px;background:#e8e4da;overflow:hidden;margin-top:6px}.campaign-progress-fill{height:100%;border-radius:999px;min-width:2px}.campaign-dots-scroll{margin:12px -16px 0;padding:2px 16px 4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;cursor:grab}.campaign-dots-scroll:active{cursor:grabbing}.campaign-dots-scroll::-webkit-scrollbar{display:none}.campaign-dots{display:flex;gap:6px;padding:2px 0 4px;width:max-content}.campaign-dot{flex:0 0 56px;height:64px;border-radius:12px;background:#f5f0e4;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:2px;padding:0;cursor:pointer;font:inherit;transition:transform .1s ease-out}.campaign-dot:active{transform:translateY(1px) scale(.97)}.campaign-dot.cleared{background:var(--mint-tint);border-color:var(--mint)}.campaign-dot.perfect{background:var(--butter-tint, #FFF1C7);border-color:var(--butter)}.campaign-dot.current{box-shadow:0 0 0 2.5px var(--sky-deep);border-color:var(--sky-deep)}.campaign-dot.tier-easy{border-left:4px solid var(--mint)}.campaign-dot.tier-medium{border-left:4px solid var(--butter)}.campaign-dot.tier-hard{border-left:4px solid #FF8466}.campaign-dot-num{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--ink-faint);line-height:1}.campaign-dot.cleared .campaign-dot-num{color:var(--mint-deep)}.campaign-dot.perfect .campaign-dot-num{color:var(--butter-deep)}.campaign-dot.current .campaign-dot-num{color:var(--sky-deep)}.campaign-dot-stars{display:flex;gap:1px;font-size:9px;letter-spacing:0;line-height:1}.campaign-dot-stars .on{color:var(--butter)}.campaign-dot-stars .off{color:var(--ink-faint);opacity:.4}.campaign-dot-stars.empty{color:var(--ink-faint);opacity:.35}.campaign-dot-pip{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:var(--coral);border:2px solid #fff}.screen-shop{background:var(--cream)}.shop-header{position:sticky;top:0;background:var(--cream);padding:60px 20px 14px;z-index:10;border-bottom:1px solid var(--line)}.shop-header-center{text-align:center}.shop-title{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--ink)}.shop-subtitle{font-family:var(--font-body);font-weight:600;font-size:11px;color:var(--ink-mute);margin-top:2px}.shop-featured{margin:14px 16px 0;background:linear-gradient(135deg,var(--mint),var(--sky));border-radius:var(--radius-xl);padding:16px;box-shadow:0 5px 0 var(--mint-deep),0 12px 28px #4db08938;display:flex;align-items:center;gap:10px;color:var(--ink);overflow:hidden;position:relative}.shop-featured-text{flex:1}.shop-featured-label{font-family:var(--font-body);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;opacity:.7}.shop-featured-name{font-family:var(--font-display);font-weight:800;font-size:20px;margin-top:2px}.shop-featured-desc{font-family:var(--font-body);font-weight:600;font-size:12px;margin-top:3px;opacity:.8}.shop-featured-emoji{font-size:36px;line-height:1.2;text-align:center}.shop-featured-emoji span{font-size:24px}.shop-tabs{display:flex;gap:6px;padding:12px 16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.shop-tab{padding:8px 16px;border-radius:999px;white-space:nowrap;font-family:var(--font-display);font-weight:800;font-size:13px;background:var(--paper);color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;transition:background .15s}.shop-tab.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 3px #0a1322}.shop-skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 16px 0}.shop-skin-card{background:var(--paper);border-radius:var(--radius-lg);padding:14px;border:1px solid var(--line);box-shadow:0 2px 0 var(--line),0 6px 16px #1f2a3a0d;cursor:pointer;transition:transform .15s var(--ease-out-back)}.shop-skin-card:active{transform:scale(.94)}.shop-skin-card.equipped{border:2px solid var(--mint-deep);box-shadow:0 4px 0 var(--mint-deep),0 8px 18px #4db08933}.shop-skin-preview{height:92px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-skin-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.shop-skin-name{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--ink)}.shop-skin-sub{font-family:var(--font-body);font-weight:700;font-size:11px;color:var(--ink-mute);margin-top:2px}.shop-skin-sub.shop-skin-equipped{color:var(--mint-deep)}.shop-equip-btn{font-family:var(--font-display);font-weight:800;font-size:12px;color:var(--sky-deep)}.shop-remove-ads{margin:14px 16px 0;background:var(--paper);border-radius:var(--radius-lg);padding:14px 16px;display:flex;align-items:center;gap:12px;border:1px dashed var(--line);box-shadow:0 2px 8px #1f2a3a0f}.shop-remove-ads-icon{width:42px;height:42px;border-radius:14px;background:var(--sky-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-remove-ads-text{flex:1}.shop-remove-ads-title{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--ink)}.shop-remove-ads-sub{font-family:var(--font-body);font-weight:600;font-size:11px;color:var(--ink-mute);margin-top:2px}.shop-remove-ads-btn{background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:800;font-size:14px;padding:8px 16px;border-radius:999px;border:none;cursor:pointer;flex-shrink:0;box-shadow:0 3px #0a1322;transition:transform .15s var(--ease-out-back)}.shop-remove-ads-btn:active{transform:scale(.93)}.shop-header-back-spacer{width:42px;flex-shrink:0}.shop-header-balance{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:var(--butter-tint, #FFF1C7);border:1px solid rgba(232,168,21,.45);border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--ink);box-shadow:0 2px #e8a81533;flex-shrink:0}.shop-header-balance .diamond-glyph{width:14px;height:14px}.shop-lot-callout{margin:12px 16px 0;display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(160deg,var(--butter-tint, #FFF1C7),var(--paper));border:1px dashed rgba(232,168,21,.5);border-radius:18px}.shop-lot-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--butter);border-radius:14px;font-size:22px;box-shadow:0 3px 0 var(--butter-deep);flex-shrink:0}.shop-lot-title{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--ink)}.shop-lot-sub{font-family:var(--font-body);font-weight:600;font-size:11px;color:var(--ink-soft);margin-top:2px}.shop-tabs-strip{display:flex;gap:6px;margin:14px 16px 0;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.shop-tabs-strip::-webkit-scrollbar{display:none}.shop-tab-btn{padding:8px 14px;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:12px;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:all .12s}.shop-tab-btn.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 3px #0a1322}.cosmetic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 16px 16px}.cosmetic-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;flex-direction:column;box-shadow:0 2px 0 var(--line),0 4px 12px #1f2a3a0d;transition:transform .1s ease-out}.cosmetic-card:active{transform:scale(.98)}.cosmetic-card.equipped{border:2px solid var(--mint-deep);box-shadow:0 4px 0 var(--mint-deep),0 8px 18px #4db0894d}.cosmetic-card.owned{border-color:var(--sky)}.cosmetic-card.short{opacity:.78}.cosmetic-card-corner{position:absolute;top:8px;right:8px;padding:2px 7px;border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:9px;letter-spacing:.4px;z-index:2}.cosmetic-card-corner.butter{background:var(--butter-tint, #FFF1C7);color:var(--butter-deep)}.cosmetic-card-preview{height:92px;border-radius:14px;background:linear-gradient(160deg,var(--sky-tint),var(--cream));display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;overflow:hidden}.cosmetic-preview-trophy{background:radial-gradient(ellipse at 50% 80%,var(--butter-tint, #FFF1C7),var(--cream))}.cosmetic-preview-frame{background:linear-gradient(160deg,#E8E2CB,var(--cream))}.cosmetic-preview-palette{background:linear-gradient(135deg,#f2a089,#7ac9f2,#9be0c2)}.cosmetic-preview-splash{background:linear-gradient(160deg,#C7ECFB,var(--mint-tint))}.cosmetic-card-info{margin-top:8px;min-height:38px}.cosmetic-card-name{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--ink);line-height:1.1}.cosmetic-card-tagline{font-family:var(--font-body);font-weight:600;font-size:10px;color:var(--ink-mute);margin-top:2px}.cosmetic-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}.cosmetic-card-price{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:800;font-size:12px;color:var(--sky-deep)}.cosmetic-card-price .diamond-glyph{width:12px;height:12px}.cosmetic-card-price.free{color:var(--mint-deep);font-size:11px}.cosmetic-card-price.short{color:var(--coral);font-size:10px;font-weight:700}.cosmetic-card-price.equipped{color:var(--mint-deep);font-size:11px}.cosmetic-card-price.owned{color:var(--ink-mute);font-size:11px}.cosmetic-card-btn{border:none;padding:5px 12px;border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:11px;cursor:pointer}.cosmetic-card-btn.buy{background:var(--sky-deep);color:#fff;box-shadow:0 2px #1f5a82}.cosmetic-card-btn.equip{background:var(--sky-tint);color:var(--sky-deep)}.cosmetic-card-btn:active{transform:translateY(1px)}.cosmetic-card-btn:disabled{opacity:.5;cursor:default}.cosmetic-card-tag{padding:3px 8px;border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:10px}.cosmetic-card-tag.mint{background:var(--mint-tint);color:var(--mint-deep)}.cosmetic-card-tag.locked{background:var(--paper-dim, #F5F0E4);color:var(--ink-mute)}.shop-classic-skins{margin:0 16px 16px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:12px 14px}.shop-classic-head{margin-bottom:8px}.shop-classic-title{font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--ink)}.shop-classic-sub{font-family:var(--font-body);font-weight:600;font-size:11px;color:var(--ink-mute);margin-top:1px}.shop-classic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.shop-classic-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:var(--cream);border:1px solid var(--line);border-radius:12px;cursor:pointer}.shop-classic-card.equipped{border-color:var(--mint-deep);background:var(--mint-tint)}.shop-classic-swatch{width:28px;height:28px;border-radius:50%;display:block}.shop-classic-name{font-family:var(--font-body);font-weight:700;font-size:10px;color:var(--ink-soft)}.shop-classic-card.equipped .shop-classic-name{color:var(--mint-deep)}.home-lot-card{position:relative;margin:12px 12px 0;background:linear-gradient(170deg,#F2D6A8,var(--wood, #E8B97A));border-radius:28px;padding:12px 14px 14px;box-shadow:0 5px 0 var(--wood-dark, #B07A3D),0 12px 28px #b07a3d4d;overflow:hidden;cursor:pointer}.home-lot-card:active{transform:translateY(1px)}.home-lot-head{position:relative;display:flex;align-items:center;justify-content:space-between}.home-lot-title{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--ink)}.home-lot-sub{font-family:var(--font-body);font-weight:600;font-size:11px;color:#5c3a1e;margin-top:1px}.home-lot-view{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--paper);border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:11px;color:var(--sky-deep)}.home-lot-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 6px;background:#1f2a3a2e;border-radius:14px;box-shadow:inset 0 2px 6px #1f2a3a2e}.home-lot-slot{position:relative;aspect-ratio:1 / 1;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:26px;overflow:hidden}.home-lot-slot.owned{background:linear-gradient(170deg,var(--cream),var(--paper-dim, #F5F0E4));border:1px solid var(--line);box-shadow:0 0 14px #ffcb474d}.home-lot-slot.locked{background:linear-gradient(170deg,#00000026,#0000004d);border:1px solid rgba(0,0,0,.2);display:flex;flex-direction:column;gap:2px;font-size:18px;color:#ffffffa6}.home-lot-cost{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;background:#0000004d;border-radius:999px;color:#ffffffd9;font-family:var(--font-display);font-weight:800;font-size:9px}.home-lot-cost .diamond-glyph{width:9px;height:9px}.home-lot-progress{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);pointer-events:none}.shop-section-title{display:flex;align-items:baseline;justify-content:space-between;margin:14px 16px 6px;font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--ink)}.shop-section-sub{font-family:var(--font-body);font-weight:600;font-size:10px;color:var(--ink-mute)}.shop-packs-zone{margin-top:4px}.shop-packs-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0 16px}.pack-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:14px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;text-align:center;font-family:var(--font-display);font-weight:800;background:var(--paper);box-shadow:0 3px 0 var(--line),0 6px 16px #1f2a3a14;transition:transform .1s ease-out,box-shadow .1s ease-out}.pack-card:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.pack-card-short{opacity:.6;cursor:default}.pack-card.pack-accent-sky{background:linear-gradient(170deg,#E6F6FE,var(--paper))}.pack-card.pack-accent-mint{background:linear-gradient(170deg,var(--mint-tint),var(--paper))}.pack-card.pack-accent-butter{background:linear-gradient(170deg,#FFF1C7,var(--paper))}.pack-card-emoji{font-size:34px;line-height:1;margin-bottom:2px}.pack-card-name{font-size:13px;color:var(--ink)}.pack-card-tag{font-family:var(--font-body);font-weight:600;font-size:9.5px;color:var(--ink-mute);line-height:1.2;min-height:22px}.pack-card-cta{margin-top:4px;display:flex;align-items:center;gap:6px;font-size:12px}.pack-card-price{display:inline-flex;align-items:center;gap:3px;color:var(--sky-deep)}.pack-card-open{padding:4px 10px;background:var(--ink);color:#fff;border-radius:999px;font-size:11px}.pack-card-short-msg{color:var(--coral);font-family:var(--font-body);font-weight:700;font-size:10px;display:inline-flex;align-items:center;gap:2px}.cosmetic-card-rarity{position:absolute;top:8px;left:8px;padding:2px 7px;border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:9px;letter-spacing:.4px;z-index:2;text-transform:uppercase}.cosmetic-card-rarity.rarity-common{background:var(--paper-dim, #F5F0E4);color:var(--ink-soft)}.cosmetic-card-rarity.rarity-rare{background:#dceefa;color:var(--sky-deep)}.cosmetic-card-rarity.rarity-epic{background:#ffe9a6;color:#8b5e10;box-shadow:0 0 0 1px #ffcb4799,0 0 12px #ffcb4773}.cosmetic-card.locked{opacity:.92}.cosmetic-card-ring{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);pointer-events:none}.cosmetic-preview-dim{opacity:.45;filter:grayscale(.35)}.pack-modal-root{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:auto}.pack-modal-backdrop{position:absolute;inset:0;background:#0f16228c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:pack-fade .2s ease-out}.pack-modal-card{position:relative;width:min(390px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;background:var(--paper);border-radius:28px;padding:18px 18px 16px;box-shadow:0 16px 40px #0f162273,0 4px 0 var(--ink);animation:pack-pop .28s cubic-bezier(.34,1.56,.64,1)}.pack-modal-card.pack-accent-sky{border-top:6px solid var(--sky)}.pack-modal-card.pack-accent-mint{border-top:6px solid var(--mint, #9BE0C2)}.pack-modal-card.pack-accent-butter{border-top:6px solid var(--butter, #FFCB47)}@keyframes pack-fade{0%{opacity:0}to{opacity:1}}@keyframes pack-pop{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.pack-modal-skip{position:absolute;top:12px;right:12px;padding:4px 12px;border:none;border-radius:999px;background:var(--paper-dim, #F5F0E4);color:var(--ink-soft);font-family:var(--font-display);font-weight:800;font-size:11px;cursor:pointer}.pack-modal-head{display:flex;align-items:center;gap:12px;padding-right:56px}.pack-modal-emoji{font-size:38px;line-height:1}.pack-modal-title{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--ink)}.pack-modal-sub{font-family:var(--font-body);font-weight:600;font-size:11px;color:var(--ink-mute);margin-top:1px}.pack-modal-grid{margin-top:14px;display:grid;gap:8px}.pack-grid-small{grid-template-columns:repeat(3,1fr)}.pack-grid-medium{grid-template-columns:repeat(4,1fr)}.pack-grid-mega{grid-template-columns:repeat(6,1fr)}.pack-piece{--ring: var(--line);aspect-ratio:1 / 1.25;perspective:600px}.pack-piece-common{--ring: var(--ink-soft)}.pack-piece-rare{--ring: var(--sky-deep)}.pack-piece-epic{--ring: var(--butter-deep, #C9831E)}.pack-piece-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:pack-flip .52s ease-out forwards;animation-delay:var(--stagger, 0ms);transform:rotateY(180deg)}.pack-piece-skipped .pack-piece-inner{animation:none;transform:rotateY(0)}@keyframes pack-flip{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.pack-piece-back,.pack-piece-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;text-align:center;border:2px solid var(--ring)}.pack-piece-back{background:linear-gradient(160deg,var(--ring),rgba(31,42,58,.85));color:#ffffffe6;font-size:26px}.pack-piece-face{background:var(--paper);transform:rotateY(180deg);position:relative}.pack-piece-epic .pack-piece-face{background:linear-gradient(160deg,#FFF6D8,var(--paper));box-shadow:0 0 0 1px #ffcb4773,0 0 18px #ffcb4773}.pack-piece-rare .pack-piece-face{background:linear-gradient(160deg,#E6F6FE,var(--paper))}.pack-piece-emoji{font-size:26px;line-height:1}.pack-piece-name{margin-top:4px;font-family:var(--font-display);font-weight:800;font-size:10px;color:var(--ink);line-height:1.05}.pack-piece-rarity{font-family:var(--font-display);font-weight:800;font-size:8px;letter-spacing:.4px;text-transform:uppercase;color:var(--ring)}.pack-piece-ring{position:absolute;bottom:4px;right:4px}.pack-piece-progress{position:absolute;bottom:6px;right:6px;font-family:var(--font-display);font-weight:800;font-size:8px;color:var(--ink-soft)}.pack-piece-unlock .pack-piece-face:after{content:"UNLOCKED!";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);background:var(--butter, #FFCB47);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:11px;padding:4px 10px;border-radius:999px;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink),0 0 18px #ffcb4799;white-space:nowrap;letter-spacing:.6px;animation:pack-pop .32s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger, 0ms) + .36s) backwards;pointer-events:none}.pack-confetti{position:absolute;top:50%;left:50%;pointer-events:none;z-index:4}.pack-confetti-piece{position:absolute;width:6px;height:10px;background:var(--c);border-radius:1px;transform:translate(0) rotate(0);animation:pack-confetti .9s ease-out var(--d, 0ms) forwards}@keyframes pack-confetti{to{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}.pack-unlock-banner{margin:12px 0 4px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;background:linear-gradient(120deg,#FFF1C7,var(--paper));border:1px solid var(--butter, #FFCB47);border-radius:14px;font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--ink)}.pack-unlock-spark{color:var(--butter-deep, #C9831E)}.pack-modal-summary{margin-top:12px;padding:10px 12px;background:var(--cream);border-radius:14px}.pack-summary-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--ink-soft)}.pack-summary-row strong{color:var(--ink);display:inline-flex;align-items:center;gap:4px}.pack-summary-row+.pack-summary-row{margin-top:4px}.pack-modal-actions{margin-top:14px;display:flex;gap:8px}.pack-modal-btn{flex:1;border:none;padding:12px;border-radius:14px;font-family:var(--font-display);font-weight:800;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.pack-modal-secondary{background:var(--paper-dim, #F5F0E4);color:var(--ink)}.pack-modal-primary{background:var(--sky-deep);color:#fff;box-shadow:0 3px #1f5a82}.pack-modal-primary:disabled{background:var(--ink-mute);color:var(--paper);box-shadow:none;cursor:default}.pack-modal-btn:active:not(:disabled){transform:translateY(1px)}