:root{--gold:#fbbf24;--gold-light:#fcd34d;--gold-dim:rgba(251,191,36,0.15);--border-gold:rgba(251,191,36,0.28);--bg-deep:#080910;--bg-card:#0d0e1a;--bg-card2:#11122a;--text-warm:#ddd3ba;--text-muted2:#6b6355}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg-deep);color:var(--text-warm);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;min-height:100dvh;overscroll-behavior:none}.app{max-width:480px;margin:0 auto;padding:12px 12px 85px}.boot{display:grid;place-items:center;height:100dvh}.topbar{justify-content:space-between;padding:8px 4px;border-bottom:1px solid var(--border-gold)}.brand,.topbar{display:flex;align-items:center}.brand{flex-direction:row;gap:6px;line-height:1.2;flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.2}.topbar-home{font-size:15px;text-decoration:none;opacity:.55;transition:opacity .15s;flex-shrink:0}.topbar-home:hover{opacity:1}.brand-main{font-size:16px;font-weight:900;color:var(--gold);letter-spacing:.06em}.brand-sub{font-size:10px;font-weight:400;color:#94a3b8;letter-spacing:.08em}.currency{display:flex;gap:8px;font-size:13px;align-items:center;min-width:0;flex-shrink:1}.currency span{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.hero{margin-top:12px}.hero-card{background:linear-gradient(135deg,#0d0f1e,#090a16);border:1px solid var(--border-gold);border-radius:12px;padding:12px 14px;position:relative;overflow:hidden}.hero-name{font-weight:700;margin-bottom:8px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;row-gap:4px}.hero-bar{position:relative;background:#0f172a;height:14px;border-radius:7px;overflow:hidden;margin-bottom:8px;border:1px solid #334155}.hero-bar-fill{position:absolute;inset:0;background:linear-gradient(90deg,#a87820,#d4a017);transition:width .3s}.hero-bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#fff;text-shadow:0 0 3px #000}.hero-stats{display:flex;align-items:center;font-size:13px;gap:6px;flex-wrap:wrap}.hero-stats b{color:var(--gold);margin-right:2px;font-weight:600}.hero-stat-actions{display:flex;gap:4px;margin-left:auto;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.hero-icon-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 6px;font-size:15px;background:rgba(20,15,5,.8);border:1px solid var(--border-gold);border-radius:8px;line-height:1;cursor:pointer;color:var(--gold);transition:all .15s}.hero-icon-label{font-size:9px;font-weight:700;color:#cbd5e1}.hero-icon-btn:hover{background:var(--gold-dim)}.tabs{display:none;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:12px}.tab{padding:10px 4px;background:#1f2937;border:1px solid #374151;color:#d1d5db;border-radius:8px;font-size:14px;cursor:pointer;transition:all .15s}.tab:hover{background:#374151}.tab-active{background:#2563eb;border-color:#3b82f6;color:#fff;font-weight:700}.panel{margin-top:14px;padding:14px;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:12px}.panel h2{margin:0 0 10px;font-size:17px;color:var(--gold)}.panel h3{margin:14px 0 8px;font-size:14px;color:#8a7f6e}.lead{font-style:italic;color:var(--gold-light)}.howto{padding-left:20px;line-height:1.8;font-size:14px;color:#b0a890}.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.btn{padding:9px 14px;background:#160f04;border:1px solid rgba(212,160,23,.4);border-radius:8px;color:#c8b87e;cursor:pointer;font-size:14px;transition:all .15s}.btn:hover{background:#22180a}.btn-primary,.btn:hover{border-color:var(--gold)}.btn-primary{background:linear-gradient(135deg,#b87d0a,#e8c84a);color:#080600;font-weight:700}.btn-primary:hover{filter:brightness(1.1)}.btn-danger{background:#7f1d1d;border-color:#991b1b}.btn-danger:hover{background:#991b1b}.btn-mini{padding:5px 10px;font-size:12px}.quest-grid{display:flex;flex-direction:column;gap:10px}.quest-card{padding:12px;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:8px}.quest-name{font-weight:700;margin-bottom:4px}.quest-monster,.quest-reward{font-size:13px;color:#8a7f6e}.quest-card .btn{margin-top:8px;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerSweep{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}to{transform:translateX(100%)}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 4px #ef4444);opacity:.9}50%{filter:drop-shadow(0 0 16px #dc2626);opacity:1}}@keyframes bossPulse{0%,to{box-shadow:0 0 8px rgba(251,191,36,.15)}50%{box-shadow:0 0 20px rgba(251,191,36,.35)}}@keyframes shimmerBanner{0%,to{opacity:.9}50%{opacity:1;filter:brightness(1.15)}}@keyframes skillFlashAnim{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(1.08)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes endFlashAnim{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.14)}45%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.rate{font-size:12px;color:#94a3b8;background:#0f172a;padding:8px;border-radius:6px;margin-bottom:10px;line-height:1.6}.pull-results{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:12px}.pull-card{padding:8px;background:#0f172a;border:2px solid;border-radius:8px;animation:pop .4s ease-out}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.pull-rarity{font-weight:800;font-size:12px}.pull-name{font-size:13px;margin:2px 0}.pull-stats{font-size:11px;color:#cbd5e1}.equipped-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.equipped-slot{padding:8px;background:#0f172a;border:1px solid #334155;border-radius:8px;font-size:12px;display:flex;flex-direction:column;gap:4px;min-height:80px}.slot-label{color:#94a3b8;font-size:11px}.muted{color:#6b7280;font-size:12px}.inv-list{display:flex;flex-direction:column;gap:8px}.inv-card{padding:10px;background:#0f172a;border-left:4px solid;border-radius:6px;font-size:13px}.inv-card .row{margin-top:6px}.inv-stats{font-size:12px;color:#cbd5e1;margin-top:2px}.badge{margin-left:6px;padding:1px 6px;background:#2563eb;border-radius:4px;font-size:10px;vertical-align:middle}.toast{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom, 0px));left:50%;transform:translateX(-50%);background:#1e293b;border:1px solid #475569;padding:10px 18px;border-radius:24px;font-size:13px;z-index:100;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.foot{text-align:center;font-size:11px;color:#4b5563;margin-top:20px;padding-bottom:20px}.stamina-row{background:#0f172a;border:1px solid #334155;padding:8px 10px;border-radius:8px;font-size:13px;color:#cbd5e1;margin-bottom:10px}.qmoji{font-size:18px;margin-right:4px}.battle{margin-top:14px;padding:14px;background:linear-gradient(180deg,#1e1b4b,#0f172a);border:2px solid #6366f1;border-radius:12px;box-shadow:0 0 24px rgba(99,102,241,.25)}.battle-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#c7d2fe;margin-bottom:10px}.battle-arena{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:6px;gap:6px;padding:14px 4px 10px;position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(99,102,241,.18);background:radial-gradient(ellipse 130% 70% at 50% 4%,rgba(99,102,241,.18),transparent 62%),linear-gradient(180deg,#0f1130,#14152e 56%,#1c1730 56.6%,#241a32);box-shadow:inset 0 -18px 42px rgba(0,0,0,.5),inset 0 12px 30px rgba(99,102,241,.08)}.battle-arena:after{content:"";position:absolute;left:0;right:0;top:56.3%;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.45),transparent);pointer-events:none}.hero,.mob{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.dmg-float-layer{position:absolute;left:0;right:0;top:0;bottom:40%;pointer-events:none;z-index:30}.dmg-float{position:absolute;top:30%;font-weight:900;font-size:26px;line-height:1;color:#fde68a;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.6);animation:dmgFloat .85s ease-out forwards;white-space:nowrap}.dmg-float.dmg-crit{font-size:36px;color:#fca5a5;text-shadow:0 0 14px rgba(239,68,68,.95),0 2px 6px rgba(0,0,0,.9)}.dmg-float.dmg-player{font-size:24px;color:#fca5a5;text-shadow:0 0 12px rgba(239,68,68,.8),0 2px 6px rgba(0,0,0,.9)}@keyframes dmgFloat{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}18%{opacity:1;transform:translate(-50%,-2px) scale(1.18)}42%{transform:translate(-50%,-12px) scale(1)}to{opacity:0;transform:translate(-50%,-38px) scale(.92)}}.hero-emoji,.mob-emoji{font-size:56px;line-height:1;filter:drop-shadow(0 4px 0 rgba(0,0,0,.4));animation:bounce 1.2s ease-in-out infinite}.hero-emoji{animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.shake{animation:shakeX .28s linear!important}@keyframes shakeX{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.mob-name{font-size:11px;color:#e0e7ff;font-weight:700}.bar{position:relative;width:100%;max-width:200px;height:17px;background:#1e293b;border:1px solid #334155;border-radius:6px;overflow:hidden;margin:1px auto}.bar-fill{position:absolute;inset:0;transition:width .3s}.bar-enemy .bar-fill{background:linear-gradient(90deg,#ef4444,#f97316)}.bar-hero .bar-fill{background:linear-gradient(90deg,#22c55e,#84cc16)}.bar-sp .bar-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000}.plan{margin-top:4px;background:#312e81;border:1px solid #6366f1;padding:3px 8px;border-radius:12px;font-size:11px;color:#ddd6fe}.vs{font-weight:800;color:#fbbf24;font-size:14px}.battle-log{margin-top:8px;padding:8px 10px;background:#0b1227;border:1px solid #1e293b;border-radius:6px;font-size:12px;min-height:70px;color:#cbd5e1;line-height:1.6}.battle-log>div{animation:slideIn .18s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-top:10px}.action{padding:10px 6px;background:#1f2937;border:1px solid #374151;border-radius:8px;color:#e5e7eb;cursor:pointer;text-align:left;transition:all .12s}.action:hover:not(:disabled){background:#374151;border-color:#6366f1;transform:translateY(-1px)}.action:disabled{opacity:.4;cursor:not-allowed}.action-emoji{font-size:22px}.action-name{font-weight:700;font-size:13px}.action-desc{font-size:11px;color:#94a3b8;margin-top:2px}.action-super{background:linear-gradient(135deg,#7f1d1d,#b91c1c);border-color:#f87171}.action-super:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626)}.qte{margin-top:10px;padding:14px;background:#1e1b4b;border:2px solid #fbbf24;border-radius:8px;text-align:center}.qte-label{font-weight:700;color:#fbbf24;margin-bottom:10px;font-size:13px}.qte-track{position:relative;height:56px;background:#0b1227;border-radius:12px;overflow:hidden;margin-bottom:8px;border:2px solid #6366f1;box-shadow:0 0 12px rgba(99,102,241,.3)}.qte-zone{position:absolute;top:0;bottom:0}.qte-zone-good{left:25%;right:25%;background:rgba(34,197,94,.25)}.qte-zone-great{left:38%;right:38%;background:rgba(251,191,36,.45)}.qte-cursor{position:absolute;top:0;bottom:0;width:6px;background:#fff;box-shadow:0 0 12px #fff,0 0 4px #fff;transform:translateX(-50%)}.qte-btn{width:100%;font-size:16px;padding:12px}.tabs-6{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}.tabs-6 .tab{padding:8px 4px;font-size:13px}.world-block{margin-bottom:14px}.world-title{margin:8px 0 6px;font-size:14px;color:#fbbf24;border-left:3px solid #fbbf24;padding-left:8px}.stage-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.stage-cell{padding:8px 4px;background:#0f172a;border:1px solid #334155;border-radius:8px;text-align:center;font-size:11px;display:flex;flex-direction:column;gap:4px;align-items:center}.stage-cell.boss{background:linear-gradient(180deg,#4c1d95,#1e1b4b);border-color:#c084fc}.stage-cell.cleared{border-color:#22c55e}.stage-id{font-weight:700;color:#fbbf24;font-size:11px}.stage-emoji{font-size:30px;line-height:1}.stage-name{font-size:11px}.stage-rec{font-size:10px;padding:1px 6px;border-radius:8px}.rec-ok{background:#14532d;color:#bbf7d0}.rec-warn{background:#78350f;color:#fed7aa}.rec-danger{background:#7f1d1d;color:#fecaca}.next-objective-cta{width:100%;display:flex;align-items:center;gap:10px;margin:12px 0;padding:11px 14px;background:linear-gradient(135deg,#0f2a4a,#14532d);border:1px solid var(--border-gold);border-radius:12px;cursor:pointer;text-align:left;transition:transform .12s,border-color .12s,box-shadow .12s}.next-objective-cta:hover{transform:translateY(-1px);border-color:var(--gold);box-shadow:0 4px 14px rgba(212,160,23,.25)}.next-objective-cta:active{transform:translateY(0)}.noc-label{flex-shrink:0;font-size:10px;font-weight:900;letter-spacing:.12em;color:#0b1020;background:var(--gold);padding:3px 8px;border-radius:6px}.noc-main{flex:1 1;min-width:0;font-size:13px;color:#e0e7ff;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.noc-main b{color:var(--gold-light)}.noc-rec{font-size:11px;font-weight:800}.noc-go{flex-shrink:0;font-size:18px;color:var(--gold)}.stage-reward{font-size:10px;color:#94a3b8}.stage-cell .btn{padding:4px 6px;font-size:11px;width:100%}.unlock-job{padding:6px 10px;background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#1f2937;border-radius:4px}.first-clear-bonus,.unlock-job{margin-top:6px;font-weight:700;font-size:13px}.first-clear-bonus{padding:8px 10px;background:linear-gradient(90deg,#4c1d95,#7c3aed);color:#f5d0fe;border-radius:6px;border:1px solid #c084fc;box-shadow:0 0 10px rgba(192,132,252,.4)}.job-list{display:flex;flex-direction:column;gap:8px}.job-card{padding:10px;background:#0f172a;border:1px solid #334155;border-radius:8px;font-size:13px}.job-card.job-active{border-color:#fbbf24;background:linear-gradient(180deg,#1e1b4b,#0f172a)}.job-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.job-emoji{font-size:24px}.job-name{font-weight:700;font-size:15px}.job-desc{font-size:12px;color:#94a3b8}.job-stats{font-size:12px;color:#fbbf24;margin-top:4px}.job-skill{margin-top:6px;padding:6px 8px;background:#1e1b4b;border-left:3px solid #c084fc;font-size:11px;border-radius:4px}.action-job{margin-top:6px;width:100%;display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#312e81,#581c87);border:1px solid #c084fc;padding:10px 12px;border-radius:8px;color:#f5d0fe;cursor:pointer;font-size:13px}.action-job:disabled{opacity:.4;cursor:not-allowed}.book-section{margin-bottom:12px}.book-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px}.book-card{padding:6px 2px;background:#0f172a;border:2px solid;border-radius:6px;text-align:center;font-size:11px;min-height:56px}.book-card.unseen{filter:grayscale(1) brightness(.6);opacity:.5}.book-rar{font-weight:800;font-size:11px}.book-name{font-size:10px;margin-top:2px;line-height:1.2}.pull-overlay{z-index:200;display:grid;place-items:center;overflow:hidden}.pull-flash{position:absolute;inset:0;pointer-events:none;animation:flashIn .6s ease-out}.anim-n .pull-flash{background:radial-gradient(circle at center,rgba(156,163,175,.3),transparent 60%)}.anim-r .pull-flash{background:radial-gradient(circle at center,rgba(59,130,246,.45),transparent 60%)}.anim-sr .pull-flash{background:radial-gradient(circle at center,rgba(168,85,247,.55),transparent 60%);animation:flashShake .6s}.anim-ssr .pull-flash{background:radial-gradient(circle at center,rgba(245,158,11,.7),transparent 60%);animation:flashGold .7s}.anim-ur .pull-flash{background:radial-gradient(circle at center,rgba(239,68,68,.85),transparent 70%);animation:flashUR 1s}@keyframes flashIn{0%{opacity:0}to{opacity:1}}@keyframes flashShake{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes flashGold{0%,to{opacity:1}20%{opacity:.4}40%{opacity:1}}@keyframes flashUR{0%{opacity:0}10%{opacity:1}30%{opacity:.5}50%{opacity:1}70%{opacity:.5}to{opacity:1}}.pull-stage{z-index:2;animation:itemReveal .5s ease-out}@keyframes itemReveal{0%{transform:scale(.3) rotate(-15deg);opacity:0}60%{transform:scale(1.15) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.pull-emoji{font-size:96px;filter:drop-shadow(0 0 16px currentColor)}.pull-rarity-big{font-size:56px;font-weight:900;letter-spacing:.05em;text-shadow:0 0 12px currentColor;margin:8px 0}.anim-ssr .pull-rarity-big,.anim-ur .pull-rarity-big{animation:rarityPulse .6s ease-in-out 4 alternate}@keyframes rarityPulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.pull-item-name{font-size:18px;color:#fff;font-weight:700}.pull-stat{font-size:13px;color:#cbd5e1;margin-top:4px}.pull-hint{position:absolute;bottom:30px;left:0;right:0;text-align:center;color:#94a3b8;font-size:13px;z-index:2}.pull-summary{background:#111827;border:1px solid #475569;border-radius:12px;padding:18px;max-width:90vw;text-align:center}.pull-summary h3{margin:0 0 12px}.pull-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px;margin-bottom:12px}.pull-mini{padding:6px 2px;border:2px solid;border-radius:6px;background:#0f172a;font-size:10px;min-height:50px}.tabs-6{grid-template-columns:repeat(4,1fr)}@media (max-width:380px){.tabs-6{grid-template-columns:repeat(4,1fr)}.tabs-6 .tab{font-size:11px;padding:6px 2px}}.login-bonus-info{text-align:center;padding:10px;margin:10px 0;background:linear-gradient(135deg,#18110a,#201508);border:1px solid rgba(212,160,23,.4);border-radius:8px;color:var(--gold);font-size:13px;font-weight:600}.modal-backdrop,.overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:300;display:grid;place-items:center}.modal-backdrop{padding:16px;box-sizing:border-box;overflow-y:auto}.modal{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;width:100%;max-height:90vh;overflow-y:auto;color:#e2e8f0;animation:popIn .25s ease-out}.modal h3{margin:0 0 12px;font-size:16px}.login-modal{background:linear-gradient(180deg,#fbbf24,#b45309);color:#1f2937;padding:24px 30px;border-radius:14px;text-align:center;border:3px solid #fff;box-shadow:0 0 40px rgba(251,191,36,.5);animation:popIn .4s ease-out}@keyframes popIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.login-modal h3{margin:0 0 12px}.login-rewards{display:flex;justify-content:center;gap:18px;margin:12px 0;font-size:22px;font-weight:800}.job-cat-block{margin-bottom:14px}.job-cat-title{font-size:13px;margin:8px 0 4px;color:#e0e7ff;border-left:3px solid #6366f1;padding-left:8px}.job-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px}.job-mini{padding:8px;background:#0f172a;border:1px solid #334155;border-radius:8px;cursor:pointer;transition:all .15s;font-size:11px}.job-mini:hover:not(.job-locked):not(.job-active){border-color:#6366f1;background:#1e293b}.job-mini.job-active{border-color:#fbbf24;background:linear-gradient(180deg,#1e1b4b,#0f172a)}.job-mini.job-locked{opacity:.55;cursor:not-allowed;background:#0a0e1f}.job-mini-head{display:flex;align-items:flex-start;gap:8px}.job-mini-head img{border-radius:6px;background:rgba(255,255,255,.04)}.job-mini-emoji{font-size:18px}.job-mini-name{font-weight:700;font-size:12px}.job-mini-stats{font-size:10px;color:#94a3b8;margin-top:4px}.job-mini-skill{font-size:10px;color:#c084fc;margin-top:2px}.job-mini-active{font-size:10px;color:#fbbf24;font-weight:700;margin-top:2px}.job-mini-lock{font-size:11px;color:#64748b;margin-top:4px}.costume-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.costume-card{padding:8px 4px;background:#0f172a;border:2px solid;border-radius:8px;text-align:center;font-size:11px}.costume-card .btn{width:100%;margin-top:4px}.book-sub{font-size:12px;color:#94a3b8;margin:4px 0}.market-coming{text-align:center;padding:20px}.market-coming h3{color:#fbbf24;margin:10px 0}.player-name-row{display:flex;align-items:center;gap:8px;margin:8px 0 12px;padding:8px 10px;background:#0f172a;border-radius:6px;font-size:14px}.name-modal{background:#111827;border:2px solid #6366f1;border-radius:12px;padding:20px;max-width:90vw;width:320px;text-align:center}.name-modal h3{margin:0 0 12px}.name-input{width:100%;padding:10px;background:#0b1227;border:1px solid #475569;color:#fff;border-radius:6px;font-size:16px;margin-bottom:8px;box-sizing:border-box}.name-error{color:#fca5a5;font-size:12px;margin-bottom:8px;background:#450a0a;padding:6px;border-radius:4px}.name-note{font-size:11px;color:#fbbf24;background:#1e1b4b;padding:8px;border-radius:4px;margin-bottom:10px;line-height:1.5}.subtabs{display:flex;gap:4px;margin:10px 0 6px}.subtab{flex:1 1;padding:6px 4px;background:#1f2937;border:1px solid #374151;color:#cbd5e1;border-radius:6px;font-size:12px;cursor:pointer}.subtab-active{background:#2563eb;color:#fff;border-color:#3b82f6;font-weight:700}.bulk-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap;font-size:12px}.skills-row{display:flex;flex-direction:column;gap:4px;margin-top:6px}.action-sub{display:flex;align-items:center;gap:6px;background:linear-gradient(90deg,#14532d,#166534);border:1px solid #4ade80;padding:8px 10px;border-radius:8px;color:#d1fae5;cursor:pointer;font-size:12px}.action-sub:disabled{opacity:.4;cursor:not-allowed}.job-lv-tag,.total-lv-tag{font-size:11px;background:rgba(20,15,5,.9);border:1px solid var(--border-gold);padding:2px 6px;border-radius:10px;margin-left:0;color:var(--gold);white-space:nowrap;display:inline-block;flex-shrink:0}.total-lv-tag{background:rgba(40,20,60,.6);border-color:rgba(160,80,230,.45);color:#d4a0f0}.stage-cell.locked{opacity:.5;background:#1f2937}.stage-sub{font-size:10px;color:#94a3b8}.enemy-progress{font-size:11px;color:#fbbf24;margin-left:6px;background:#312e81;padding:2px 6px;border-radius:8px}.hero-avatar{position:relative;width:64px;height:64px;display:grid;place-items:center}.avatar-body{font-size:56px;line-height:1;filter:drop-shadow(0 4px 0 rgba(0,0,0,.4));animation:bounce 1.2s ease-in-out .4s infinite}.avatar-hat{top:-10px;left:50%;transform:translateX(-50%);font-size:24px}.avatar-hat,.avatar-weapon{position:absolute;z-index:2;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.avatar-weapon{right:-8px;bottom:0;font-size:22px}.avatar-cape{position:absolute;left:-10px;top:12px;font-size:22px;opacity:.85;z-index:1}.qte-target-area{position:relative;height:200px;background:#0b1227;border:1px solid #334155;border-radius:8px;margin-bottom:10px;overflow:hidden}.qte-target{position:absolute;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#fbbf24,#d97706);border:2px solid #fff;color:#fff;font-weight:800;font-size:16px;cursor:pointer;transform:translate(-50%,-50%);animation:pulse .8s ease-in-out infinite;z-index:2}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.qte-target-hit{background:#4ade80;opacity:.5;animation:none}.qte-shrink-area{position:relative;height:200px;background:#0b1227;border:1px solid #334155;border-radius:8px;display:grid;place-items:center;cursor:pointer;margin-bottom:10px;overflow:hidden}.qte-shrink-target{position:absolute;border:4px solid #fbbf24;border-radius:50%;box-shadow:0 0 20px rgba(251,191,36,.6);pointer-events:none}.qte-shrink-core{width:30px;height:30px;background:#fbbf24;border-radius:50%;z-index:2}.avatar-svg-wrap{display:inline-block;position:relative}.avatar-svg{display:block}.avatar-bob{animation:avatarBob 1.6s ease-in-out infinite}@keyframes avatarBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hero-card-row{display:flex;gap:12px;align-items:center}.admin-console-link{margin-top:12px;padding:10px;background:#1e1b4b;border:1px dashed #c084fc;border-radius:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-badge{margin-left:8px;padding:2px 8px;background:linear-gradient(90deg,#7c3aed,#c084fc);color:#fff;font-size:10px;font-weight:800;border-radius:10px;letter-spacing:.05em;vertical-align:middle;box-shadow:0 0 8px rgba(192,132,252,.5);animation:adminPulse 2s ease-in-out infinite}@keyframes adminPulse{0%,to{box-shadow:0 0 8px rgba(192,132,252,.5)}50%{box-shadow:0 0 16px rgba(192,132,252,.9)}}.admin-status-card{margin-top:12px;padding:12px;background:linear-gradient(180deg,#312e81,#1e1b4b);border:2px solid #c084fc;border-radius:10px;box-shadow:0 0 20px rgba(192,132,252,.25)}.admin-status-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.admin-status-icon{font-size:22px}.admin-status-label{font-weight:700;color:#f5d0fe}.admin-status-tag{margin-left:auto;padding:2px 8px;background:#7f1d1d;color:#fecaca;font-size:10px;border-radius:4px;font-weight:700}.admin-status-email{font-size:12px;color:#cbd5e1;margin-bottom:8px}.admin-status-email code{background:#0b1227;padding:2px 6px;border-radius:3px;color:#fbbf24;font-family:ui-monospace,monospace;font-size:11px}.btn-admin{background:linear-gradient(90deg,#7c3aed,#c084fc);color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;font-weight:700;font-size:13px;flex:1 1;text-align:center}.login-overlay{background:radial-gradient(circle at center,rgba(124,58,237,.4),rgba(0,0,0,.95));overflow:hidden}.sparkle{position:absolute;color:#facc15;font-size:20px;text-shadow:0 0 10px #fbbf24;animation:sparkleFloat 3.5s ease-in-out infinite;pointer-events:none;opacity:.8}@keyframes sparkleFloat{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-30px) scale(1.4);opacity:1}}.login-modal-v2{position:relative;background:linear-gradient(180deg,#312e81,#4c1d95 50%,#1e1b4b);border:3px solid #fbbf24;border-radius:18px;padding:18px 22px 22px;width:90vw;max-width:360px;text-align:center;box-shadow:0 0 60px rgba(251,191,36,.5),inset 0 0 30px rgba(251,191,36,.15);animation:modalRise .5s cubic-bezier(.2,1.2,.3,1)}@keyframes modalRise{0%{transform:translateY(40px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.login-banner{font-size:13px;font-weight:800;letter-spacing:.3em;background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#1f1b1b;padding:4px 0;border-radius:4px;margin-bottom:12px}.login-day-dots{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:3px;gap:3px;margin-bottom:14px}.day-dot{position:relative;padding:6px 0;background:#1e1b4b;border:1px solid #475569;border-radius:6px;font-size:9px;color:#6b7280}.day-dot.past{background:#14532d;border-color:#4ade80;color:#bbf7d0}.day-dot.current{background:linear-gradient(180deg,#fbbf24,#d97706);border-color:#fff;color:#1f1b1b;font-weight:800;transform:scale(1.1);box-shadow:0 0 12px rgba(251,191,36,.8)}.day-dot-num{line-height:1}.day-dot-star{position:absolute;top:-4px;right:1px;font-size:9px;color:#facc15}.login-treasure{position:relative;margin:6px auto 4px;width:96px;height:96px;display:grid;place-items:center}.treasure-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(251,191,36,.6),transparent 70%);border-radius:50%;animation:glowPulse 1.5s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.25);opacity:1}}.treasure-icon{position:relative;font-size:64px;z-index:2;animation:treasureWiggle 1s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}@keyframes treasureWiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.login-day-title{margin:4px 0 10px;font-size:18px;letter-spacing:.1em;color:#fde68a;text-shadow:0 2px 8px rgba(0,0,0,.5)}.login-rewards-v2{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:14px}.reward-card{padding:12px 4px;border-radius:10px;border:2px solid;background:#0f172a;position:relative;overflow:hidden}.reward-gold{border-color:#fbbf24;box-shadow:inset 0 0 16px rgba(251,191,36,.3)}.reward-gem{border-color:#06b6d4;box-shadow:inset 0 0 16px rgba(6,182,212,.3)}.reward-icon{font-size:36px;line-height:1}.reward-amount{font-size:22px;font-weight:800;color:#fff;margin:4px 0 0;text-shadow:0 2px 4px rgba(0,0,0,.6)}.reward-label{font-size:10px;color:#cbd5e1}.btn-receive{width:100%;padding:14px;background:linear-gradient(180deg,#fbbf24,#d97706);color:#1f1b1b;border:2px solid #fff;border-radius:10px;font-size:16px;font-weight:800;letter-spacing:.2em;cursor:pointer;box-shadow:0 4px 0 #92400e,0 6px 16px rgba(0,0,0,.4);transition:all .1s}.btn-receive:hover{filter:brightness(1.1)}.btn-receive:active{transform:translateY(2px);box-shadow:0 2px 0 #92400e}.login-streak-info{margin-top:10px;font-size:11px;color:#c4b5fd}.account-box{margin-top:14px;padding:12px;background:linear-gradient(180deg,#1e1b4b,#0f172a);border:1px solid #6366f1;border-radius:10px}.account-title{font-weight:700;font-size:14px;color:#c7d2fe;margin-bottom:6px}.account-note{font-size:12px;color:#cbd5e1;margin-bottom:8px;line-height:1.5}.user-id-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.user-id{background:#0b1227;border:1px solid #475569;color:#fbbf24;padding:4px 10px;border-radius:4px;font-family:ui-monospace,SF Mono,monospace;font-size:13px;letter-spacing:.05em}.code-modal{background:#111827;border:2px solid #6366f1;border-radius:12px;padding:18px;width:90vw;max-width:360px;max-height:90vh;overflow-y:auto}.code-modal h3{margin:0 0 8px;color:#c7d2fe}.code-note{font-size:12px;color:#cbd5e1;line-height:1.6;margin:0 0 10px}.code-area{width:100%;height:110px;font-family:ui-monospace,SF Mono,monospace;font-size:11px;background:#0b1227;color:#facc15;border:1px solid #475569;border-radius:6px;padding:8px;margin-bottom:10px;resize:vertical;box-sizing:border-box;word-break:break-all}.code-warn{margin-top:8px;font-size:11px;text-align:center}.code-error,.code-warn{padding:6px 10px;background:#7f1d1d;border-radius:4px;color:#fecaca}.code-error{margin:4px 0 8px;font-size:12px}.stat-detail-btn{margin-left:6px;padding:3px 8px;font-size:11px}.stat-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:8px}.stat-table th{text-align:right;padding:6px;color:#94a3b8;border-bottom:1px solid #334155;font-weight:600}.stat-table th:first-child{text-align:left}.stat-table td{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-table tbody tr:hover{background:#1e293b}.guide-h{margin:12px 0 6px;font-size:13px;color:#fbbf24;border-left:3px solid #fbbf24;padding-left:8px}.guide-act{font-size:12px;padding:6px 8px;background:#0f172a;border-left:2px solid #475569;border-radius:4px;margin-bottom:4px;line-height:1.5;color:#cbd5e1}.guide-act b{color:#fff}.guide-act small{color:#94a3b8;font-size:10px}.guide-note{font-size:12px;color:#cbd5e1;background:#0f172a;padding:8px 10px;border-radius:4px;line-height:1.7;margin-bottom:4px}.guide-note b{color:#fbbf24}.notif-bell{position:relative;background:none;border:none;cursor:pointer;font-size:18px;padding:2px 4px;line-height:1;color:#e2e8f0}.notif-badge{position:absolute;top:-4px;right:-6px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:linear-gradient(180deg,rgba(13,14,26,.97),rgba(8,9,18,1));border-top:1px solid rgba(212,175,82,.35);display:flex;z-index:9000;box-shadow:0 -4px 20px rgba(0,0,0,.85),0 -1px 0 rgba(212,175,82,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px 12px;color:#6b7280;font-size:10px;gap:3px;background:none;border:none;cursor:pointer;transition:color .18s,opacity .18s;position:relative}.bottom-nav-btn:hover:not(:disabled){color:#9ca3af;opacity:1}.bottom-nav-btn.active{color:var(--gold)}.bottom-nav-btn.active .bottom-nav-icon{filter:drop-shadow(0 0 6px rgba(212,175,82,.6))}.bottom-nav-btn.active:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:36px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:0 0 3px 3px}.bottom-nav-icon{font-size:22px;line-height:1}.bottom-nav-label{font-size:10px;letter-spacing:.04em;font-weight:600}.menu-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:8500;display:flex;align-items:flex-end;justify-content:center}.menu-drawer{width:100%;max-width:480px;background:var(--bg-card2);border-top:1px solid var(--border-gold);border-radius:18px 18px 0 0;padding:18px 14px 90px;animation:slideUpDrawer .22s ease}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}.menu-drawer-handle{width:36px;height:4px;background:var(--border-gold);border-radius:2px;margin:0 auto 16px}.menu-drawer-title{font-size:11px;color:var(--text-muted2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;text-align:center}.menu-drawer-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.menu-drawer-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 8px;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:10px;color:var(--text-warm);font-size:12px;cursor:pointer;transition:all .15s}.menu-drawer-item.active,.menu-drawer-item:hover{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.menu-drawer-icon{font-size:24px}.story-home-btn{background:linear-gradient(135deg,var(--bg-card),#131420)!important;border:1px solid var(--border-gold)!important;color:var(--text-warm)!important;text-align:left!important}.story-home-btn:hover{background:var(--gold-dim)!important;border-color:var(--gold)!important}.howto strong{color:var(--gold-light)}.sound-toggle{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 4px;line-height:1;color:#e2e8f0;opacity:.7;transition:opacity .15s}.sound-toggle:hover{opacity:1}.sound-toggle.muted{opacity:.4}.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--border-gold);cursor:pointer;padding:0;font-size:15px;line-height:1;color:#e2e8f0;transition:background .15s,border-color .15s,opacity .15s;flex-shrink:0;opacity:.92}.icon-chip:hover{opacity:1;background:rgba(212,175,55,.18);border-color:var(--gold)}.currency-controls{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--border-gold);flex-shrink:0}.bottom-nav-btn:disabled,.btn:disabled,.menu-drawer-item:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.3)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.stamina-bar-wrap{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-card);border-bottom:1px solid rgba(212,160,23,.12)}.stamina-bar-track{flex:1 1;height:8px;background:rgba(255,255,255,.07);border-radius:4px;overflow:hidden;position:relative}.stamina-bar-fill{height:100%;background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:4px;transition:width .5s ease}.stamina-bar-fill.low{background:linear-gradient(90deg,#dc2626,#f87171)}.stamina-label{color:var(--text-warm);min-width:72px}.stamina-buy-btn,.stamina-label{font-size:11px;white-space:nowrap}.stamina-buy-btn{padding:3px 8px;background:var(--gold-dim);border:1px solid var(--border-gold);border-radius:5px;color:var(--gold);cursor:pointer;transition:all .15s}.stamina-buy-btn:hover{background:rgba(212,160,23,.3)}@keyframes floatDmg{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:1;transform:translateY(-28px) scale(1.1)}to{opacity:0;transform:translateY(-52px) scale(.9)}}@keyframes shakePanel{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}.battle-anim-wrap{padding:20px 16px;background:radial-gradient(ellipse at 50% 30%,#1a0a0a 0,#080910 100%);border:2px solid #7f1d1d;border-radius:12px;margin-top:14px;text-align:center;animation:fadeInUp .3s ease}.battle-sequence{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0;font-size:36px}.battle-dmg-number{position:absolute;font-size:22px;font-weight:900;color:#f87171;text-shadow:0 0 8px #dc2626;animation:floatDmg .9s ease forwards;pointer-events:none;z-index:10}.battle-vs{font-size:14px;font-weight:900;color:#ef4444;letter-spacing:2px}@keyframes particleFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.3)}}@keyframes rarityShine{0%,to{opacity:.4}50%{opacity:1}}@keyframes urBurst{0%{transform:scale(.5) rotate(-5deg);opacity:0}50%{transform:scale(1.15) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.pull-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:particleFly .8s ease-out forwards}.anim-ur .pull-bg{background:radial-gradient(ellipse at center,rgba(212,160,23,.35) 0,transparent 70%);animation:rarityShine 1s ease-in-out 3}.anim-ur .pull-rarity-big{animation:urBurst .6s ease}.anim-ssr .pull-bg{background:radial-gradient(ellipse at center,rgba(139,92,246,.3) 0,transparent 70%);animation:rarityShine 1.2s ease-in-out 3}.anim-sr .pull-bg{background:radial-gradient(ellipse at center,rgba(59,130,246,.25) 0,transparent 70%)}.pull-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,.92)}.pull-stage{position:relative;text-align:center;animation:fadeInUp .35s ease}.pull-bg{inset:-60px;border-radius:50%}.pull-bg,.pull-particles-container{position:absolute;pointer-events:none}.pull-particles-container{inset:0;overflow:hidden}.pull-rays{position:fixed;inset:-150%;pointer-events:none;z-index:0;animation:spinRays 7s linear infinite}@keyframes spinRays{to{transform:rotate(1turn)}}.anim-ur .pull-rays{background:repeating-conic-gradient(rgba(251,191,36,.16) 0deg 7deg,transparent 7deg 22deg)}.anim-ssr .pull-rays{background:repeating-conic-gradient(rgba(192,132,252,.13) 0deg 7deg,transparent 7deg 22deg)}.anim-sr .pull-rays{background:repeating-conic-gradient(rgba(96,165,250,.09) 0deg 7deg,transparent 7deg 22deg)}.pull-orb{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;animation:orbAppear .35s cubic-bezier(.34,1.56,.64,1)}@keyframes orbAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.pull-orb-core{width:60px;height:60px;border-radius:50%;animation:orbPulse .55s ease-in-out infinite alternate;position:relative;z-index:2}.pull-orb-ur .pull-orb-core{background:radial-gradient(circle at 35% 35%,#fff 0,#ef4444 45%,#7c0000 100%);box-shadow:0 0 30px #ef4444,0 0 70px rgba(239,68,68,.55),0 0 120px rgba(239,68,68,.25)}.pull-orb-ssr .pull-orb-core{background:radial-gradient(circle at 35% 35%,#fff 0,#c084fc 45%,#4a0080 100%);box-shadow:0 0 30px #c084fc,0 0 70px rgba(192,132,252,.55),0 0 120px rgba(192,132,252,.25)}@keyframes orbPulse{0%{transform:scale(1)}to{transform:scale(1.2)}}.pull-orb-ring{border-radius:50%;border:2px solid;animation:orbRing .85s ease-out infinite}.pull-orb-ring,.pull-orb-ring2{position:absolute;width:100px;height:100px}.pull-orb-ring2{border-radius:50%;border:1px solid;animation:orbRing .85s ease-out .42s infinite}.pull-orb-ur .pull-orb-ring,.pull-orb-ur .pull-orb-ring2{border-color:rgba(251,191,36,.75)}.pull-orb-ssr .pull-orb-ring,.pull-orb-ssr .pull-orb-ring2{border-color:rgba(192,132,252,.75)}@keyframes orbRing{0%{transform:scale(.65);opacity:1}to{transform:scale(2.1);opacity:0}}.pull-sparkle{position:fixed;width:5px;height:5px;border-radius:50%;pointer-events:none;z-index:1;top:-10px;animation:sparkleRain var(--dur) linear var(--delay) forwards}@keyframes sparkleRain{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(2turn);opacity:0}}@keyframes urShake{0%,to{transform:translateX(0)}15%{transform:translateX(-10px) rotate(-1deg)}30%{transform:translateX(10px) rotate(1deg)}50%{transform:translateX(-7px)}70%{transform:translateX(7px)}85%{transform:translateX(-3px)}}.pull-stage-shake{animation:itemReveal .5s ease-out,urShake .5s ease-in-out .45s}.pull-mini-img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated;display:block;margin:0 auto 3px}.pull-omen-rainbow{position:absolute;width:174px;height:174px;border-radius:50%;background:conic-gradient(from 0deg,#ef4444,#f97316,#fbbf24,#22c55e,#3b82f6,#a855f7,#ef4444);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));opacity:0;pointer-events:none;z-index:1;filter:drop-shadow(0 0 10px rgba(251,191,36,.7));animation:omenAppear 1.2s ease-out forwards,spinRays 2.2s linear infinite}@keyframes omenAppear{0%,42%{opacity:0}60%{opacity:1}to{opacity:.92}}.pull-cutin{position:fixed;inset:0;z-index:6;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:cutinFade 1.6s ease-out forwards}@keyframes cutinFade{0%{opacity:1}80%{opacity:1}to{opacity:0}}.pull-cutin:before{content:"";position:absolute;left:0;right:0;top:50%;height:230px;margin-top:-115px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.3) 30%,rgba(168,85,247,.3) 65%,transparent);transform:skewY(-4deg);animation:cutinBand 1.6s ease-out forwards}@keyframes cutinBand{0%{transform:skewY(-4deg) scaleX(0);opacity:0}20%{transform:skewY(-4deg) scaleX(1);opacity:1}80%{opacity:1}to{opacity:0}}.pull-cutin-streak{position:absolute;top:0;left:-60%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-18deg);animation:cutinStreak .7s ease-out forwards}.pull-cutin-streak2{animation-delay:.2s;opacity:.55}@keyframes cutinStreak{0%{left:-60%}to{left:165%}}.pull-cutin-card{position:relative;z-index:2;text-align:center;animation:cutinSlide 1.6s cubic-bezier(.16,1,.3,1) forwards}@keyframes cutinSlide{0%{transform:translateX(-55vw) scale(.82);opacity:0}22%{transform:translateX(0) scale(1.1);opacity:1}36%{transform:translateX(0) scale(1)}80%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(0) scale(1.05);opacity:0}}.pull-cutin-img{width:210px;height:210px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 24px #fbbf24) drop-shadow(0 0 50px rgba(239,68,68,.6))}.pull-cutin-rank{font-size:60px;font-weight:900;letter-spacing:5px;line-height:1;margin-top:-6px;background:linear-gradient(90deg,#fde68a,#ef4444,#a855f7,#fde68a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(251,191,36,.85))}.pull-cutin-name{font-size:24px;font-weight:800;color:#fff;text-shadow:0 0 12px #fbbf24,0 2px 4px #000;margin-top:2px}.onboarding-overlay{position:fixed;inset:0;z-index:19000;background:rgba(0,0,0,.88);display:flex;align-items:flex-end;justify-content:center}.onboarding-sheet{width:100%;max-width:480px;background:var(--bg-card2);border-radius:20px 20px 0 0;border-top:2px solid var(--border-gold);padding:28px 20px 36px;animation:slideUpDrawer .3s ease}.onboarding-step-dots{display:flex;justify-content:center;gap:6px;margin-bottom:20px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:rgba(212,160,23,.25);transition:all .2s}.onboarding-dot.active{background:var(--gold);width:20px;border-radius:4px}.onboarding-icon{font-size:52px;text-align:center;margin-bottom:12px;line-height:1}.onboarding-title{font-size:20px;font-weight:900;color:var(--gold);text-align:center;margin-bottom:8px}.onboarding-desc{font-size:13px;color:var(--text-warm);text-align:center;line-height:1.7;margin-bottom:22px}.onboarding-btn{width:100%;padding:13px;background:linear-gradient(135deg,var(--gold),#b8860b);border:none;border-radius:10px;color:#1a1200;font-size:15px;font-weight:900;cursor:pointer;letter-spacing:.05em}.pass-value-badge{display:inline-block;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;margin-left:6px}.pass-roi-bar{margin-top:10px;padding:8px 10px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:6px;font-size:11px;color:#86efac;line-height:1.6}@keyframes eventBannerPulse{0%,to{box-shadow:0 0 12px rgba(239,68,68,.4)}50%{box-shadow:0 0 24px rgba(239,68,68,.7)}}.event-banner{background:linear-gradient(135deg,#7f1d1d,#1a0a0a 60%,#1a0016);border:1px solid #dc2626;border-radius:10px;padding:12px 14px;margin-bottom:10px;animation:eventBannerPulse 2.5s ease-in-out infinite;cursor:pointer;position:relative;overflow:hidden}.event-banner:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:radial-gradient(circle,rgba(239,68,68,.2) 0,transparent 70%)}.event-banner-title{font-size:15px;font-weight:900;color:#fca5a5;margin-bottom:3px}.event-banner-sub{font-size:11px;color:#94a3b8}.event-banner-countdown{font-size:12px;font-weight:700;color:#f87171;margin-top:4px}.event-limited-tag{display:inline-block;background:#dc2626;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;margin-right:4px;letter-spacing:.05em}