:root{--bg-primary: #0b0f17;--bg-secondary: #111726;--bg-elev: #161d2e;--bg-card: rgba(22, 28, 44, .72);--bg-card-hover: rgba(30, 38, 60, .85);--text-primary: #f2f5fa;--text-secondary: #9aa6bf;--text-muted: #5e6a85;--accent-green: #2ee59d;--accent-red: #ff5470;--accent-blue: #4da3ff;--accent-gold: #f5c044;--accent-purple: #a06bff;--green-soft: rgba(46, 229, 157, .12);--red-soft: rgba(255, 84, 112, .11);--blue-soft: rgba(77, 163, 255, .12);--gold-soft: rgba(245, 192, 68, .14);--purple-soft: rgba(160, 107, 255, .16);--border-soft: rgba(140, 160, 200, .14);--border-mid: rgba(140, 160, 200, .26);--shadow-card: 0 8px 28px rgba(0, 0, 0, .45);--shadow-pop: 0 18px 50px rgba(0, 0, 0, .55);--shadow-glow-green: 0 10px 30px rgba(46, 229, 157, .28);--gradient-premium: linear-gradient(135deg, #f5c044 0%, #ff7a45 100%);--gradient-trusted: linear-gradient(135deg, #2ee59d 0%, #19b8c4 100%);--gradient-danger: linear-gradient(135deg, #ff5470 0%, #ff2e4c 100%);--gradient-verified: linear-gradient(135deg, #4da3ff 0%, #7a5cff 100%);--gradient-boost: linear-gradient(135deg, #a06bff 0%, #6d5cff 100%);--radius-card: 18px;--radius-button: 12px;--radius-pill: 999px;--game-from: #4da3ff;--game-to: #a06bff;--font-display: "Sora", -apple-system, "SF Pro Display", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--nav-h: 62px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--spring: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:radial-gradient(130% 62% at 50% -12%,rgba(77,163,255,.12),transparent 60%),radial-gradient(90% 50% at 100% 0%,rgba(160,107,255,.07),transparent 55%),var(--bg-primary);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.45;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}::selection{background:#2ee59d47}button,input,textarea,select{font:inherit;color:inherit}a,.link{color:var(--accent-blue);text-decoration:none}.link{font-weight:600}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.02em;margin:0}h1{font-size:22px;font-weight:800}h2{font-size:17px;font-weight:700}.num{font-variant-numeric:tabular-nums}.shell{min-height:100%;display:flex;flex-direction:column}.shell-header{position:sticky;top:0;z-index:30;padding:calc(12px + var(--safe-t)) 16px 10px;background:#0b0f17d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.shell-header h1{display:flex;align-items:center;gap:8px}.shell-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--game-from),var(--game-to),transparent);opacity:.7}.shell-main{flex:1;padding:14px 14px calc(var(--nav-h) + var(--safe-b) + 22px)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:#0b0f17e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-soft)}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:var(--text-muted);font-size:10.5px;font-weight:600;padding:6px 0;transition:color .18s ease}.nav-item.active{color:var(--text-primary)}.nav-item.active:before{content:"";position:absolute;top:-1px;width:22px;height:3px;border-radius:3px;background:var(--gradient-trusted);box-shadow:0 2px 10px #2ee59d80}.nav-item .ico{font-size:20px;line-height:1;transition:transform .2s var(--spring)}.nav-item.active .ico{transform:translateY(-1px) scale(1.08)}.nav-create{width:50px;height:50px;margin-top:-22px;justify-self:center;border-radius:17px;border:0;background:var(--gradient-trusted);color:#06251a;font-size:27px;font-weight:800;box-shadow:var(--shadow-glow-green);transition:transform .15s var(--spring)}.nav-create:active{transform:scale(.92) rotate(90deg)}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card.pressable{transition:transform .12s ease,background .15s ease,border-color .15s ease;cursor:pointer}.card.pressable:active{transform:scale(.98);background:var(--bg-card-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-button);padding:12px 16px;font-weight:700;font-size:14px;background:var(--bg-card-hover);color:var(--text-primary);transition:transform .12s ease,opacity .15s ease,filter .15s ease;cursor:pointer;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--gradient-trusted);color:#06251a}.btn.danger{background:var(--gradient-danger);color:#fff}.btn.gold{background:var(--gradient-premium);color:#3a2400}.btn.purple{background:var(--gradient-boost);color:#fff}.btn.blue{background:var(--gradient-verified);color:#fff}.btn.ghost{background:transparent;border:1px solid var(--border-soft)}.btn.ghost:active{background:var(--bg-secondary)}.btn.block{width:100%}.btn.sm{padding:8px 12px;font-size:13px;border-radius:10px}.btn.lg{padding:15px 18px;font-size:15px}.input,.textarea,.select{width:100%;background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-button);padding:12px 14px;color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #4da3ff29}.textarea{resize:vertical;min-height:74px}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-pill);background:var(--bg-secondary);border:1px solid var(--border-soft);color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease,color .15s ease}.chip:active{transform:scale(.95)}.chip.on{color:var(--text-primary);border-color:var(--accent-blue);background:var(--blue-soft)}.chip.hot-chip.on{border-color:var(--accent-gold);background:var(--gold-soft);color:var(--accent-gold)}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chip-row::-webkit-scrollbar{display:none}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:7px;text-transform:uppercase}.badge.boost{background:var(--purple-soft);color:var(--accent-purple)}.badge.gold{background:var(--gradient-premium);color:#3a2400}.badge.trusted{background:var(--green-soft);color:var(--accent-green)}.badge.new{background:var(--blue-soft);color:var(--accent-blue)}.badge.risk{background:#ff54702e;color:var(--accent-red)}.badge.hot{background:var(--gold-soft);color:var(--accent-gold)}.badge.verified{background:var(--blue-soft);color:var(--accent-blue)}.offer-card{padding:14px;position:relative;overflow:hidden}.offer-card.boosted{border-color:#a06bff80}.offer-card.boosted:before{content:"";position:absolute;inset:-40% -20% auto;height:120px;pointer-events:none;background:radial-gradient(60% 100% at 50% 0%,rgba(160,107,255,.22),transparent 70%)}.offer-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.offer-head .game{font-family:var(--font-display);font-weight:700;font-size:13.5px}.offer-head .time{margin-left:auto;color:var(--text-muted);font-size:12px}.equation{display:grid;grid-template-columns:1fr 34px 1fr;gap:8px;align-items:stretch}.eq-col{border-radius:12px;padding:9px 10px;min-height:58px}.eq-col .eq-label{font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:5px}.eq-col.have{background:#2ee59d14;border:1px solid rgba(46,229,157,.22)}.eq-col.have .eq-label{color:var(--accent-green)}.eq-col.want{background:#ff547012;border:1px solid rgba(255,84,112,.2)}.eq-col.want .eq-label{color:var(--accent-red)}.eq-item{font-size:13px;font-weight:600;display:flex;gap:5px;align-items:center;margin-top:3px}.eq-item .qty{color:var(--text-muted);font-size:11.5px}.eq-swap{align-self:center;justify-self:center;width:30px;height:30px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--bg-secondary);border:1px solid var(--border-soft);color:var(--text-secondary);font-size:15px}.offer-foot{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.offer-foot .expires{margin-left:auto;font-size:11.5px;color:var(--text-muted)}.trust{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 5px;border-radius:var(--radius-pill);background:var(--bg-secondary);border:1px solid var(--border-soft);font-size:12px;font-weight:700}.trust .dot{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;font-size:10.5px;font-weight:800;color:#06251a;background:var(--gradient-trusted)}.trust.low .dot{background:var(--bg-card-hover);color:var(--text-secondary)}.trust.risk .dot{background:var(--gradient-danger);color:#fff}.item-tile{display:inline-flex;align-items:center;gap:8px;min-width:0}.item-mono,.item-ico{width:26px;height:26px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:11px;font-family:var(--font-display);color:#0b0f17;letter-spacing:-.02em;overflow:hidden}.item-ico{object-fit:cover;background:var(--bg-secondary)}.item-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{border-radius:var(--radius-pill);flex-shrink:0;display:grid;place-items:center;overflow:hidden;font-family:var(--font-display);font-weight:800;color:#0b0f17;background:var(--gradient-verified);position:relative}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.ring{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent-gold)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;padding:11px 10px;text-align:center}.stat .stat-v{font-family:var(--font-display);font-weight:800;font-size:18px}.stat .stat-l{font-size:10.5px;color:var(--text-muted);margin-top:2px;font-weight:600;letter-spacing:.02em}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;border-radius:14px;border:1px solid var(--border-soft);background:var(--bg-card);color:var(--text-secondary);font-size:11px;font-weight:700;cursor:pointer;transition:transform .12s ease,border-color .15s ease}.quick:active{transform:scale(.95)}.quick .q-ico{font-size:21px}.hero{position:relative;overflow:hidden;border-radius:var(--radius-card);padding:16px;background:radial-gradient(120% 120% at 100% 0%,rgba(160,107,255,.18),transparent 55%),linear-gradient(135deg,#4da3ff1f,#2ee59d0f);border:1px solid var(--border-mid)}.hero-row{display:flex;align-items:center;gap:13px}.hero-hi{font-size:12.5px;color:var(--text-secondary);font-weight:600}.hero-name{font-family:var(--font-display);font-weight:800;font-size:19px;line-height:1.1}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:13px;padding:3px;gap:3px;position:relative}.segmented button{border:0;background:transparent;color:var(--text-secondary);font-weight:700;font-size:13px;padding:8px 6px;border-radius:10px;cursor:pointer;transition:color .18s ease;z-index:1;white-space:nowrap}.segmented button.on{color:var(--text-primary)}.segmented button.on.seg-green{color:#06251a}.segmented button.on.seg-red{color:#fff}.seg-thumb{position:absolute;top:3px;bottom:3px;border-radius:10px;z-index:0;background:var(--bg-card-hover);transition:transform .26s var(--spring),width .26s var(--spring),background .2s ease;box-shadow:0 4px 14px #0000004d}.seg-thumb.green{background:var(--gradient-trusted)}.seg-thumb.red{background:var(--gradient-danger)}.switch{width:46px;height:28px;border-radius:var(--radius-pill);flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--border-soft);position:relative;cursor:pointer;transition:background .2s ease,border-color .2s ease}.switch.on{background:var(--gradient-trusted);border-color:transparent}.switch .knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:var(--radius-pill);background:#fff;box-shadow:0 2px 6px #0006;transition:transform .22s var(--spring)}.switch.on .knob{transform:translate(18px)}.progress-track{position:relative;height:8px;border-radius:var(--radius-pill);background:var(--bg-secondary);overflow:hidden}.progress-fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);background:var(--gradient-trusted);transition:width .6s var(--ease-out)}.ladder-track{display:flex;align-items:center;gap:0;margin-top:12px}.ladder-node{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.ladder-node:before{content:"";position:absolute;top:8px;left:-50%;width:100%;height:2px;background:var(--border-soft);z-index:0}.ladder-node:first-child:before{display:none}.ladder-node.done:before{background:var(--accent-green)}.ladder-dot{width:18px;height:18px;border-radius:var(--radius-pill);background:var(--bg-secondary);border:2px solid var(--border-mid);z-index:1;display:grid;place-items:center;font-size:9px}.ladder-node.done .ladder-dot{background:var(--gradient-trusted);border-color:transparent;color:#06251a}.ladder-node.current .ladder-dot{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--gold-soft)}.ladder-label{font-size:8.5px;color:var(--text-muted);text-align:center;font-weight:700}.ladder-node.current .ladder-label{color:var(--accent-gold)}.rating{display:inline-flex;gap:2px}.rating .star{font-size:13px;filter:grayscale(1) opacity(.4)}.rating .star.full{filter:none}.balance-bar{display:flex;height:8px;border-radius:var(--radius-pill);overflow:hidden;background:var(--bg-secondary)}.balance-bar .bh{background:var(--accent-green);transition:width .5s var(--ease-out)}.balance-bar .bw{background:var(--accent-red);transition:width .5s var(--ease-out)}.sheet-backdrop{position:fixed;inset:0;z-index:80;background:#04060c9e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade .2s ease;display:flex;align-items:flex-end}.sheet{width:100%;background:var(--bg-elev);border-top-left-radius:22px;border-top-right-radius:22px;border-top:1px solid var(--border-mid);box-shadow:var(--shadow-pop);padding:8px 16px calc(18px + var(--safe-b));animation:sheet-up .3s var(--spring);max-height:86vh;overflow-y:auto}.sheet-handle{width:40px;height:4px;border-radius:4px;background:var(--border-mid);margin:6px auto 12px}.sheet-title{font-family:var(--font-display);font-weight:800;font-size:17px;margin-bottom:4px}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wiz-steps{display:flex;gap:6px;margin-bottom:4px}.wiz-step{flex:1;height:4px;border-radius:4px;background:var(--bg-secondary);overflow:hidden}.wiz-step .wf{display:block;height:100%;width:0;background:var(--gradient-trusted);transition:width .4s var(--ease-out)}.wiz-step.done .wf,.wiz-step.active .wf{width:100%}.wiz-step.active .wf{background:var(--gradient-verified)}.wiz-footer{position:sticky;bottom:calc(var(--nav-h) + var(--safe-b));margin:8px -14px 0;padding:12px 14px;background:linear-gradient(0deg,var(--bg-primary) 55%,transparent);display:flex;gap:10px}.sk{position:relative;overflow:hidden;background:var(--bg-secondary);border-radius:10px}.sk:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%);animation:shimmer 1.3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.section-title{display:flex;align-items:baseline;gap:8px;margin:18px 2px 10px}.section-title .more{margin-left:auto;font-size:13px;color:var(--accent-blue);font-weight:600;background:none;border:0;cursor:pointer}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:10px}.muted{color:var(--text-secondary)}.tiny{font-size:12px;color:var(--text-muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.divider{height:1px;background:var(--border-soft);margin:4px 0;border:0}.empty{text-align:center;padding:34px 18px;color:var(--text-secondary)}.empty .glyph{font-size:40px;margin-bottom:8px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.score-ring{position:relative;width:46px;height:46px;flex-shrink:0}.score-ring svg{transform:rotate(-90deg)}.score-ring .val{position:absolute;inset:0;display:grid;place-items:center;font-size:12.5px;font-weight:800;font-family:var(--font-display)}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + 16px);transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--bg-elev);border:1px solid var(--border-mid);border-radius:13px;padding:10px 15px;font-weight:600;font-size:13.5px;box-shadow:var(--shadow-pop);z-index:100;max-width:88vw}.toast-ico{font-size:15px}.toast-success{border-color:#2ee59d66}.toast-error{border-color:#ff547073}.toast-info{border-color:var(--border-mid)}.confetti{position:fixed;inset:0;pointer-events:none;z-index:95;overflow:hidden}.confetti i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(104vh) rotate(640deg);opacity:.9}}.fade-in{animation:fade .25s ease}.pop-in{animation:pop .28s var(--spring)}.page{animation:page-in .28s var(--ease-out)}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}@keyframes pop{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.96)}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.confetti{display:none!important}}