:root{--indigo: #0d9488;--indigo-d: #0f766e;--indigo-dd: #115e59;--teal: #0891b2;--amber: #e9a84c;--amber-d: #c87e25;--sage: #22c55e;--rose: #e11d48;--sky: #0ea5e9;--c-bg: #f0fdfa;--c-surface: #ffffff;--c-surface-2: #e6fff9;--c-surface-3: #ccfbf1;--c-border: #b0e8df;--c-border-2: #6ecfc4;--c-text: #0d3330;--c-text-muted:#5e9e98;--c-primary: var(--indigo);--c-primary-d: var(--indigo-d);--c-accent: var(--amber);--c-success: var(--sage);--c-error: var(--rose);--c-cell-empty: #ffffff;--c-cell-black: #042f2e;--c-cell-filled: #e6fff9;--c-cell-border: rgba(13,148,136,.12);--c-cell-active: #0d9488;--c-cell-correct:#dcfce7;--c-cell-border: #b0e8df;--grad-hero: linear-gradient(155deg, #022c2a 0%, #065f59 50%, #0d9488 100%);--grad-primary: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);--grad-card: linear-gradient(145deg, rgba(255,255,255,.97) 0%, rgba(230,255,249,.92) 100%);--glass-bg: rgba(255,255,255,.78);--glass-border: rgba(255,255,255,.55);--glass-shadow: 0 8px 28px rgba(13,148,136,.16);--radius-sm: 10px;--radius: 15px;--radius-lg: 22px;--radius-xl: 30px;--shadow-sm: 0 2px 8px rgba(13,148,136,.09);--shadow: 0 4px 20px rgba(13,148,136,.14);--shadow-lg: 0 10px 40px rgba(13,148,136,.2);--font: "Vazirmatn", Tahoma, sans-serif}[data-theme=dark]{--c-bg: #111020;--c-surface: #1a1830;--c-surface-2: #222040;--c-surface-3: #2a2750;--c-border: #302e50;--c-border-2: #3e3b68;--c-text: #e8e6ff;--c-text-muted:#8e8caa;--c-cell-empty: #0f1f1e;--c-cell-black: #071413;--c-cell-filled:#172524;--c-cell-active:#0d9488;--c-cell-correct:#0a2e1a;--c-cell-border:#1e3a38;--grad-hero: linear-gradient(155deg, #020f0e 0%, #071413 50%, #0a1e1d 100%);--grad-card: linear-gradient(145deg, rgba(15,26,25,.97) 0%, rgba(10,18,17,.98) 100%);--glass-bg: rgba(15,26,25,.88);--glass-border: rgba(13,148,136,.25);--glass-shadow: 0 8px 28px rgba(0,0,0,.55);--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 10px 40px rgba(0,0,0,.55)}[data-theme=sepia]{--c-bg: #f5f0e8;--c-surface: #fefcf7;--c-surface-2: #f0ead8;--c-surface-3: #e8e0c8;--c-border: #ddd0b8;--c-border-2: #c8b898;--c-text: #3a2c1a;--c-text-muted:#7a6248;--c-primary: #8b6340;--c-primary-d: #704e30;--c-cell-empty: #fefcf7;--c-cell-black: #3a2c1a;--c-cell-filled:#f0ead8;--c-cell-active:#8b6340;--c-cell-correct:#d4e8d0;--c-cell-border: rgba(139,99,64,.12);--grad-hero: linear-gradient(155deg, #3a2c1a 0%, #5a3e28 50%, #6b4c30 100%);--grad-primary: linear-gradient(135deg, #8b6340 0%, #704e30 100%);--glass-bg: rgba(254,252,247,.8);--glass-border: rgba(200,184,152,.5);--glass-shadow: 0 8px 28px rgba(139,99,64,.14)}[data-theme=forest]{--c-bg: #f0f4f0;--c-surface: #ffffff;--c-surface-2: #e8f0e8;--c-surface-3: #dce8dc;--c-border: #ccdacc;--c-border-2: #a8c4a8;--c-text: #1e321e;--c-text-muted:#527252;--c-primary: #3a7a44;--c-primary-d: #2d6035;--c-cell-empty: #ffffff;--c-cell-black: #1e321e;--c-cell-filled:#e8f0e8;--c-cell-active:#3a7a44;--c-cell-correct:#c8ecd0;--c-cell-border: rgba(58,122,68,.12);--grad-hero: linear-gradient(155deg, #1e321e 0%, #2a4a2a 50%, #1a3a2e 100%);--grad-primary: linear-gradient(135deg, #3a7a44 0%, #2d6035 100%);--glass-bg: rgba(255,255,255,.78);--glass-border: rgba(168,196,168,.5);--glass-shadow: 0 8px 28px rgba(58,122,68,.14)}[data-theme=ocean]{--c-bg: #eef4f8;--c-surface: #ffffff;--c-surface-2: #e4eff5;--c-surface-3: #d6e8f0;--c-border: #c0d8e8;--c-border-2: #90bcd0;--c-text: #182838;--c-text-muted:#4a7090;--c-primary: #2a7aab;--c-primary-d: #1d6090;--c-cell-empty: #ffffff;--c-cell-black: #182838;--c-cell-filled:#d6e8f0;--c-cell-active:#2a7aab;--c-cell-correct:#c8e8d8;--c-cell-border: rgba(42,122,171,.12);--grad-hero: linear-gradient(155deg, #0d2030 0%, #182838 50%, #0d3050 100%);--grad-primary: linear-gradient(135deg, #2a7aab 0%, #1d6090 100%);--glass-bg: rgba(255,255,255,.78);--glass-border: rgba(144,188,208,.5);--glass-shadow: 0 8px 28px rgba(42,122,171,.14)}[data-theme=night]{--c-bg: #000000;--c-surface: #0e0e0e;--c-surface-2: #181818;--c-surface-3: #222222;--c-border: #282828;--c-border-2: #383838;--c-text: #e8e8e8;--c-text-muted:#787878;--c-cell-empty: #0e0e0e;--c-cell-black: #000000;--c-cell-filled:#181818;--c-cell-active:#0d9488;--c-cell-correct:#0a2818;--c-cell-border:#383838;--grad-hero: linear-gradient(155deg, #000 0%, #0e0e0e 100%);--grad-card: linear-gradient(145deg, rgba(14,14,14,.98) 0%, rgba(8,8,8,.99) 100%);--glass-bg: rgba(14,14,14,.92);--glass-border: rgba(60,60,60,.5);--glass-shadow: 0 8px 28px rgba(0,0,0,.7);--shadow-sm: 0 2px 8px rgba(0,0,0,.6);--shadow: 0 4px 20px rgba(0,0,0,.7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{height:100%;height:100dvh;overflow:hidden;font-family:var(--font);background:var(--c-bg);color:var(--c-text);font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%;-webkit-touch-callout:none}#root{height:100%;height:100dvh;overflow:hidden}#app{height:100%;display:flex;flex-direction:column;overflow:hidden}.view{display:none;flex-direction:column;flex:1;min-height:0;overflow:hidden}.view.active{display:flex}button{font-family:var(--font)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--c-surface);border-bottom:1px solid var(--c-border);gap:10px;flex-shrink:0}.top-bar__title{font-size:1.1rem;font-weight:800;color:var(--c-primary)}.btn-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--c-surface-2);border:1.5px solid var(--c-border-2);border-radius:var(--radius);font-size:1.05rem;cursor:pointer;color:var(--c-primary);transition:background .18s,transform .12s,box-shadow .18s;box-shadow:var(--shadow-sm);font-weight:700;overflow:hidden;position:relative}.btn-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);transform:translate(-100%);transition:none}.btn-icon:hover{background:var(--c-surface-3);box-shadow:var(--shadow)}.btn-icon:active{transform:scale(.92)}.btn-icon.flash:after{animation:btn-shimmer .45s ease-out}@keyframes btn-shimmer{0%{transform:translate(-110%)}to{transform:translate(110%)}}.toggle-switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--c-border-2);border-radius:26px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--c-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.chip-badge{display:flex;align-items:center;gap:5px;background:#e9a84c1a;border:1px solid rgba(233,168,76,.28);padding:5px 11px;border-radius:20px;font-weight:700;font-size:.85rem;color:#7a4e10}[data-theme=dark] .chip-badge,[data-theme=night] .chip-badge{color:#e9c46a}#view-menu{background:var(--grad-hero);overflow-y:auto}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 6px}.menu-user-card{display:flex;align-items:center;gap:10px;cursor:pointer}.menu-user-avatar{width:38px;height:38px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:2px solid rgba(255,255,255,.2)}.menu-user-name{color:#ffffffe6;font-weight:600;font-size:.85rem}.menu-user-chips{color:#e9c46a;font-size:.75rem;font-weight:600;margin-top:1px}.theme-picker-btn{background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;box-shadow:0 1px 4px #0000001a,inset 0 1px #ffffff26;transition:background .15s,box-shadow .15s,transform .1s;position:relative;flex-shrink:0}.theme-picker-btn:hover{background:var(--c-surface-3);box-shadow:0 3px 8px #00000026,inset 0 1px #ffffff26}.theme-picker-btn:active{transform:scale(.9);box-shadow:0 1px 2px #0000001a}.menu-header .theme-picker-btn{background:#ffffff1f;border-color:#ffffff47;box-shadow:0 1px 4px #0003,inset 0 1px #ffffff1a}.menu-header .theme-picker-btn:hover{background:#ffffff38}.menu-header .theme-picker-btn:active{background:#ffffff47}.theme-popover{position:fixed;background:#fff;border:1.5px solid #d0d0d0;border-radius:var(--radius);padding:10px;box-shadow:0 12px 40px #00000059,0 0 0 1px #80808026;display:none;z-index:999;min-width:168px;color:#1a1a1a}[data-theme=dark] .theme-popover,[data-theme=night] .theme-popover{background:#1e1e2e;border-color:#3a3a58;color:#e8e8f0}.theme-popover.open{display:block}.theme-popover-title{font-size:.72rem;font-weight:700;color:#888;margin-bottom:8px}.theme-options{display:flex;flex-direction:column;gap:3px}.theme-opt{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);font-size:.83rem;font-weight:600;cursor:pointer;color:#1a1a1a;transition:background .12s}[data-theme=dark] .theme-opt,[data-theme=night] .theme-opt{color:#e8e8f0}.theme-opt:hover{background:#00000012}[data-theme=dark] .theme-opt:hover,[data-theme=night] .theme-opt:hover{background:#ffffff1a}.theme-opt.active{background:var(--c-primary);color:#fff;font-weight:700}.theme-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(128,128,128,.35);box-shadow:0 0 0 1px #0000001a,inset 0 0 0 1px #ffffff1f;flex-shrink:0}.menu-hero{padding:24px 18px 18px;text-align:center}.menu-logo{font-size:4.8rem;font-weight:900;color:#fff;letter-spacing:-3px;line-height:1;text-shadow:0 4px 24px rgba(0,0,0,.35)}.menu-logo span{background:linear-gradient(135deg,#99f6e4,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-subtitle{font-size:.92rem;color:#ffffff8c;margin-top:6px;letter-spacing:.04em}.menu-footer{margin-top:auto;padding:14px 18px calc(20px + env(safe-area-inset-bottom));text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.menu-footer-link{font-size:.78rem;font-weight:600;color:var(--c-primary);text-decoration:none;letter-spacing:.03em;opacity:.85;transition:opacity .15s}.menu-footer-link:hover{opacity:1;text-decoration:underline}.menu-footer-copy{font-size:.72rem;color:var(--c-text-muted);opacity:.7}.menu-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 18px;margin-bottom:4px}.stat-card{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:11px 8px;text-align:center}.stat-card__value{font-size:1.7rem;font-weight:900;line-height:1;color:#99f6e4f2}.stat-card__label{font-size:.76rem;color:#fff9;margin-top:5px}.menu-cards{padding:0 16px 20px;display:flex;flex-direction:column;gap:10px}.menu-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-daily-hero{display:flex;align-items:center;gap:14px;width:100%;background:linear-gradient(135deg,#92400e,#b45309,#d97706 70%,#f59e0b);border:none;border-radius:var(--radius-xl);padding:20px 18px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 32px #b4530973;transition:transform .15s,box-shadow .15s;font-family:var(--font);text-align:right}.menu-daily-hero:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:#ffffff12;border-radius:50%;pointer-events:none}.menu-daily-hero:after{content:"";position:absolute;bottom:-20px;left:20px;width:80px;height:80px;background:#ffffff0d;border-radius:50%;pointer-events:none}.menu-daily-hero:active{transform:scale(.97);box-shadow:0 4px 16px #b4530959}.menu-daily-hero__icon{font-size:2.8rem;line-height:1;flex-shrink:0}.menu-daily-hero__text{flex:1}.menu-daily-hero__title{font-size:1.3rem;font-weight:900;color:#fff;line-height:1.1}.menu-daily-hero__date{font-size:.78rem;color:#ffffffb8;margin-top:4px;font-weight:600}.menu-daily-hero__cta{background:#fff3;border:1.5px solid rgba(255,255,255,.35);color:#fff;font-size:.8rem;font-weight:800;border-radius:20px;padding:7px 14px;flex-shrink:0;white-space:nowrap;font-family:var(--font)}.menu-mid-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-mid-card{border:none;border-radius:var(--radius-lg);padding:20px 15px 16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;text-align:right;position:relative;overflow:hidden;transition:transform .14s,box-shadow .14s;box-shadow:0 5px 20px #00000038;font-family:var(--font)}.menu-mid-card:before{content:"";position:absolute;top:-20px;right:-20px;width:72px;height:72px;background:#ffffff14;border-radius:50%;pointer-events:none}.menu-mid-card:active{transform:scale(.95)}.menu-mid-card--teal{background:linear-gradient(150deg,#0d9488,#0f766e)}.menu-mid-card--green{background:linear-gradient(150deg,#059669,#047857)}.menu-mid-card__icon{font-size:2rem;line-height:1}.menu-mid-card__label{font-size:1rem;font-weight:900;color:#fff;line-height:1.1}.menu-mid-card__sub{font-size:.74rem;color:#ffffffa6;font-weight:600}.menu-practice-strip{display:flex;align-items:center;gap:14px;width:100%;background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);padding:15px 16px;cursor:pointer;text-align:right;box-shadow:var(--glass-shadow);transition:transform .14s;font-family:var(--font)}.menu-practice-strip:active{transform:scale(.98)}.menu-practice-strip__icon{font-size:1.9rem;line-height:1;flex-shrink:0}.menu-practice-strip__body{flex:1}.menu-practice-strip__label{font-size:.98rem;font-weight:800;color:var(--c-text)}.menu-practice-strip__sub{font-size:.74rem;color:var(--c-text-muted);margin-top:2px}.menu-practice-strip__arrow{color:var(--c-text-muted);font-size:1.1rem;flex-shrink:0}[data-theme=dark] .menu-practice-strip__label,[data-theme=night] .menu-practice-strip__label{color:#ffffffe6}[data-theme=dark] .menu-practice-strip__sub,[data-theme=night] .menu-practice-strip__sub{color:#ffffff8c}[data-theme=dark] .menu-practice-strip__arrow,[data-theme=night] .menu-practice-strip__arrow{color:#fff6}.menu-dock-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dock-item{display:flex;flex-direction:column;align-items:center;gap:7px;background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:15px 6px 12px;cursor:pointer;box-shadow:var(--glass-shadow);transition:transform .12s;font-family:var(--font)}.dock-item:active{transform:scale(.91)}.dock-item__icon{font-size:1.55rem;line-height:1}.dock-item__label{font-size:.7rem;font-weight:700;color:var(--c-text);white-space:nowrap}[data-theme=dark] .dock-item__label,[data-theme=night] .dock-item__label{color:#ffffffc7}.menu-card{background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;box-shadow:var(--glass-shadow)}.menu-card:active{transform:scale(.95)}.menu-card--featured{grid-column:1 / -1;flex-direction:row;justify-content:flex-start;padding:18px 16px;background:var(--grad-primary);border:1px solid rgba(255,255,255,.12)}.menu-card--featured .menu-card__label{color:#fff;font-size:1rem}.menu-card--featured .menu-card__sublabel{color:#ffffffad}.menu-card--featured .menu-card__icon-wrap{background:#ffffff24}.menu-card__icon-wrap{width:46px;height:46px;background:var(--icon-bg, rgba(13,148,136,.1));border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.45rem;flex-shrink:0}.menu-card__text{flex:1}.menu-card__label{font-weight:700;font-size:.97rem;color:var(--c-text)}.menu-card__sublabel{font-size:.8rem;color:var(--c-text-muted);margin-top:3px}#view-profile{background:var(--c-bg);overflow-y:auto}.profile-content{padding:16px;display:flex;flex-direction:column;gap:16px}.profile-hero{background:var(--grad-primary);border-radius:var(--radius-lg);padding:24px 20px;display:flex;align-items:center;gap:16px;color:#fff}.profile-avatar-big{width:64px;height:64px;background:#ffffff2e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;border:2.5px solid rgba(255,255,255,.28);flex-shrink:0}.profile-name{font-size:1.15rem;font-weight:800}.profile-badge{display:inline-flex;align-items:center;gap:4px;background:#ffffff26;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;margin-top:6px}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-stat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px 8px;text-align:center;box-shadow:var(--shadow-sm)}.profile-stat__val{font-size:1.8rem;font-weight:900;color:var(--c-primary);line-height:1}.profile-stat__lbl{font-size:.76rem;color:var(--c-text-muted);margin-top:5px}.profile-section-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.profile-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--c-border)}.profile-row:last-child{border-bottom:none}.profile-row__label{font-size:.85rem;color:var(--c-text-muted)}.profile-row__value{font-size:.9rem;font-weight:600;color:var(--c-text)}.profile-edit-btn{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:5px 10px;font-family:var(--font);font-size:.8rem;font-weight:600;color:var(--c-primary);cursor:pointer;transition:background .12s}.profile-edit-btn:active{background:var(--c-surface-3)}.profile-input{width:100%;padding:10px 12px;border:1.5px solid var(--c-border-2);border-radius:var(--radius-sm);background:var(--c-surface-2);font-family:var(--font);font-size:.9rem;color:var(--c-text);outline:none}.profile-input:focus{border-color:var(--c-primary)}#view-shop{background:var(--c-bg);overflow-y:auto}.shop-content{padding:16px;display:flex;flex-direction:column;gap:16px}.shop-balance-banner{background:var(--grad-primary);border-radius:var(--radius-lg);padding:20px 18px;color:#fff;display:flex;align-items:center;justify-content:space-between}.shop-balance-lbl{font-size:.78rem;opacity:.75}.shop-balance-val{font-size:1.8rem;font-weight:900;margin-top:2px}.shop-balance-icon{font-size:2.4rem;opacity:.7}.shop-packages{display:flex;flex-direction:column;gap:10px}.shop-card{background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s}.shop-card--featured{border-color:var(--c-primary);box-shadow:0 4px 18px #0d948826}.shop-card__badge-popular{position:absolute;top:0;left:0;background:var(--grad-primary);color:#fff;font-size:.62rem;font-weight:700;padding:3px 10px;border-radius:0 0 var(--radius-sm) 0}.shop-card__icon{width:52px;height:52px;background:#e9a84c1a;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.shop-card__body{flex:1}.shop-card__name{font-weight:700;font-size:.95rem}.shop-card__chips{font-size:1.05rem;font-weight:800;color:var(--c-primary);margin-top:2px}.shop-card__bonus{font-size:.72rem;color:var(--c-success);font-weight:600}.shop-card__price{font-size:.78rem;color:var(--c-text-muted);margin-top:2px}.shop-card__buy-btn{padding:9px 16px;background:var(--grad-primary);color:#fff;border:none;border-radius:var(--radius);font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;white-space:nowrap;flex-shrink:0}.shop-card__buy-btn:active{opacity:.85;transform:scale(.96)}.shop-card__buy-btn:disabled{opacity:.45;cursor:not-allowed}.shop-card__badge-bonus{position:absolute;top:0;right:0;background:#22c55e;color:#fff;font-size:.62rem;font-weight:800;padding:3px 7px;border-radius:0 var(--radius-sm) 0 var(--radius-sm)}.shop-card__buy-btn--disabled{opacity:.45;cursor:not-allowed}.shop-guest-notice{display:flex;align-items:center;gap:8px;background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius);padding:10px 14px;font-size:.82rem;color:#92400e}.shop-guest-login-btn{background:none;border:none;color:var(--c-primary);font-weight:700;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline}.shop-note{text-align:center;font-size:.75rem;color:var(--c-text-muted);padding:4px 0 8px}#view-puzzles{background:var(--c-bg)}.puzzles-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:18px}.section-title{font-size:.78rem;font-weight:700;color:var(--c-text-muted);letter-spacing:.06em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1;height:1px;background:var(--c-border)}.puzzle-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.puzzle-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--card-accent, var(--c-primary))}.puzzle-card:active{transform:scale(.98)}.puzzle-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow)}.puzzle-card__icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.35rem;background:var(--icon-bg, var(--c-surface-2));flex-shrink:0}.puzzle-card__body{flex:1;min-width:0}.puzzle-card__title{font-weight:700;font-size:1rem;color:var(--c-text);margin-bottom:3px}.puzzle-card__sub{font-size:.82rem;color:var(--c-text-muted)}.puzzle-card__meta{font-size:.75rem;color:var(--c-primary);font-weight:600;margin-top:3px;display:flex;gap:8px;flex-wrap:wrap}.puzzle-card__arrow{color:var(--c-text-muted);font-size:.9rem;opacity:.4}.category-chips-wrap{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px}.category-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;border:1.5px solid var(--c-border-2);background:var(--c-surface);font-size:.8rem;font-weight:600;cursor:pointer;color:var(--c-text);transition:all .14s;-webkit-user-select:none;user-select:none}.category-chip:active{transform:scale(.95)}.category-chip.selected{background:var(--grad-primary);color:#fff;border-color:transparent;box-shadow:0 3px 10px #0d948840}.cat-count{background:#00000012;border-radius:10px;padding:1px 5px;font-size:.68rem}.category-chip.selected .cat-count{background:#fff3}.browse-search-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 18px;border-radius:var(--radius);background:var(--grad-primary);color:#fff;font-size:.85rem;font-weight:700;border:none;cursor:pointer;transition:transform .1s,opacity .1s}.browse-search-btn:active{transform:scale(.97);opacity:.9}.browse-search-btn--secondary{background:var(--c-surface);color:var(--c-text);border:1.5px solid var(--c-border-2);box-shadow:none}.puzzle-browse-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.puzzle-browse-card{background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--radius);padding:12px;cursor:pointer;transition:border-color .14s,transform .12s;box-shadow:var(--shadow-sm)}.puzzle-browse-card:active{transform:scale(.97)}.puzzle-browse-card:hover{border-color:var(--c-primary)}.pbc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.pbc-diff{font-size:.75rem;font-weight:700}.pbc-plays{font-size:.7rem;color:var(--c-text-muted)}.pbc-title{font-size:.85rem;font-weight:700;color:var(--c-text);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbc-words{font-size:.78rem;color:var(--c-text-muted)}.pbc-type-badge{font-size:.68rem;font-weight:600;color:var(--c-text-muted);opacity:.8}.browse-filter-row{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.browse-search-input{flex:1;min-width:120px;padding:8px 12px;border:1.5px solid var(--c-border-2);border-radius:var(--radius-sm);background:var(--c-surface);font-family:var(--font);font-size:.85rem;color:var(--c-text);outline:none}.browse-search-input:focus{border-color:var(--c-primary)}.browse-filter-select{padding:7px 10px;border:1.5px solid var(--c-border-2);border-radius:var(--radius-sm);background:var(--c-surface);font-family:var(--font);font-size:.82rem;color:var(--c-text);outline:none;cursor:pointer}.progress-bar-wrap{display:flex;align-items:center;gap:7px}.progress-bar{flex:1;height:4px;background:var(--c-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--grad-primary);border-radius:3px;transition:width .4s}.progress-pct{font-size:.68rem;color:var(--c-text-muted);font-weight:600;flex-shrink:0}.pagination-hint{text-align:center;font-size:.76rem;color:var(--c-text-muted);padding:10px 0}#view-game{background:var(--c-bg)}.game-top{display:flex;align-items:center;padding:9px 13px;background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-shrink:0;gap:8px}.game-top-right{display:flex;align-items:center;gap:8px;margin-right:auto}.game-timer-wrap{display:flex;align-items:center;gap:5px;background:#0d948814;border:1px solid rgba(13,148,136,.18);padding:5px 11px;border-radius:20px}.game-timer-icon{font-size:.8rem;opacity:.6}.game-timer{font-size:1.1rem;font-weight:800;color:var(--c-primary);min-width:55px;text-align:center;font-variant-numeric:tabular-nums}.game-mute-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:.95rem;cursor:pointer;transition:background .12s,opacity .12s,transform .08s;-webkit-tap-highlight-color:transparent}.game-mute-btn:active{transform:scale(.88)}.game-mute-btn.muted{opacity:.38;border-style:dashed}.game-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;overflow:hidden}#grid-canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;padding:8px;position:relative}#grid-canvas{display:block;touch-action:none;border-radius:var(--radius);box-shadow:var(--shadow);transform-origin:0 0;background:transparent}.game-word-bar{display:flex;align-items:center;gap:7px;padding:7px 12px;width:100%;background:var(--c-surface);border-top:1px solid var(--c-border);flex-shrink:0}.word-nav-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:1.15rem;color:var(--c-text-muted);cursor:pointer;transition:background .12s,color .12s,transform .08s}.word-nav-btn:active{transform:scale(.9);background:var(--c-primary);color:#fff}.clue-badge{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.clue-badge__num{min-width:28px;height:28px;background:var(--grad-primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem;flex-shrink:0}.clue-badge__dir{font-size:.75rem;color:var(--c-text-muted);background:var(--c-surface-2);padding:3px 8px;border-radius:20px;flex-shrink:0;font-weight:600;border:1px solid var(--c-border)}.hint-btn{display:flex;align-items:center;gap:3px;padding:6px 10px;border:1.5px solid rgba(233,168,76,.38);border-radius:20px;background:#e9a84c12;color:#7a4e10;font-size:.78rem;cursor:pointer;font-weight:700;font-family:var(--font);transition:all .14s;white-space:nowrap;flex-shrink:0}[data-theme=dark] .hint-btn,[data-theme=night] .hint-btn{color:#e9c46a}.hint-btn:active{background:#e9a84c26;transform:scale(.96)}.overview-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;transition:background .12s,transform .08s;touch-action:none}.overview-btn:active{background:var(--c-surface-3);transform:scale(.92)}.clue-text-bar{width:100%;background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:10px 16px;min-height:50px;display:flex;align-items:center;flex-shrink:0}.clue-text-bar #clue-text,.clue-text-bar #prac-clue-text{font-size:1.06rem;font-weight:500;color:var(--c-text);line-height:1.6;flex:1}#keyboard,#prac-keyboard{flex-shrink:0;width:100%;box-sizing:border-box;background:var(--c-surface-2);border-top:2px solid var(--c-border);padding:clamp(5px,1.2vh,8px) clamp(3px,1.5vw,10px) calc(clamp(6px,1.4vh,12px) + env(safe-area-inset-bottom))}.keyboard-row{display:flex;justify-content:center;gap:clamp(2px,.7vw,4px);margin-bottom:clamp(3px,.6vh,5px);width:100%}.keyboard-row:last-child{margin-bottom:0}.key{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;max-width:44px;height:clamp(36px,6.5vh,52px);padding:0;background:var(--c-surface);border:1px solid var(--c-border-2);border-bottom:3px solid var(--c-border-2);border-radius:8px;font-family:var(--font);font-size:clamp(.9rem,3.4vw,1.1rem);font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--c-text);box-shadow:0 3px 0 var(--c-border-2);transition:transform .07s,background .07s,box-shadow .07s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.key:active,.key--pressed{transform:translateY(1px);box-shadow:none;background:var(--c-primary);color:#fff;border-color:var(--c-primary-d);border-bottom-color:var(--c-primary-d)}.key--delete{flex:1.5 1.5 0;max-width:62px;background:#e11d480f;border-color:#e11d4838;border-bottom-color:#e11d4852;box-shadow:0 3px #e11d4838;color:var(--rose);font-size:1.1rem}.key--delete:active,.key--delete.key--pressed{background:var(--rose);color:#fff;border-color:#a04455;border-bottom-color:#a04455;box-shadow:none}.key--submit{flex:1.5 1.5 0;max-width:62px;background:#22c55e12;border-color:#22c55e47;border-bottom-color:#22c55e61;box-shadow:0 3px #22c55e40;color:var(--sage);font-size:1.1rem}.key--submit:active,.key--submit.key--pressed{background:var(--sage);color:#fff;border-color:#2d6e52;border-bottom-color:#2d6e52;box-shadow:none}.key--used{background:var(--c-surface-3);color:var(--c-text-muted);border-color:var(--c-border);box-shadow:none}@media (max-width: 340px){.key{font-size:.78rem;border-radius:6px}}@media (max-height: 500px){.key{height:clamp(30px,8vh,40px)}#keyboard,#prac-keyboard{padding:4px 3px calc(4px + env(safe-area-inset-bottom))}.keyboard-row{margin-bottom:2px}}#view-leagues{background:var(--c-bg)}.leagues-list{overflow-y:auto;flex:1;padding:16px;display:flex;flex-direction:column;gap:10px}.league-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .14s,box-shadow .14s;box-shadow:var(--shadow-sm)}.league-card:active{transform:scale(.98)}.league-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow)}.league-card__icon{width:46px;height:46px;border-radius:var(--radius);background:#0d948814;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.league-card__body{flex:1}.league-card__name{font-weight:700;font-size:.92rem}.league-card__desc{font-size:.78rem;color:var(--c-text-muted);margin-top:2px}.league-card__reward{font-size:.78rem;color:var(--amber-d);font-weight:600;margin-top:5px}.league-card__meta{font-size:.75rem;color:var(--c-text-muted);margin-top:4px;display:flex;gap:10px}.league-status-badge{font-size:.65rem;padding:3px 8px;border-radius:20px;font-weight:700;flex-shrink:0}.badge--active{background:#3d8f6e1a;color:var(--sage)}.badge--upcoming{background:#0d94881a;color:var(--indigo)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.72rem;font-weight:700}.badge-gray{background:#9696961f;color:var(--c-text-muted)}.badge-green{background:#22c55e1f;color:#16a34a}.badge-red{background:#ef44441f;color:#dc2626}[data-theme=dark] .badge-green,[data-theme=night] .badge-green{color:#4ade80}[data-theme=dark] .badge-red,[data-theme=night] .badge-red{color:#f87171}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal{background:var(--c-surface);border-radius:var(--radius-xl);padding:26px 22px 22px;max-width:356px;width:100%;box-shadow:0 20px 60px #0000004d;animation:modal-in .26s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--c-border)}@keyframes modal-in{0%{transform:scale(.88) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal h2{font-size:1.2rem;font-weight:900;margin-bottom:9px;color:var(--c-text)}.modal p{color:var(--c-text-muted);margin-bottom:20px;font-size:.88rem;line-height:1.6}.modal-actions{display:flex;gap:9px}.btn{flex:1;padding:12px;border-radius:var(--radius);font-family:var(--font);font-size:.92rem;font-weight:700;cursor:pointer;border:none;transition:transform .1s,opacity .1s}.btn:active{transform:scale(.96);opacity:.88}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 14px #0d94884d}.btn-outline{background:transparent;border:1.5px solid var(--c-border-2);color:var(--c-text-muted)}.confetti-piece{position:fixed;width:9px;height:9px;top:-20px;animation:confetti-fall linear forwards;pointer-events:none;z-index:200;border-radius:2px}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(720deg);opacity:0}}.spinner{width:36px;height:36px;border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:40px 20px;color:var(--c-text-muted)}.empty-state__icon{font-size:2.8rem;margin-bottom:10px;opacity:.6}.empty-state__text{font-size:.88rem}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}@media (min-width: 480px){.menu-cards,.menu-stats,.menu-hero,.menu-header{max-width:440px;margin-left:auto;margin-right:auto;width:100%}.puzzle-browse-grid{grid-template-columns:repeat(3,1fr)}}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#0a081ee0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px;animation:win-overlay-in .4s ease}@keyframes win-overlay-in{0%{opacity:0}to{opacity:1}}.win-card{background:var(--c-surface);border-radius:28px;padding:32px 28px 26px;max-width:340px;width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000080,0 0 0 1px var(--c-border);animation:win-card-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes win-card-in{0%{transform:scale(.7) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.win-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(ellipse at 50% 0%,rgba(13,148,136,.22) 0%,transparent 65%);pointer-events:none}.win-trophy{font-size:4.5rem;line-height:1;margin-bottom:4px;animation:win-trophy-bounce .6s .3s cubic-bezier(.34,1.56,.64,1) both;display:block}@keyframes win-trophy-bounce{0%{transform:scale(.3) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.win-title{font-size:2.4rem;font-weight:900;color:var(--c-primary);margin-bottom:10px;letter-spacing:-.5px;animation:win-fade-up .4s .5s ease both}.win-stars{display:flex;justify-content:center;gap:6px;margin-bottom:20px;animation:win-fade-up .4s .6s ease both}.win-star{font-size:2.2rem;line-height:1;transition:transform .2s;color:var(--c-border-2)}.win-star--lit{color:#e9a84c;text-shadow:0 0 12px rgba(233,168,76,.6);animation:win-star-pop .35s cubic-bezier(.34,1.56,.64,1) both}.win-star--lit:nth-child(1){animation-delay:.7s}.win-star--lit:nth-child(2){animation-delay:.85s}.win-star--lit:nth-child(3){animation-delay:1s}@keyframes win-star-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes win-fade-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.win-stats{display:flex;align-items:center;justify-content:center;gap:0;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px 16px;margin-bottom:22px;animation:win-fade-up .4s .8s ease both}.win-stat{flex:1;text-align:center}.win-stat__label{font-size:.72rem;color:var(--c-text-muted);font-weight:600;margin-bottom:4px}.win-stat__value{font-size:1.4rem;font-weight:900;color:var(--c-primary);font-variant-numeric:tabular-nums}.win-stat-divider{width:1px;height:40px;background:var(--c-border);margin:0 10px}.win-actions{display:flex;flex-direction:column;gap:9px;animation:win-fade-up .4s .9s ease both}.win-btn-next{font-size:1rem;padding:14px}.win-btn-menu{font-size:.9rem;padding:12px}#pwa-install-banner{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--c-surface);border-top:1.5px solid var(--c-border);padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:none;align-items:center;gap:12px;box-shadow:0 -4px 20px #0000001f;animation:slide-up .3s ease}#pwa-install-banner.visible{display:flex}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-banner-icon{font-size:2rem;flex-shrink:0}.pwa-banner-text{flex:1;min-width:0}.pwa-banner-text strong{display:block;font-size:.88rem;font-weight:700;color:var(--c-text)}.pwa-banner-text span{font-size:.76rem;color:var(--c-text-muted)}.pwa-install-btn{background:var(--grad-primary);color:#fff;border:none;border-radius:var(--radius);padding:9px 16px;font-family:var(--font);font-size:.82rem;font-weight:700;cursor:pointer;flex-shrink:0;white-space:nowrap}.pwa-dismiss-btn{background:transparent;border:none;color:var(--c-text-muted);font-size:1.2rem;cursor:pointer;padding:4px;flex-shrink:0}#auth-modal{display:none;z-index:110}#auth-modal.open{display:flex}.auth-tabs{display:flex;margin-bottom:20px;border-radius:var(--radius);overflow:hidden;background:var(--c-bg);padding:3px;gap:2px}.auth-tab{flex:1;padding:9px;text-align:center;font-size:.88rem;font-weight:700;cursor:pointer;border-radius:calc(var(--radius) - 2px);color:var(--c-text-muted);transition:all .2s;font-family:var(--font)}.auth-tab.active{background:var(--c-surface);color:var(--c-primary);box-shadow:0 1px 4px #0000001f}.auth-form{display:none;flex-direction:column;gap:10px}.auth-form.active{display:flex}.auth-hint{font-size:.78rem;color:var(--c-text-muted);text-align:center;margin-top:2px}#wizard-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;background:#000000b8;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#wizard-overlay.open{display:flex}.wizard-box{background:var(--c-surface);border-radius:var(--radius-xl);padding:36px 26px 26px;max-width:360px;width:100%;box-shadow:0 24px 70px #00000059;border:1px solid var(--c-border);animation:modal-in .3s cubic-bezier(.34,1.56,.64,1)}.wizard-step{display:none;text-align:center}.wizard-step.active{display:block;animation:modal-in .22s ease}.wizard-icon{font-size:3.2rem;margin-bottom:14px}.wizard-title{font-size:1.2rem;font-weight:900;color:var(--c-text);margin-bottom:8px}.wizard-body{color:var(--c-text-muted);font-size:.88rem;line-height:1.75;margin-bottom:26px;min-height:64px}.wizard-dots{display:flex;justify-content:center;gap:7px;margin-bottom:22px}.wizard-dot{width:8px;height:8px;border-radius:50%;background:var(--c-border-2);transition:background .2s,transform .2s}.wizard-dot.active{background:var(--c-primary);transform:scale(1.3)}.wizard-actions{display:flex;gap:8px}.practice-hero{padding:16px 20px 8px}.practice-progress-bar{height:8px;border-radius:99px;background:var(--c-surface-3);overflow:hidden;margin-bottom:6px}.practice-progress-fill{height:100%;border-radius:99px;background:var(--grad-primary);transition:width .4s ease}.practice-progress-text{font-size:.82rem;color:var(--c-text-muted);text-align:center}.practice-levels-grid{display:flex;flex-direction:column;gap:10px;padding:12px 16px 24px;overflow-y:auto;flex:1}.practice-loading{text-align:center;padding:40px 0;color:var(--c-text-muted);font-size:.9rem}.practice-level-card{display:flex;align-items:center;gap:14px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;-webkit-user-select:none;user-select:none}.practice-level-card:active{transform:scale(.98)}.practice-level-card--unlocked{border-color:var(--c-primary);box-shadow:0 0 0 2px #0d948824}.practice-level-card--done{background:var(--c-surface-2);border-color:var(--c-success)}.practice-level-card--locked{opacity:.48;cursor:default}.plc__num{font-size:1.1rem;font-weight:900;color:var(--c-primary);min-width:28px;text-align:center}.plc__body{flex:1}.plc__title{font-size:.95rem;font-weight:700;color:var(--c-text)}.plc__meta{display:flex;gap:10px;margin-top:3px;font-size:.78rem;color:var(--c-text-muted)}.plc__stars{color:var(--c-accent);letter-spacing:1px}.plc__progress{font-size:.75rem;color:var(--c-primary);margin-top:3px;font-weight:600}.plc__status{font-size:1.2rem;color:var(--c-text-muted)}.practice-level-card--done .plc__status{color:var(--c-success)}.practice-level-card--unlocked .plc__status{color:var(--c-primary)}.practice-empty{display:flex;flex-direction:column;align-items:center;padding:60px 20px;gap:10px;text-align:center}.practice-empty__icon{font-size:3rem}.practice-empty__title{font-size:1rem;font-weight:800;color:var(--c-text)}.practice-empty__body{font-size:.85rem;color:var(--c-text-muted);line-height:1.7}.practice-mode-badge{font-size:.72rem;font-weight:800;background:#2a9d8f2e;color:var(--teal);border-radius:99px;padding:3px 10px;letter-spacing:.03em}#prac-grid-canvas-wrapper{flex:1;position:relative;overflow:hidden}#prac-grid-canvas{display:block;touch-action:none;width:100%;height:100%}.offline-notice{display:none;align-items:center;gap:10px;margin:0 16px 4px;background:#00000061;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:12px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#view-menu.offline .offline-notice{display:flex}.offline-notice__icon{font-size:1.4rem;flex-shrink:0}.offline-notice__text strong{display:block;font-size:.88rem;font-weight:800;color:#ffffffe0}.offline-notice__text span{font-size:.74rem;color:#ffffff7a}#view-menu.offline .menu-daily-hero,#view-menu.offline .menu-mid-row,#view-menu.offline .menu-dock-row{opacity:.28;pointer-events:none;filter:grayscale(.9)}#view-menu.offline .menu-practice-strip{opacity:1!important;pointer-events:all!important;filter:none!important;border-color:#0d9488a6;animation:practice-offline-pulse 1.8s ease-in-out infinite}@keyframes practice-offline-pulse{0%,to{box-shadow:var(--glass-shadow),0 0 #0d948866}50%{box-shadow:var(--glass-shadow),0 0 0 10px #0d948800}}.daily-claim-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .22s}.daily-claim-overlay.open{opacity:1}.daily-claim-card{background:linear-gradient(175deg,#1a0e02,#2a1606,#1a0e02);border:1.5px solid rgba(245,158,11,.22);border-radius:30px;padding:30px 22px 26px;max-width:350px;width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:0 28px 80px #0009,0 0 60px #f59e0b14;animation:modal-in .32s cubic-bezier(.34,1.56,.64,1)}.daily-claim-card:before{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:240px;height:240px;background:radial-gradient(ellipse,rgba(245,158,11,.12) 0%,transparent 65%);pointer-events:none}.daily-claim-close{position:absolute;top:14px;left:16px;background:#ffffff14;border:none;color:#fff6;font-size:1rem;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s,color .14s}.daily-claim-close:hover{background:#ffffff24;color:#ffffffb3}.daily-claim-coin-wrap{position:relative;display:inline-block;margin-bottom:10px}.daily-claim-coin{font-size:4.2rem;line-height:1;display:block;animation:dc-coin-drop .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes dc-coin-drop{0%{transform:scale(.1) translateY(-30px) rotateY(90deg);opacity:0}to{transform:scale(1) translateY(0) rotateY(0);opacity:1}}.daily-claim-coin-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:radial-gradient(ellipse,rgba(245,158,11,.35) 0%,transparent 65%);border-radius:50%;pointer-events:none;animation:dc-glow-pulse 2s ease-in-out infinite}@keyframes dc-glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.daily-claim-title{font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,#fde68a,#f59e0b,#fde68a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3px}.daily-claim-streak-text{font-size:.8rem;color:#ffffff73;margin-bottom:22px;font-weight:600}.streak-track{display:flex;gap:4px;justify-content:center;margin-bottom:20px}.streak-day{display:flex;flex-direction:column;align-items:center;gap:3px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:8px 4px 6px;flex:1;min-width:0;transition:all .2s}.streak-day--done{background:#f59e0b1a;border-color:#f59e0b47}.streak-day--today{background:#f59e0b2e;border-color:#f59e0b;box-shadow:0 0 14px #f59e0b66,0 0 0 2px #f59e0b33;transform:translateY(-3px)}.streak-day--future{opacity:.38}.streak-day__icon{font-size:1.1rem;line-height:1}.streak-day__chips{font-size:.6rem;font-weight:700;color:#ffffff80}.streak-day--done .streak-day__chips{color:#f59e0b}.streak-day--today .streak-day__chips{color:#fde68a;font-size:.65rem}.streak-day__lbl{font-size:.55rem;color:#ffffff40}.streak-day__tag{font-size:.52rem;color:#f59e0b;font-weight:700;background:#f59e0b1f;border-radius:4px;padding:1px 3px}.daily-claim-reward-box{background:#f59e0b14;border:1px solid rgba(245,158,11,.22);border-radius:18px;padding:14px 18px;margin-bottom:18px}.daily-claim-reward-label{font-size:.74rem;color:#ffffff6b;margin-bottom:6px}.daily-claim-reward-amount{display:flex;align-items:center;justify-content:center;gap:6px}.daily-claim-reward-num{font-size:2.8rem;font-weight:900;color:#f59e0b;line-height:1}.daily-claim-reward-chip{font-size:2rem;line-height:1}.daily-claim-reward-tag{font-size:.74rem;color:#fde68a;margin-top:5px;font-weight:700}.daily-claim-btn{width:100%;padding:16px;background:linear-gradient(135deg,#d97706,#f59e0b,#fbbf24);color:#1a0a00;border:none;border-radius:18px;font-family:var(--font);font-size:1.05rem;font-weight:900;cursor:pointer;box-shadow:0 4px 22px #f59e0b73;animation:dc-btn-pulse 2s ease-in-out infinite;transition:transform .1s,opacity .15s}@keyframes dc-btn-pulse{0%,to{box-shadow:0 4px 22px #f59e0b73,0 0 #f59e0b66}50%{box-shadow:0 4px 22px #f59e0b8c,0 0 0 10px #f59e0b00}}.daily-claim-btn:active{transform:scale(.97)}.daily-claim-btn:disabled{opacity:.6;animation:none;cursor:default}.daily-claim-btn--success{background:linear-gradient(135deg,#059669,#22c55e);box-shadow:0 4px 22px #22c55e66;animation:none}.leagues-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.league-card-new{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s,box-shadow .15s}.league-card-new:active{transform:scale(.98)}.league-card-new__banner{display:flex;align-items:center;gap:12px;padding:16px 16px 14px}.league-card-new--active .league-card-new__banner{background:linear-gradient(135deg,#7c2d12,#9a3412,#c2410c)}.league-card-new--upcoming .league-card-new__banner{background:linear-gradient(135deg,#1e3a5f,#1d4ed8)}.league-card-new__icon{font-size:2.2rem;line-height:1;flex-shrink:0}.league-card-new__info{flex:1}.league-card-new__name{font-size:1.05rem;font-weight:800;color:#fff;line-height:1.2}.league-card-new__timer{font-size:.74rem;color:#ffffffa6;margin-top:3px}.league-badge--active{font-size:.65rem;font-weight:800;color:#fff;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:3px 10px;white-space:nowrap;flex-shrink:0}.league-badge--upcoming{font-size:.65rem;font-weight:800;color:#ffffffb3;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:3px 10px;white-space:nowrap;flex-shrink:0}.league-card-new__body{background:var(--c-surface);padding:14px 16px}.league-card-new__desc{font-size:.82rem;color:var(--c-text-muted);margin-bottom:12px;line-height:1.55}.league-card-new__rewards{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.reward-pill{display:inline-flex;align-items:center;gap:5px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:20px;padding:5px 10px}.reward-pill__medal{font-size:.9rem}.reward-pill__chips{font-size:.78rem;font-weight:700;color:var(--c-text)}.reward-pill__badge{font-size:.7rem;color:var(--c-text-muted)}.league-card-new__footer{display:flex;align-items:center;justify-content:space-between}.league-card-new__participants{font-size:.78rem;color:var(--c-text-muted)}.league-enter-btn{background:var(--grad-primary);color:#fff;border:none;border-radius:var(--radius);padding:8px 16px;font-family:var(--font);font-size:.82rem;font-weight:700;cursor:pointer;transition:transform .1s,opacity .1s}.league-enter-btn:active{transform:scale(.95);opacity:.88}#view-league-detail{background:var(--c-bg)}.league-detail-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-shrink:0}.league-detail-header-banner{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.ldh__icon{font-size:1.6rem;line-height:1;flex-shrink:0}.ldh__body{flex:1;min-width:0}.ldh__name{font-size:1rem;font-weight:800;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ldh__meta{display:flex;gap:10px;font-size:.74rem;color:var(--c-text-muted);margin-top:2px}.league-detail-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.league-detail-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--c-surface);border-top:1px solid var(--c-border);flex-shrink:0}.league-detail-play-btn{width:100%;font-size:1rem;padding:14px}.league-detail-section{display:flex;flex-direction:column;gap:10px}.league-detail-section__title{font-size:.82rem;font-weight:800;color:var(--c-text-muted);letter-spacing:.05em;display:flex;align-items:center;gap:6px}.league-detail-section__title:after{content:"";flex:1;height:1px;background:var(--c-border)}.reward-tiers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.reward-tier{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:12px 10px;text-align:center;box-shadow:var(--shadow-sm)}.reward-tier--major{border-color:var(--c-border-2);box-shadow:var(--shadow)}.reward-tier__medal{font-size:1.5rem;line-height:1;margin-bottom:5px}.reward-tier__chips{font-size:.88rem;font-weight:800;color:var(--c-primary)}.reward-tier__badge{font-size:.7rem;color:var(--c-text-muted);margin-top:3px}.leaderboard-list{display:flex;flex-direction:column;gap:6px}.lb-row{display:flex;align-items:center;gap:10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:11px 14px;transition:background .12s}.lb-row--top{border-color:var(--c-border-2);background:var(--c-surface-2)}.lb-row--me{border-color:var(--c-primary);background:#0d94880f;box-shadow:0 0 0 2px #0d948826}.lb-row__rank{min-width:34px;font-size:1rem;text-align:center;flex-shrink:0;font-weight:800;color:var(--c-text-muted)}.lb-row--top .lb-row__rank{font-size:1.1rem}.lb-row__avatar{font-size:1.2rem;flex-shrink:0}.lb-row__name{flex:1;font-size:.88rem;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-me-tag{font-size:.62rem;font-weight:800;color:var(--c-primary);background:#0d94881a;border-radius:6px;padding:1px 5px;vertical-align:middle;margin-right:4px}.lb-row__score{font-size:.88rem;font-weight:800;color:var(--c-primary);flex-shrink:0}.lb-row__score-lbl{font-size:.65rem;color:var(--c-text-muted);font-weight:400}.lb-separator{text-align:center;color:var(--c-text-muted);font-size:1rem;padding:4px 0;letter-spacing:4px}:root{--jv-bg: var(--c-bg);--jv-surface: var(--c-surface);--jv-surf2: var(--c-surface-2);--jv-bd: var(--c-border);--jv-bd2: var(--c-border-2);--jv-txt: var(--c-text);--jv-txt2: var(--c-text);--jv-muted: var(--c-text-muted);--jv-e1: var(--shadow-sm);--jv-e2: var(--shadow);--jv-e3: var(--shadow-lg);--jv-r1: 8px;--jv-r2: 14px;--jv-r3: 20px;--jv-r4: 28px;--jv-rf: 9999px;--jv-spring: cubic-bezier(.34, 1.56, .64, 1);--jv-ease: cubic-bezier(0, 0, .2, 1)}@keyframes jv-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.view.active{animation:jv-in .18s var(--jv-ease)}.jv-nav{display:flex;flex-shrink:0;gap:2px;background:var(--glass-bg, rgba(250,249,246,.94));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid var(--jv-bd);padding:4px 6px calc(4px + env(safe-area-inset-bottom));position:relative;z-index:50}.jv-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 5px;border-radius:var(--jv-r2);background:none;border:none;cursor:pointer;color:var(--jv-muted);transition:color .15s,background .15s;font-family:var(--font);position:relative}.jv-nav__item.active{color:var(--c-primary);background:#0d948812}.jv-nav__icon{font-size:1.2rem;line-height:1;transition:transform .22s var(--jv-spring)}.jv-nav__item.active .jv-nav__icon{transform:translateY(-1px) scale(1.1)}.jv-nav__label{font-size:.6rem;font-weight:700;white-space:nowrap}.jv-nav__item:after{content:"";position:absolute;top:3px;width:0;height:2.5px;border-radius:var(--jv-rf);background:var(--c-primary);transition:width .22s var(--jv-spring)}.jv-nav__item.active:after{width:22px}.jv-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--glass-bg, rgba(250,249,246,.9));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--jv-bd);flex-shrink:0;z-index:10}.jv-bar__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--jv-r2);background:#0d948817;border:none;font-size:1rem;font-weight:700;color:var(--c-primary);cursor:pointer;transition:background .13s,transform .1s;flex-shrink:0}.jv-bar__back:active{background:#0d94882e;transform:scale(.9)}.jv-bar__title{font-size:1rem;font-weight:800;color:var(--c-text);flex:1;text-align:center}.jv-bar__end{display:flex;align-items:center;gap:8px;flex-shrink:0}.jv-coin{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--jv-rf);background:#e9a84c1f;border:1.5px solid rgba(233,168,76,.28);font-size:.82rem;font-weight:800;color:var(--c-accent, #e9a84c)}#view-menu .jv-coin{color:var(--c-accent, #e9a84c);background:#e9a84c26}.jv-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 20px;border-radius:var(--jv-rf);font-family:var(--font);font-weight:700;font-size:.85rem;cursor:pointer;border:none;transition:all .14s;white-space:nowrap}.jv-btn:active{transform:scale(.94)}.jv-btn--primary{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-d));color:#fff;box-shadow:0 4px 12px #0d94884d}.jv-btn--primary:active{box-shadow:none}.jv-btn--ghost{background:transparent;color:var(--c-primary);border:1.5px solid var(--jv-bd2)}.jv-btn--ghost:active{background:#0d94880f}.jv-btn--sm{padding:7px 14px;font-size:.78rem}.jv-btn--lg{padding:13px 26px;font-size:1rem}.jv-btn--icon{width:36px;height:36px;padding:0;border-radius:var(--jv-r2);background:#0d948814;color:var(--c-primary);font-size:1rem}.jv-btn--icon:active{background:#0d948829}.jv-btn--danger{background:#e11d480f;color:var(--c-error);border:1px solid rgba(225,29,72,.22)}.jv-btn--danger:active{background:#e11d481f}.jv-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:var(--jv-rf);font-size:.8rem;font-weight:600;border:1.5px solid var(--jv-bd2);background:var(--jv-surface);color:var(--jv-muted);cursor:pointer;white-space:nowrap;transition:all .13s;flex-shrink:0}.jv-chip--active,.jv-chip:active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.jv-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--jv-rf);font-size:.7rem;font-weight:700}.jv-badge--teal{background:#0d94881a;color:var(--c-primary)}.jv-badge--amber{background:#e9a84c1f;color:#92400e}.jv-badge--green{background:#22c55e1f;color:#166534}.jv-badge--red{background:#e11d481a;color:#9f1239}.jv-badge--muted{background:#0000000f;color:var(--jv-muted)}[data-theme=dark] .jv-badge--amber,[data-theme=night] .jv-badge--amber{color:#fbbf24}.jv-card{background:var(--jv-surface);border:1px solid var(--jv-bd);border-radius:var(--jv-r3);box-shadow:var(--jv-e1)}.jv-card--raised{box-shadow:var(--jv-e3);border-color:transparent}.jv-card--accent{border-right:3px solid var(--c-primary)}.jv-scroll{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.jv-scroll::-webkit-scrollbar{display:none}.jv-label{font-size:.7rem;font-weight:700;color:var(--jv-muted);text-transform:uppercase;letter-spacing:.07em;padding-bottom:8px}.jv-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:52px 24px;text-align:center}.jv-empty__icon{font-size:3rem;opacity:.55}.jv-empty__title{font-size:1rem;font-weight:800;color:var(--jv-txt)}.jv-empty__body{font-size:.82rem;color:var(--jv-muted);line-height:1.7;max-width:260px}#view-menu{background:var(--grad-hero)}.jv-mhero{padding:0 0 24px;flex-shrink:0}.jv-mhdr{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;gap:10px}.jv-muser{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:0}.jv-mavatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#ffffff24;border:2px solid rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;font-size:1.05rem;overflow:hidden}.jv-mname{font-size:.84rem;font-weight:700;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jv-mhdr-r{display:flex;align-items:center;gap:8px;flex-shrink:0}.jv-mlogo{padding:2px 18px 8px;text-align:center}.jv-mlogo-txt{font-size:3.8rem;font-weight:900;color:#fff;letter-spacing:-2px;line-height:1;text-shadow:0 4px 20px rgba(0,0,0,.3)}.jv-mlogo-txt span{background:linear-gradient(135deg,#99f6e4,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.jv-mlogo-sub{font-size:.8rem;color:#ffffff75;margin-top:4px}.jv-mstats{display:flex;gap:8px;padding:6px 16px 0}.jv-mstat{flex:1;display:flex;flex-direction:column;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:var(--jv-r3);padding:9px 6px}.jv-mstat__v{font-size:1.3rem;font-weight:900;color:#fff;line-height:1}.jv-mstat__l{font-size:.62rem;color:#ffffff85;margin-top:3px;font-weight:600}.jv-offline-bar{display:none;align-items:center;gap:8px;margin:12px 14px 0;padding:9px 14px;background:#e11d482e;border:1px solid rgba(225,29,72,.3);border-radius:var(--jv-r2);font-size:.78rem;font-weight:600;color:#fca5a5}.offline .jv-offline-bar{display:flex}.jv-mbody{padding:12px 14px 16px;display:flex;flex-direction:column;gap:10px}.jv-daily{background:linear-gradient(135deg,#92400e,#b45309 45%,#d97706);border-radius:var(--jv-r2);padding:18px 18px 18px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;border:none;width:100%;box-shadow:0 6px 20px #92400e52;transition:transform .15s var(--jv-spring),box-shadow .15s;position:relative;overflow:hidden}.jv-daily:after{content:"";position:absolute;right:-20px;top:-30px;width:120px;height:120px;border-radius:50%;background:#ffffff0f;pointer-events:none}.jv-daily:active{transform:scale(.97);box-shadow:0 3px 10px #92400e33}.jv-daily__icon{font-size:2.2rem;flex-shrink:0}.jv-daily__body{flex:1;text-align:right}.jv-daily__title{font-size:1.1rem;font-weight:900;color:#fff}.jv-daily__date{font-size:.74rem;color:#ffffffa6;margin-top:3px}.jv-daily__cta{background:#ffffff2e;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:.78rem;font-weight:700;padding:6px 13px;border-radius:var(--jv-rf);font-family:var(--font);white-space:nowrap;flex-shrink:0}.jv-cont{background:linear-gradient(135deg,#064e3b,#047857);border-radius:var(--jv-r3);padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;border:none;width:100%;box-shadow:0 4px 14px #064e3b47;transition:transform .14s}.jv-cont:active{transform:scale(.97)}.jv-cont__icon{font-size:1.6rem}.jv-cont__body{flex:1;text-align:right}.jv-cont__title{font-size:.92rem;font-weight:800;color:#fff}.jv-cont__pill{display:inline-flex;align-items:center;background:#ffffff26;border-radius:var(--jv-rf);padding:2px 9px;font-size:.7rem;font-weight:700;color:#86efac;margin-top:3px}.jv-cont__arr{color:#ffffff80;font-size:1rem;flex-shrink:0}.jv-qgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jv-qcard{border-radius:var(--jv-r2);padding:18px 14px 15px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;cursor:pointer;text-align:right;border:none;transition:transform .15s var(--jv-spring),box-shadow .15s;position:relative;overflow:hidden;width:100%}.jv-qcard:after{content:"";position:absolute;right:-18px;bottom:-22px;width:100px;height:100px;border-radius:50%;background:#ffffff12;pointer-events:none}.jv-qcard:active{transform:scale(.95)}.jv-qcard__icon{font-size:2rem;line-height:1;margin-bottom:2px}.jv-qcard__name{font-size:.9rem;font-weight:900;color:#fff}.jv-qcard__sub{font-size:.68rem;color:#ffffff8f;margin-top:1px}.jv-qcard--blue{background:linear-gradient(145deg,#1e3a5f,#1d4ed8 55%,#3b82f6);box-shadow:0 6px 18px #1d4ed859}.jv-qcard--blue:active{box-shadow:0 2px 8px #1d4ed82e}.jv-qcard--green{background:linear-gradient(145deg,#064e3b,#047857 55%,#10b981);box-shadow:0 6px 18px #064e3b59}.jv-qcard--green:active{box-shadow:0 2px 8px #064e3b2e}.jv-pstrip{background:linear-gradient(135deg,#2e1065,#5b21b6,#7c3aed);border-radius:var(--jv-r2);padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;width:100%;border:none;box-shadow:0 6px 20px #2e106552;transition:transform .15s var(--jv-spring),box-shadow .15s;position:relative;overflow:hidden}.jv-pstrip:after{content:"";position:absolute;left:-20px;top:-25px;width:110px;height:110px;border-radius:50%;background:#ffffff0f;pointer-events:none}.jv-pstrip:active{transform:scale(.97);box-shadow:0 3px 10px #2e10652e}.jv-pstrip__icon{font-size:1.9rem;flex-shrink:0}.jv-pstrip__body{flex:1;text-align:right}.jv-pstrip__name{font-size:.92rem;font-weight:900;color:#fff}.jv-pstrip__sub{font-size:.72rem;color:#ffffff8c;margin-top:3px}.jv-pstrip__arr{background:#ffffff29;border:1px solid rgba(255,255,255,.24);color:#fff;font-size:.8rem;padding:5px 12px;border-radius:var(--jv-rf);font-family:var(--font);flex-shrink:0;white-space:nowrap}.jv-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.jv-dock__item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px 11px;border-radius:var(--jv-r1);border:none;cursor:pointer;transition:transform .15s var(--jv-spring),box-shadow .14s;font-family:var(--font);position:relative;overflow:hidden}.jv-dock__item:active{transform:scale(.91)}.jv-dock__icon{font-size:1.3rem;line-height:1;width:40px;height:40px;border-radius:50%;background:#ffffff29;display:flex;align-items:center;justify-content:center;flex-shrink:0}.jv-dock__label{font-size:.63rem;font-weight:700;color:#ffffffe0;white-space:nowrap}.jv-dock__item--amber{background:linear-gradient(145deg,#78350f,#b45309);box-shadow:0 4px 14px #78350f61}.jv-dock__item--amber:active{box-shadow:0 1px 5px #78350f33}.jv-dock__item--slate{background:linear-gradient(145deg,#1e3a5f,#2563eb);box-shadow:0 4px 14px #1e3a5f61}.jv-dock__item--slate:active{box-shadow:0 1px 5px #1e3a5f33}.jv-dock__item--green{background:linear-gradient(145deg,#064e3b,#059669);box-shadow:0 4px 14px #064e3b61}.jv-dock__item--green:active{box-shadow:0 1px 5px #064e3b33}.jv-dock__item--teal{background:linear-gradient(145deg,#022c2a,#0d9488);box-shadow:0 4px 14px #022c2a61}.jv-dock__item--teal:active{box-shadow:0 1px 5px #022c2a33}.jv-mfoot{padding:10px 18px calc(14px + env(safe-area-inset-bottom));text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:auto}.jv-mfoot a{font-size:.73rem;font-weight:600;color:#ffffff8c;text-decoration:none}.jv-mfoot span{font-size:.65rem;color:#ffffff4d}.jv-browse-head{background:var(--jv-surface);border-bottom:1px solid var(--jv-bd);padding:10px 14px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.jv-browse-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.jv-search{flex:1 1 100%;padding:7px 12px;border-radius:var(--jv-rf);border:1.5px solid var(--jv-bd2);background:var(--jv-bg);font-family:var(--font);font-size:.85rem;color:var(--jv-txt);outline:none;transition:border-color .13s;min-width:0}.jv-search:focus{border-color:var(--c-primary)}.jv-select{flex:1;padding:7px 8px;border-radius:var(--jv-rf);border:1.5px solid var(--jv-bd2);background:var(--jv-bg);font-family:var(--font);font-size:.8rem;color:var(--jv-txt);cursor:pointer;outline:none;min-width:0}.jv-cats{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.jv-cats::-webkit-scrollbar{display:none}.jv-plist{display:flex;flex-direction:column;gap:8px;padding:14px}.jv-prow{background:var(--jv-surface);border:1px solid var(--jv-bd);border-radius:var(--jv-r3);padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:var(--jv-e1);transition:transform .13s,box-shadow .13s;text-align:right;width:100%}.jv-prow:active{transform:scale(.98);box-shadow:none}.jv-prow__icon{font-size:1.6rem;flex-shrink:0}.jv-prow__body{flex:1;min-width:0}.jv-prow__title{font-size:.9rem;font-weight:800;color:var(--jv-txt);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jv-prow__meta{font-size:.71rem;color:var(--jv-muted);display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}.jv-prow__end{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.jv-prow__views{font-size:.68rem;color:var(--jv-muted)}.jv-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}@media (min-width: 480px){.jv-pgrid{grid-template-columns:repeat(3,1fr)}}.jv-pcard{background:var(--jv-surface);border:1px solid var(--jv-bd);border-radius:var(--jv-r3);overflow:hidden;cursor:pointer;box-shadow:var(--jv-e1);transition:transform .13s,box-shadow .13s;display:flex;flex-direction:column}.jv-pcard:active{transform:scale(.95);box-shadow:none}.jv-pcard__hd{padding:10px 11px 6px;display:flex;justify-content:space-between;align-items:center}.jv-pcard__views{font-size:.68rem;color:var(--jv-muted)}.jv-pcard__bd{padding:0 11px 12px}.jv-pcard__title{font-size:.86rem;font-weight:800;color:var(--jv-txt);line-height:1.3;margin-bottom:5px}.jv-pcard__meta{font-size:.7rem;color:var(--jv-muted);display:flex;gap:6px;flex-wrap:wrap}.jv-scard{background:var(--jv-surface);border:1px solid var(--jv-bd);border-radius:var(--jv-r3);padding:14px 16px;display:flex;align-items:flex-start;gap:12px;box-shadow:var(--jv-e1)}.jv-scard__icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.jv-scard__body{flex:1;text-align:right}.jv-scard__title{font-size:.9rem;font-weight:800;color:var(--jv-txt)}.jv-scard__sub{font-size:.73rem;color:var(--jv-muted);margin-top:3px}.jv-scard__prog{height:4px;border-radius:2px;background:var(--jv-bd);margin-top:8px;overflow:hidden}.jv-scard__fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--c-primary),#2dd4bf)}.jv-scard__acts{display:flex;gap:8px;margin-top:10px}.jv-llist{display:flex;flex-direction:column;gap:8px;padding:14px}.jv-lvl{background:var(--jv-surface);border:1px solid var(--jv-bd);border-radius:var(--jv-r3);padding:13px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:var(--jv-e1);transition:transform .12s}.jv-lvl:active{transform:scale(.98)}.jv-lvl--done{border-right:3px solid var(--c-success)}.jv-lvl--locked{opacity:.5;cursor:default}.jv-lvl__num{width:36px;height:36px;flex-shrink:0;border-radius:var(--jv-r2);background:#0d94881a;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:900;color:var(--c-primary)}.jv-lvl--done .jv-lvl__num{background:#22c55e1f;color:var(--c-success)}.jv-lvl__body{flex:1;text-align:right}.jv-lvl__name{font-size:.88rem;font-weight:800;color:var(--jv-txt)}.jv-lvl__meta{font-size:.71rem;color:var(--jv-muted);margin-top:2px}.jv-lvl__ico{font-size:1rem;color:var(--jv-muted);flex-shrink:0}.jv-lvl--done .jv-lvl__ico{color:var(--c-success)}.jv-balance{margin:14px 14px 0;padding:16px 20px;background:linear-gradient(135deg,#e9a84c14,#c87e250d);border:1.5px solid rgba(233,168,76,.22);border-radius:var(--jv-r4);display:flex;align-items:center;justify-content:space-between}.jv-balance__lbl{font-size:.72rem;color:var(--jv-muted);font-weight:600}.jv-balance__val{font-size:1.5rem;font-weight:900;color:var(--jv-txt);margin-top:2px}.jv-balance__ico{font-size:2rem}.jv-pkgs{display:flex;flex-direction:column;gap:10px;padding:14px}.jv-pkg{background:var(--jv-surface);border:1.5px solid var(--jv-bd);border-radius:var(--jv-r4);padding:16px;display:flex;align-items:center;gap:14px;box-shadow:var(--jv-e1);position:relative;overflow:hidden;transition:transform .13s,box-shadow .13s;width:100%;cursor:pointer}.jv-pkg:active{transform:scale(.98)}.jv-pkg--featured{border-color:var(--c-primary);box-shadow:0 4px 16px #0d948824}.jv-pkg__icon{font-size:2rem;flex-shrink:0}.jv-pkg__body{flex:1;text-align:right}.jv-pkg__name{font-size:.9rem;font-weight:800;color:var(--jv-txt)}.jv-pkg__chips{font-size:.8rem;color:var(--jv-muted);margin-top:2px}.jv-pkg__price{font-size:.75rem;font-weight:700;color:var(--jv-muted);margin-top:4px}.jv-pkg__buy{padding:8px 16px;border-radius:var(--jv-rf);border:none;background:var(--grad-primary, linear-gradient(135deg,#0d9488,#0f766e));color:#fff;font-family:var(--font);font-size:.82rem;font-weight:700;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:opacity .13s,transform .13s}.jv-pkg__buy:disabled{opacity:.45;cursor:default}.jv-pkg__buy:not(:disabled):active{transform:scale(.95)}.jv-phero{background:linear-gradient(155deg,#022c2a,#065f59 48%,#0d9488);padding:28px 24px 40px;display:flex;flex-direction:column;align-items:center;gap:10px}.jv-pavatar{width:84px;height:84px;border-radius:50%;background:#ffffff24;border:3px solid rgba(255,255,255,.32);display:flex;align-items:center;justify-content:center;font-size:2.1rem;overflow:hidden;box-shadow:0 8px 24px #0000002e;cursor:pointer;transition:transform .13s}.jv-pavatar:active{transform:scale(.95)}.jv-pavatar__edit{position:absolute;bottom:0;right:0;width:26px;height:26px;border-radius:50%;background:var(--c-primary);border:2px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;font-size:.65rem;pointer-events:none}.jv-pname{font-size:1.2rem;font-weight:800;color:#fff}.jv-pbadge{font-size:.73rem;font-weight:700;background:#ffffff21;border:1px solid rgba(255,255,255,.22);color:#ffffffd1;padding:4px 14px;border-radius:var(--jv-rf)}.jv-lcard{background:var(--jv-surface);border:1px solid var(--jv-bd);border-radius:var(--jv-r3);overflow:hidden;box-shadow:var(--jv-e1);cursor:pointer;transition:transform .13s}.jv-lcard:active{transform:scale(.98)}.jv-lcard__banner{height:6px;background:linear-gradient(90deg,var(--c-primary),#2dd4bf)}.jv-lcard__banner--upcoming{background:linear-gradient(90deg,#b45309,#d97706)}.jv-lcard__body{padding:14px 16px}.jv-lcard__name{font-size:.98rem;font-weight:800;color:var(--jv-txt);margin-bottom:5px}.jv-lcard__desc{font-size:.78rem;color:var(--jv-muted);line-height:1.5;margin-bottom:10px}.jv-lcard__foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center}