:root{--bg: #07151f;--bg-alt: #0a202a;--surface: #102a35;--surface-alt: #0d232d;--surface-hi: #193b46;--line: rgba(228, 240, 235, .1);--line-strong: rgba(228, 240, 235, .2);--text: #f4f6ef;--text-muted: #a8bbb7;--text-dim: #718b8b;--gold: #e7b95d;--gold-soft: #c99743;--gold-deep: #855d28;--gold-glow: rgba(231, 185, 93, .3);--water: #51b9ae;--water-deep: #17606a;--sand: #d9a867;--clay: #a06a3c;--stone: #8da2a1;--stone-dark: #425e63;--success: #62d2a9;--warning: #efb568;--danger: #ef8b83;--info: #74b6cb;--locked: #25464e;--event: #b495e8;--maintenance: #ef8b83;--r-xs: 7px;--r-sm: 11px;--r-md: 15px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-xxl: 28px;--t-fast: .12s;--t-base: .22s;--t-slow: .42s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 62px;--topbar-h: 56px;--font: "Avenir Next", "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, Arial, sans-serif;--shadow-soft: 0 14px 36px rgba(0, 0, 0, .18);--shadow-deep: 0 24px 60px rgba(0, 0, 0, .3);--content-width: 640px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);line-height:1.45;overscroll-behavior:none;-webkit-user-select:text;user-select:text;text-size-adjust:100%;-webkit-text-size-adjust:100%}#app{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;border:none;background:transparent;-webkit-user-select:none;user-select:none}a{color:var(--gold);text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}.app-shell{flex:1;display:flex;flex-direction:column;min-height:0}.page-slot{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;overflow:hidden}.page{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.page-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--space-lg) calc(var(--space-xl) + var(--space-lg))}.page-scroll.no-nav{padding-bottom:var(--space-xxl)}.full-fill{flex:1;display:flex;flex-direction:column;min-height:0}.row{display:flex;align-items:center;gap:var(--space-md)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.center{display:flex;align-items:center;justify-content:center}.column-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrap{flex-wrap:wrap}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-xxl{font-size:var(--fs-xxl)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.gold{color:var(--gold)}.success{color:var(--success)}.danger{color:var(--danger)}.warning{color:var(--warning)}.bold{font-weight:700}.semibold{font-weight:600}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-text{text-align:center}.topbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--safe-top) var(--space-lg) var(--space-sm);background:linear-gradient(180deg,var(--bg-alt),rgba(14,34,64,.6));border-bottom:1px solid var(--line);min-height:calc(var(--topbar-h) + var(--safe-top))}.topbar-title{flex:1;min-width:0;font-size:var(--fs-lg);font-weight:700}.topbar-eyebrow{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.icon-btn{width:36px;height:36px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:#ffffff0a;border:1px solid var(--line);font-size:20px}.icon-btn:active{background:#ffffff1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:48px;padding:0 var(--space-xl);border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-md);background:var(--surface-hi);color:var(--text);transition:transform var(--t-fast) ease,filter var(--t-fast) ease,opacity var(--t-fast) ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-block{width:100%}.btn-gold{background:linear-gradient(180deg,var(--gold),var(--gold-soft));color:#2a1d05;box-shadow:0 8px 24px -8px var(--gold-glow)}.btn-ghost{background:transparent;border:1px solid var(--line-strong);color:var(--text)}.btn-danger{background:#f26c6c2e;color:var(--danger);border:1px solid rgba(242,108,108,.45)}.btn-link{min-height:auto;padding:var(--space-xs) var(--space-sm);border-radius:var(--r-sm);color:var(--gold);font-weight:600}.btn-sm{min-height:36px;padding:0 var(--space-lg);font-size:var(--fs-sm)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--space-lg)}.card-tight{padding:var(--space-md)}.card-row{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.card-row+.card-row{margin-top:var(--space-sm)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:var(--space-xl) 0 var(--space-md)}.section-title h2{font-size:var(--fs-lg);font-weight:700}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;background:#ffffff0f;border:1px solid var(--line);color:var(--text-muted)}.badge-gold{background:#f5c24a24;color:var(--gold);border-color:#f5c24a66}.badge-success{background:#37d9a424;color:var(--success);border-color:#37d9a466}.badge-danger{background:#f26c6c24;color:var(--danger);border-color:#f26c6c66}.badge-event{background:#9b7bff24;color:var(--event);border-color:#9b7bff66}.badge-muted{background:#ffffff0a;color:var(--text-dim)}.chip{padding:var(--space-sm) var(--space-lg);border-radius:var(--r-pill);background:#ffffff0a;border:1px solid var(--line);color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}.chip.active{background:#f5c24a24;border-color:#f5c24a73;color:var(--gold)}.stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:var(--fs-lg);font-weight:700}.energy-pips{display:inline-flex;gap:6px}.pip{width:16px;height:16px;border-radius:var(--r-pill);background:#ffffff14;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:11px}.pip.filled{background:linear-gradient(180deg,var(--gold),var(--gold-deep));border-color:#f5c24a99;color:#2a1d05}.scrim{position:fixed;inset:0;background:#071223b3;backdrop-filter:blur(3px);z-index:50;animation:fade var(--t-base) ease}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--space-sm) var(--space-lg) calc(var(--space-xl) + var(--safe-bottom));border-top:1px solid var(--line-strong);animation:slide-up var(--t-base) cubic-bezier(.2,.8,.2,1);max-height:86vh;overflow-y:auto}.sheet-grabber{width:44px;height:5px;border-radius:var(--r-pill);background:var(--line-strong);margin:0 auto var(--space-md)}.sheet-title{font-size:var(--fs-lg);font-weight:700;margin-bottom:var(--space-md)}.list{display:flex;flex-direction:column;gap:var(--space-sm)}.list-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.list-item-tile{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--surface-hi);color:var(--gold)}.list-item-body{flex:1;min-width:0}.list-item-title{font-weight:700;font-size:var(--fs-md)}.list-item-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px}.list-item-meta{text-align:right;font-size:var(--fs-sm);color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:var(--space-sm)}.label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:600}.input,.select{height:48px;padding:0 var(--space-lg);border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface-alt);color:var(--text);font-size:var(--fs-md);outline:none}.input:focus,.select:focus{border-color:var(--gold)}.bottom-nav{display:flex;align-items:stretch;justify-content:space-around;background:var(--bg-alt);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom);min-height:calc(var(--nav-h) + var(--safe-bottom))}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-sm) 0;color:var(--text-dim);position:relative}.nav-item.active{color:var(--gold)}.nav-item .nav-ico{font-size:22px;line-height:1}.nav-item .nav-label{font-size:10px;font-weight:600;letter-spacing:.02em}.nav-badge{position:absolute;top:4px;right:50%;margin-right:-22px;min-width:16px;height:16px;padding:0 5px;border-radius:var(--r-pill);background:var(--gold);color:#2a1d05;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.nav-badge.danger{background:var(--danger);color:#fff}.toast-stack{position:fixed;left:50%;top:calc(16px + var(--safe-top));transform:translate(-50%);z-index:99;display:flex;flex-direction:column;gap:var(--space-sm);width:min(92vw,420px)}.toast{padding:var(--space-md) var(--space-lg);border-radius:var(--r-md);background:var(--surface-hi);border:1px solid var(--line-strong);font-weight:600;box-shadow:0 12px 32px -12px #00000080;animation:slide-down var(--t-base) ease}.toast.success{border-color:#37d9a480}.toast.danger{border-color:#f26c6c80}.toast.warning{border-color:#f5b34280}.divider{height:1px;background:var(--line);margin:var(--space-lg) 0}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-hi) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--r-md)}.empty-state{text-align:center;padding:var(--space-xxl) var(--space-lg);color:var(--text-muted)}.empty-state .emoji{font-size:48px;margin-bottom:var(--space-md);opacity:.7}.tag-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.kv{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;font-size:var(--fs-sm)}.kv .v{font-weight:600}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(40px)}}@keyframes slide-down{0%{transform:translateY(-12px);opacity:0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--gold-glow)}50%{box-shadow:0 0 0 12px transparent}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.float{animation:float 2.4s ease-in-out infinite}.pulse-glow{animation:pulse-glow 1.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*{animation-duration:0ms!important;transition-duration:0ms!important}}.canvas-wrap{position:relative;flex:1;min-height:0;display:flex;align-items:stretch;justify-content:stretch}canvas{display:block;width:100%;height:100%;touch-action:none}.hint{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.disclaimer{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--r-md);background:#f5b3421a;border:1px solid rgba(245,179,66,.3);font-size:var(--fs-sm);color:var(--text-muted)}.disclaimer .ico{font-size:18px}.prog{width:100%;height:8px;border-radius:var(--r-pill);background:#ffffff14;overflow:hidden}.prog>span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-soft),var(--gold));border-radius:inherit;transition:width var(--t-base) ease}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}html{color-scheme:dark}button:disabled{cursor:not-allowed;filter:none!important}summary{list-style:none}summary::-webkit-details-marker{display:none}::selection{background:#e7b95d47;color:var(--text)}body{background:radial-gradient(circle at 18% -12%,rgba(81,185,174,.14),transparent 34%),radial-gradient(circle at 100% 0%,rgba(231,185,93,.08),transparent 28%),var(--bg)}#app{background:linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%) 0 0 / 5px 5px,transparent}.app-shell{position:relative}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(120deg,transparent 0 49%,rgba(81,185,174,.08) 50%,transparent 51%);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 68%)}.page{width:min(100%,var(--content-width));margin:0 auto;position:relative;isolation:isolate;animation:page-in .26s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-scroll{padding:4px 20px calc(28px + var(--safe-bottom));scrollbar-width:thin;scrollbar-color:rgba(168,187,183,.25) transparent}.page-scroll::-webkit-scrollbar{width:4px}.page-scroll::-webkit-scrollbar-thumb{background:#a8bbb740;border-radius:999px}.page-scroll.no-nav{padding-bottom:calc(30px + var(--safe-bottom))}.icon{display:block;flex:0 0 auto}.topbar{position:relative;z-index:2;flex:0 0 auto;min-height:calc(64px + var(--safe-top));padding:calc(12px + var(--safe-top)) 20px 12px;background:#07151fd1;border-bottom:1px solid rgba(228,240,235,.08);backdrop-filter:blur(18px)}.topbar-title{font-size:17px;letter-spacing:-.01em}.topbar-eyebrow{color:var(--water);font-size:10px;font-weight:800;letter-spacing:.13em}.brand-header{min-height:calc(70px + var(--safe-top))}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(231,185,93,.42);border-radius:12px;color:var(--gold);background:linear-gradient(145deg,#e7b95d33,#51b9ae14);box-shadow:inset 0 1px #ffffff1a,0 8px 24px #00000029}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.025em}.brand-kicker{color:var(--text-dim);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.icon-btn{width:38px;height:38px;border-radius:12px;color:var(--text-muted);background:#ffffff09;border:1px solid rgba(228,240,235,.12);transition:background var(--t-fast) ease,color var(--t-fast) ease,transform var(--t-fast) ease}.icon-btn:hover,.icon-btn:focus-visible{color:var(--text);background:#ffffff17}.icon-btn:active{transform:scale(.94)}.btn{min-height:50px;padding:0 20px;border-radius:14px;font-size:14px;font-weight:800;letter-spacing:-.01em;box-shadow:none;transition:transform var(--t-fast) ease,filter var(--t-fast) ease,background var(--t-fast) ease,border-color var(--t-fast) ease}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}.btn-gold{color:#221c11;background:linear-gradient(135deg,#f0c878,#cc9848);box-shadow:0 10px 22px #cc98482e,inset 0 1px #ffffff59}.btn-ghost{color:var(--text);background:#ffffff09;border-color:#e4f0eb2b}.btn-danger{color:#ffd7d2;background:#ef8b8321;border-color:#ef8b8359}.btn-link{color:var(--water);font-weight:800}.btn-sm{min-height:38px;padding:0 13px;border-radius:11px;font-size:12px}.card,.card-row,.list-item{background:linear-gradient(145deg,#102a35f7,#0c222bf7);border-color:#e4f0eb1a;box-shadow:0 8px 24px #00000014}.card{border-radius:18px;padding:18px}.card-row,.list-item{border-radius:16px;padding:15px;transition:transform var(--t-fast) ease,border-color var(--t-fast) ease,background var(--t-fast) ease}button.card-row:hover,button.list-item:hover{border-color:#e7b95d59;background:linear-gradient(145deg,#183944fa,#0e2730fa)}button.card-row:active,button.list-item:active{transform:scale(.99)}.section-title{margin:24px 0 12px}.section-title h2{font-size:16px;letter-spacing:-.02em}.section-title h2:after{content:"";display:block;width:22px;height:2px;margin-top:6px;border-radius:2px;background:var(--gold)}.badge{min-height:24px;padding:4px 9px;border-color:#e4f0eb1f;background:#ffffff0b;font-size:10px;letter-spacing:.01em}.badge-gold{color:#f5d894;background:#e7b95d1f;border-color:#e7b95d4d}.badge-success{color:#9be4c4;background:#62d2a91c;border-color:#62d2a947}.badge-danger{color:#ffc1ba;background:#ef8b831a;border-color:#ef8b8347}.badge-event{color:#d6c7f6;background:#b495e81c;border-color:#b495e847}.chip{min-height:36px;padding:0 13px;border-radius:11px;border-color:#e4f0eb1c;background:#ffffff09;font-size:12px;font-weight:800;transition:color var(--t-fast) ease,background var(--t-fast) ease,border-color var(--t-fast) ease}.chip.active{color:#241d11;border-color:var(--gold);background:var(--gold)}.stat-label{color:var(--text-dim);font-size:10px;font-weight:800;letter-spacing:.1em}.stat-value{font-size:23px;letter-spacing:-.04em}.metric-card{min-height:82px}.energy-card{background:linear-gradient(135deg,#51b9ae1a,#102a35fa)!important}.list-item-tile{width:42px;height:42px;border-radius:13px;background:#51b9ae1a;color:var(--water)}.list-item-title{font-size:14px;letter-spacing:-.01em}.list-item-sub{color:var(--text-muted);font-size:12px}.list-item-meta{font-size:12px}.kv{min-height:32px;padding:7px 0}.kv .k{color:var(--text-muted)}.kv .v{color:var(--text);text-align:right}.energy-pips{gap:5px}.pip{width:18px;height:18px;border:none;background:#e4f0eb1a;font-size:0}.pip.filled{background:var(--gold);box-shadow:0 0 0 3px #e7b95d1f}.bottom-nav{position:relative;z-index:10;flex:0 0 auto;width:min(100%,var(--content-width));margin:0 auto;min-height:calc(72px + var(--safe-bottom));padding:6px 8px var(--safe-bottom);gap:3px;background:#081921eb;border:1px solid rgba(228,240,235,.1);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -12px 36px #0003;backdrop-filter:blur(20px)}.nav-item{min-width:0;gap:4px;padding:8px 3px;border-radius:14px;color:var(--text-dim);transition:color var(--t-fast) ease,background var(--t-fast) ease}.nav-item.active{color:var(--gold);background:#e7b95d1a}.nav-item .nav-ico{font-size:0;line-height:1}.nav-item .nav-label{font-size:10px;font-weight:800}.nav-badge{top:4px;right:50%;margin-right:-19px;min-width:15px;height:15px;background:var(--gold);box-shadow:0 0 0 3px #0a202a}.toast-stack{top:calc(18px + var(--safe-top));width:min(calc(100% - 32px),420px)}.toast{padding:13px 15px;border-radius:14px;background:#193b46f5;border-color:#e4f0eb29;box-shadow:var(--shadow-deep);font-size:13px}.scrim{background:#030c11b8;backdrop-filter:blur(7px)}.sheet{width:min(100%,640px);left:50%;right:auto;transform:translate(-50%);background:linear-gradient(160deg,#14323d,#0c242d);border:1px solid rgba(228,240,235,.14);border-bottom:0;box-shadow:var(--shadow-deep)}.sheet-grabber{width:36px;height:4px;background:#a8bbb759}.sheet-title{font-size:17px;letter-spacing:-.02em}.empty-state{padding:52px 24px;color:var(--text-muted)}.empty-state .emoji{font-size:36px;filter:saturate(.8)}.disclaimer{padding:13px 14px;border-radius:14px;background:#efb56814;border-color:#efb56833;font-size:12px}.hint{color:var(--text-muted);font-size:13px;line-height:1.6}.prog{height:5px;background:#e4f0eb1f}.prog>span{background:linear-gradient(90deg,var(--water),var(--gold))}.brand-header+.row-between{position:relative;z-index:1;margin:0 16px;padding:12px 0;border-bottom:1px solid rgba(228,240,235,.08)!important}.map-stats{min-height:48px}.map-stats .badge{white-space:nowrap}.map-stage{margin:12px 16px 0;min-height:0;overflow:hidden;border:1px solid rgba(81,185,174,.22);border-radius:22px;box-shadow:var(--shadow-deep),inset 0 0 50px #51b9ae14}.map-scene{border-radius:inherit}.map-legend{position:absolute;z-index:2;top:14px;left:14px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:calc(100% - 28px);padding:8px 10px;border:1px solid rgba(228,240,235,.12);border-radius:11px;background:#07151f9e;backdrop-filter:blur(10px);font-size:10px;color:var(--text-muted)}.map-legend-title{color:var(--text);font-size:9px;font-weight:900;letter-spacing:.1em}.map-legend-item{display:inline-flex;align-items:center;gap:4px}.map-dot{width:6px;height:6px;display:inline-block;border-radius:50%}.map-dot.available{background:var(--success)}.map-dot.event{background:var(--event)}.map-controls{bottom:14px!important;left:14px!important;right:14px!important;justify-content:space-between}.map-controls .btn{box-shadow:0 10px 22px #00000038}.streak-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.streak-summary{margin-bottom:14px;background:linear-gradient(135deg,#62d2a91c,#102a35fa)!important;border-color:#62d2a933!important}.streak-percent{color:var(--success);font-size:20px;font-weight:900;letter-spacing:-.04em}.streak-grid>.card,.streak-grid>.empty-state{grid-column:1 / -1}.streak-day{min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:7px;padding:10px 5px;text-align:center;border-radius:15px;background:#ffffff09;border:1px solid rgba(228,240,235,.1)}.streak-day.is-today{border-color:#e7b95db3!important;box-shadow:0 0 0 3px #e7b95d14}.streak-day.is-done{background:#62d2a917;border-color:#62d2a940!important}.streak-day.is-chest{background:#b495e81a}.streak-day .streak-number{color:var(--text-dim);font-size:10px;font-weight:800}.streak-day .streak-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:var(--gold);background:#e7b95d1f;font-size:15px;font-weight:900}.streak-day.is-done .streak-icon{color:#09231e;background:var(--success)}.streak-day .streak-label{color:var(--text-muted);font-size:9px;font-weight:800;line-height:1.15}.points-hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#e7b95d30,#51b9ae14)!important;border-color:#e7b95d3d!important}.points-hero:after{content:"";position:absolute;width:150px;height:150px;right:-48px;top:-62px;border:1px solid rgba(231,185,93,.18);border-radius:50%;box-shadow:0 0 0 16px #e7b95d09,0 0 0 32px #e7b95d06}.reward-card{align-items:stretch}.history-tabs{padding-bottom:2px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.history-tabs::-webkit-scrollbar{display:none}.history-list{padding-bottom:8px}.reward-value{color:var(--gold);font-weight:900;letter-spacing:-.03em}.rule-section{position:relative;overflow:hidden}.rule-section>.rule-heading{display:flex;align-items:center;gap:9px;margin-bottom:8px;font-size:14px;font-weight:850}.rule-heading:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #e7b95d1a}.faq-item{padding:16px;border-radius:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary .faq-plus{transform:rotate(45deg)}.faq-plus{transition:transform var(--t-fast) ease}.onboarding-shell{background:radial-gradient(circle at 50% 18%,rgba(81,185,174,.14),transparent 34%)}.onboarding-pages{padding:42px 24px 28px!important}.onboarding-visual{width:116px;height:116px;display:grid;place-items:center;border:1px solid rgba(231,185,93,.3);border-radius:34px;background:linear-gradient(145deg,#e7b95d29,#51b9ae14);box-shadow:0 22px 45px #0000002e,inset 0 1px #ffffff1a;font-size:47px!important}.onboarding-footer{width:min(100%,var(--content-width));margin:0 auto;padding:16px 20px calc(18px + var(--safe-bottom))!important;background:#07151fc7!important;border-top-color:#e4f0eb1a!important;backdrop-filter:blur(16px)}.splash-page{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(81,185,174,.14),transparent 34%)}.splash-mark{width:96px;height:96px;display:grid;place-items:center;border:1px solid rgba(231,185,93,.36);border-radius:30px;color:var(--gold);background:linear-gradient(145deg,#e7b95d2b,#51b9ae14);box-shadow:0 22px 55px #00000040,0 0 0 12px #e7b95d09}.splash-mark .icon{width:42px;height:42px;stroke-width:1.45}.chest-page .chest-panel{width:min(100%,420px);padding:24px;border:1px solid rgba(231,185,93,.2);border-radius:24px;background:radial-gradient(circle at 50% 60%,rgba(231,185,93,.12),transparent 60%),#ffffff06}.gameplay-hud{padding:calc(10px + var(--safe-top)) 16px 10px!important;background:#07151fb3;border-bottom:1px solid rgba(228,240,235,.08);backdrop-filter:blur(14px)}.beat-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px 16px 12px;background:#07151fad;border-bottom:1px solid rgba(228,240,235,.08)}.beat-step{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;color:var(--text-dim);transition:color var(--t-base) ease}.beat-step:before{content:"";height:3px;border-radius:999px;background:#e4f0eb1f;transition:background var(--t-base) ease,box-shadow var(--t-base) ease}.beat-step.active{color:var(--gold)}.beat-step.active:before{background:var(--gold);box-shadow:0 0 12px #e7b95d59}.beat-step.complete{color:var(--success)}.beat-step.complete:before{background:var(--success)}.beat-index{font-size:9px;font-weight:900;letter-spacing:.08em}.beat-name{overflow:hidden;font-size:10px;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.beat-caption{min-height:29px;padding:8px 16px 4px;color:var(--text-muted);background:#07151fad;font-size:11px;font-weight:700;text-align:center}.gameplay-timer{min-width:82px;padding:7px 12px;border:1px solid rgba(231,185,93,.24);border-radius:12px;background:#e7b95d14;text-align:center;font-variant-numeric:tabular-nums}.gameplay-hint{min-height:40px!important;color:var(--text-muted)}.gameplay-progress{margin:0 16px 14px!important}.countdown-page{background:radial-gradient(circle at 50% 22%,rgba(81,185,174,.17),transparent 40%)}.countdown-number{font-size:clamp(100px,27vw,156px)!important;font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 12px 50px rgba(231,185,93,.28)!important}.result-page{background:radial-gradient(circle at 50% 16%,rgba(231,185,93,.13),transparent 38%)}.result-hero{width:min(100%,390px);text-align:center;padding:28px!important;border-color:#e7b95d40!important}.location-hero{min-height:168px;display:flex;align-items:flex-end;background:linear-gradient(160deg,#51b9ae33,#e7b95d17)!important;border-color:#51b9ae33!important}.location-hero>div{width:100%}.safety-card{background:#efb5680e!important;border-color:#efb56829!important}.reward-hero,.confirm-hero{width:100%;border-color:#e7b95d3b!important;background:linear-gradient(145deg,#e7b95d24,#51b9ae0f)!important}.redeem-confirm-page .page-scroll>.card,.reward-hero{box-shadow:var(--shadow-soft)}.maintenance-page{background:radial-gradient(circle at 50% 30%,rgba(81,185,174,.12),transparent 38%)}.maintenance-page .btn{min-width:138px}.chest-rules{background:#b495e80f!important;border-color:#b495e82e!important}@media (min-width: 700px){.page-scroll{padding-left:28px;padding-right:28px}.bottom-nav{border-left:1px solid rgba(228,240,235,.1);border-right:1px solid rgba(228,240,235,.1)}}@media (max-width: 420px){.page-scroll{padding-left:16px;padding-right:16px}.streak-grid{gap:4px}.streak-day{min-height:94px;padding-left:3px;padding-right:3px}.streak-day .streak-label{font-size:8px}}