:root{--r-common:#9fb7d9;--r-rare:#4da3ff;--r-epic:#b56cff;--r-legendary:#ffc94d;--fr:#ff6fa8;--both:#a98bff;--bg:#0b1630;--bg2:#12224a;--card:#152a57cc;--line:#2a4380;--txt:#eef3ff;--mut:#9fb0d6;--sel:#38d6c4;--gold:#ffc94d;--gold2:#ff9e3d;--land:#28407a;--land2:#30508f;--sea:#0e1c3d;--r:16px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:radial-gradient(1200px 700px at 80% -10%,#24407e 0,transparent 60%),radial-gradient(900px 600px at -10% 20%,#1b3a6b 0,transparent 55%),var(--bg);color:var(--txt);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","PingFang TC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei",sans-serif;min-height:100%}
body{padding-bottom:env(safe-area-inset-bottom)}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#0b1630d9;backdrop-filter:blur(10px);border-bottom:1px solid #ffffff12}
.brand{display:flex;align-items:center;gap:10px}.brand b{font-size:18px;letter-spacing:1px}.brand small{display:block;color:var(--mut);font-size:12px;margin-top:2px}
.logo{font-size:28px;filter:drop-shadow(0 2px 6px #0008)}
.lit-badge{display:flex;align-items:baseline;gap:2px;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#ffc94d22,#ff9e3d22);border:1px solid #ffc94d66;color:var(--gold)}
.lit-badge span{font-size:22px;font-weight:800}.lit-badge i{font-style:normal;opacity:.8}.lit-badge em{font-style:normal;font-size:12px;margin-left:6px;color:#ffe3a3}
.lit-badge.pop{animation:pop .5s}
@keyframes pop{40%{transform:scale(1.18)}}
main{max-width:1100px;margin:0 auto;padding:14px 14px 40px;display:flex;flex-direction:column;gap:14px}
.panel{background:var(--card);border:1px solid #ffffff14;border-radius:var(--r);box-shadow:0 10px 30px #0004}
.steps{padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.upload{display:flex;align-items:center;gap:14px;cursor:pointer}
.avatar{width:64px;height:64px;flex:none;border-radius:50%;border:2px dashed #ffffff55;display:grid;place-items:center;font-size:28px;color:var(--mut);background:#ffffff08 center/cover no-repeat;transition:.2s}
.avatar.has{border:3px solid var(--gold);box-shadow:0 0 0 4px #ffc94d22}.avatar.has span{display:none}
.up-txt{flex:1;min-width:0}.up-txt b{display:block}.up-txt small{color:var(--mut);font-size:12.5px}
.pick-head,.gal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pick-actions{display:flex;gap:8px}
.muted{color:var(--mut);font-weight:400}
.chips{display:flex;flex-wrap:wrap;gap:8px;min-height:34px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;border-radius:999px;background:#38d6c41f;border:1px solid #38d6c477;font-size:14px;animation:chipIn .25s}
.chip.done{background:#ffc94d1f;border-color:#ffc94d88}
.chip button{border:0;background:#ffffff1a;color:var(--txt);width:20px;height:20px;border-radius:50%;cursor:pointer;line-height:20px;padding:0}
@keyframes chipIn{from{transform:scale(.7);opacity:0}}
.hint{font-size:13px}
.btn{border:0;border-radius:12px;padding:10px 18px;font-size:15px;font-weight:600;cursor:pointer;color:var(--txt);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .1s,opacity .2s}
.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.sm{padding:7px 12px;font-size:13px;border-radius:10px}
.btn.ghost{background:#ffffff12;border:1px solid #ffffff22}
.btn.primary{background:linear-gradient(135deg,#38d6c4,#2a8cf0);color:#06142e;box-shadow:0 8px 24px #2a8cf055}
.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#3a2100;box-shadow:0 8px 20px #ff9e3d44}
.btn.big{width:100%;padding:16px;font-size:18px;border-radius:14px;letter-spacing:1px}
.cta-wrap{position:sticky;bottom:10px;z-index:15}
.mapwrap{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#16306a 0,var(--sea) 75%);aspect-ratio:2/1.05;min-height:240px}
#map{width:100%;height:100%;display:block;touch-action:none;cursor:grab}
.country{fill:var(--land);stroke:#0e1c3d;stroke-width:.5;vector-effect:non-scaling-stroke;transition:fill .25s;cursor:pointer}
.country:hover{fill:var(--land2)}
.country.sel{fill:var(--sel)}
.country.lit{fill:url(#goldGrad)}
.country.flash{animation:flash 1s}
@keyframes flash{0%,100%{filter:none}30%{filter:brightness(2) drop-shadow(0 0 6px #ffc94d)}}
.graticule{fill:none;stroke:#ffffff10;stroke-width:.5;vector-effect:non-scaling-stroke}
.sphere{fill:none;stroke:#ffffff22;vector-effect:non-scaling-stroke}
.marker image{pointer-events:none}.marker circle.ring{fill:none;stroke:var(--gold);stroke-width:2;vector-effect:non-scaling-stroke}
.marker{cursor:pointer;animation:mk .5s ease-out}
@keyframes mk{from{opacity:0;transform:scale(.2)}}
.route{fill:none;stroke:#ffe08a;stroke-width:1.6;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;opacity:.85}
.plane{font-size:18px}
.zoom{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px}
.zoom button{width:34px;height:34px;border-radius:10px;border:1px solid #ffffff22;background:#0b1630cc;color:#fff;font-size:18px;cursor:pointer}
.legend{position:absolute;left:12px;bottom:10px;display:flex;gap:12px;font-size:12px;color:var(--mut);background:#0b1630aa;padding:5px 10px;border-radius:8px}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}.sw.sel{background:var(--sel)}.sw.lit{background:var(--gold)}
.tip{position:absolute;pointer-events:none;background:#000c;padding:5px 10px;border-radius:8px;font-size:13px;opacity:0;transition:opacity .15s;white-space:nowrap}
.flying{position:absolute;inset:auto 0 0 0;display:flex;justify-content:center;padding:12px;pointer-events:none}
.fly-card{width:min(440px,100%);background:#0b1630e6;border:1px solid #ffc94d55;border-radius:14px;padding:12px 16px;box-shadow:0 10px 30px #0008;backdrop-filter:blur(6px)}
.fly-title{font-weight:700;font-size:16px}.fly-sub{color:var(--mut);font-size:13px;margin:3px 0 10px;min-height:18px}
.bar{height:8px;border-radius:99px;background:#ffffff15;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sel),var(--gold));border-radius:99px;transition:width .8s linear}
.fly-meta{display:flex;justify-content:space-between;color:var(--mut);font-size:12px;margin-top:6px}
.gallery-sec{padding:14px 16px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
.card{position:relative;border-radius:14px;overflow:hidden;background:#0b1630;border:1px solid #ffffff18;cursor:pointer;perspective:800px;animation:flipIn .7s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 8px 20px #0005}
.card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#1a2c55}
.card .cap{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;background:linear-gradient(transparent,#000c);font-size:14px}
.card .cap b{display:block}.card .cap small{color:#ffe3a3;font-size:12px}
.card .flag{position:absolute;top:8px;left:8px;font-size:20px;filter:drop-shadow(0 1px 2px #000)}
.card .gift{position:absolute;top:8px;right:8px;font-size:11px;background:var(--gold);color:#3a2100;padding:2px 7px;border-radius:99px;font-weight:700}
.card.ph{cursor:default;animation:none}.card.ph .shim{aspect-ratio:1;background:linear-gradient(100deg,#15295200 30%,#ffffff14 50%,#15295200 70%) #13264d;background-size:200% 100%;animation:shim 1.4s infinite}
@keyframes shim{to{background-position:-200% 0}}
@keyframes flipIn{from{transform:rotateY(90deg) scale(.8);opacity:0}}
.modal{position:fixed;inset:0;z-index:50;background:#020814cc;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}
.modal[hidden]{display:none}
.sheet{position:relative;background:var(--bg2);border:1px solid #ffffff22;border-radius:18px;padding:16px;max-width:520px;width:100%;max-height:92vh;overflow:auto;display:flex;flex-direction:column;gap:12px;align-items:center;animation:up .25s}
@keyframes up{from{transform:translateY(20px);opacity:0}}
.sheet img{width:100%;border-radius:12px;display:block}
.poster-sheet img{max-height:70vh;object-fit:contain;width:auto;max-width:100%}
.x{position:absolute;right:10px;top:8px;border:0;background:#0006;color:#fff;font-size:22px;width:34px;height:34px;border-radius:50%;cursor:pointer;z-index:2}
.v-cap{text-align:center}.v-cap b{display:block;font-size:18px}.v-cap span{color:var(--mut);font-size:13px}
.v-act{display:flex;gap:10px}
.code-sheet{max-width:360px;text-align:center}
.code-logo{font-size:46px}
.code-sheet input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #ffffff33;background:#0b1630;color:#fff;font-size:17px;text-align:center;letter-spacing:2px}
.code-sheet .btn{width:100%}
.err{color:#ff8a8a;min-height:16px}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);background:#000d;padding:10px 18px;border-radius:12px;opacity:0;transition:.25s;z-index:60;pointer-events:none;max-width:90vw;text-align:center}
.toast.on{opacity:1;transform:translateX(-50%)}
.foot{text-align:center;color:#6f80a8;font-size:12px;margin-top:6px}
@media (max-width:640px){
  .top{padding:10px 12px}.brand b{font-size:16px}.brand small{font-size:11px}.logo{font-size:24px}
  .lit-badge{padding:4px 10px}.lit-badge span{font-size:18px}.lit-badge em{display:none}
  main{padding:10px 10px 30px;gap:10px}
  .mapwrap{aspect-ratio:auto;height:62vw;min-height:230px}
  .gallery{grid-template-columns:repeat(3,1fr);gap:8px}
  .card .cap{padding:16px 6px 5px;font-size:12px}.card .cap small{display:none}.card .flag{font-size:16px;top:5px;left:5px}
  .legend{font-size:11px}
}
[hidden]{display:none!important}
.cta-wrap{position:static}
@media (max-width:640px){
  .cta-wrap{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom))}
  .mapwrap{height:88vw;min-height:300px}
  .chip{padding:4px 6px 4px 10px;font-size:13px;gap:4px}.chips{gap:6px}
  .fly-card{padding:9px 12px}.fly-title{font-size:14px}.fly-sub{font-size:12px;margin:2px 0 7px}
  .steps{padding:12px}
}

/* round 3 polish */
.hero{padding:6px 4px 0;text-align:center}
.hero h1{margin:6px 0 4px;font-size:30px;letter-spacing:2px;font-weight:800}
.hero h1 span{background:linear-gradient(90deg,var(--gold),var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin:0;color:var(--mut);font-size:14px}
.btn.big:disabled{background:#ffffff14;color:#c9d4ef;box-shadow:none;opacity:1;border:1px solid #ffffff1c}
.legend{left:auto;right:12px}
.flying{inset:auto auto 0 0;justify-content:flex-start;padding:14px}
.fly-card{width:340px}
.card{transition:transform .2s,box-shadow .2s}
@media (hover:hover){.card:not(.ph):hover{transform:translateY(-3px);box-shadow:0 14px 28px #0007}}
.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--mut);font-size:14px;gap:8px;align-content:center}
.map-loading i{width:28px;height:28px;border-radius:50%;border:3px solid #ffffff22;border-top-color:var(--sel);animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.map-hint{display:none}
.avatar.loading::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:3px solid transparent;border-top-color:var(--sel);animation:spin .9s linear infinite}
.avatar{position:relative}
.upload:hover .avatar:not(.has){border-color:var(--sel);color:var(--sel)}
.gal-head b{font-size:16px}
@media (max-width:640px){
  .hero h1{font-size:23px;margin-top:4px}.hero p{font-size:12.5px}
  .flying{inset:auto 0 0 0;justify-content:center;padding:10px}.fly-card{width:100%}
  .legend{display:none}
  .map-hint{display:block;position:absolute;left:50%;top:10px;transform:translateX(-50%);font-size:11.5px;color:#c9d4ef;background:#0b1630b3;padding:4px 10px;border-radius:99px;pointer-events:none;transition:opacity .6s;white-space:nowrap}
  .map-hint.off{opacity:0}
  .toast{bottom:auto;top:70px}
}
@media (max-width:640px){.toast{top:auto;bottom:calc(92px + env(safe-area-inset-bottom))}}

/* ================= v20: Wome ================= */
.top{gap:10px}.top-r{display:flex;align-items:center;gap:8px}
.brand b{font-size:20px;letter-spacing:.5px}
button.lit-badge{cursor:pointer;font:inherit}
.streak{display:flex;align-items:center;gap:3px;padding:6px 11px;border-radius:999px;border:1px solid #ff8a3d55;background:#ff8a3d1a;color:#ffd1a8;font:inherit;cursor:pointer}
.streak b{font-size:15px}
.lang{position:relative}.lang-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;border:1px solid #ffffff26;background:#ffffff0d;color:var(--txt);cursor:pointer;font:inherit;font-size:13px}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:#0f1f45;border:1px solid #ffffff22;border-radius:14px;padding:6px;box-shadow:0 18px 40px #0009;z-index:40;animation:up .18s}
.lang-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;background:none;color:var(--txt);border-radius:10px;cursor:pointer;font:inherit;font-size:14px}
.lang-menu button:hover{background:#ffffff12}.lang-menu button.on{color:var(--gold)}
.tabs{position:sticky;top:61px;z-index:19;display:flex;justify-content:center;gap:4px;padding:8px;background:#0b1630cc;backdrop-filter:blur(10px);border-bottom:1px solid #ffffff0d}
.tabs button{position:relative;display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:0;background:none;color:var(--mut);font:inherit;font-size:14px;cursor:pointer;transition:.2s}
.tabs button.on{background:#ffffff14;color:var(--txt)}.tabs button b{font-weight:600}
.tabs .dot{position:absolute;top:6px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--fr)}
.view{display:flex;flex-direction:column;gap:14px}
.hero h1 span{background:linear-gradient(90deg,var(--gold),var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:640px;margin:0 auto}
.link{border:0;background:none;color:var(--gold);cursor:pointer;font:inherit;font-size:13px;padding:0;text-decoration:underline dotted}
/* daily postcard */
.daily{display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(120deg,#ffc94d14,#ffffff05 50%),var(--card);border-style:dashed;border-color:#ffc94d44}
.pc-stamp{width:52px;height:52px;flex:none;display:grid;place-items:center;font-size:30px;border-radius:12px;background:#fff1;border:2px dotted #ffc94d77;transform:rotate(-4deg)}
.pc-body{flex:1;min-width:0;display:flex;flex-direction:column}.pc-body small{color:var(--gold);font-size:11.5px;letter-spacing:.8px;text-transform:uppercase}.pc-body b{font-size:17px}.pc-body span{font-size:12.5px}
.daily.stamped .pc-stamp{animation:thud .6s}
@keyframes thud{0%{transform:scale(1.8) rotate(-18deg);opacity:0}55%{transform:scale(.9) rotate(-4deg);opacity:1}100%{transform:scale(1) rotate(-4deg)}}
/* map extras */
.country.na{fill:#1f3466;cursor:default}.country.fr{fill:var(--fr)}.country.both{fill:var(--both)}
.country.daily{fill:#3b5aa0;stroke:#ffc94d;stroke-width:1.2;animation:dpulse 2.4s infinite}
@keyframes dpulse{50%{fill:#4a6bb5}}
.sw.fr{background:var(--fr)}.sw.both{background:var(--both)}
/* ticket */
.ticket{padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.tk-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tk-head b{font-size:15px}.tk-head .pick-actions{margin-left:auto}
.slots{display:flex;gap:8px;flex-wrap:wrap}
.slot{position:relative;display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;min-width:44px;border-radius:12px;border:1.5px dashed #ffffff2a;color:var(--mut);cursor:pointer;font-size:14px;transition:.2s}
.slot .sf{font-size:20px}.slot.on{border:1.5px solid #38d6c488;background:#38d6c41a;color:var(--txt);cursor:default;animation:chipIn .25s}
.slot.on b{font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slot.on button{border:0;background:#ffffff1a;color:var(--txt);width:20px;height:20px;border-radius:50%;cursor:pointer;line-height:20px;padding:0}
.slot.gift{border-color:#ff6fa899;background:#ff6fa81a}
.slot.mys{border:1.5px solid #b56cff88;background:linear-gradient(135deg,#b56cff22,#4da3ff22);color:#e7d6ff}.slot.mys .sf{font-weight:800;font-size:18px}
.tk-foot{display:flex;justify-content:space-between;gap:10px;font-size:13px;flex-wrap:wrap}
/* shoot sheet */
.shoot-sheet{max-width:600px;align-items:stretch;gap:14px;padding:20px}
.sh-head{display:flex;flex-direction:column;gap:2px}.sh-head b{font-size:19px}.sh-head span{font-size:20px;letter-spacing:2px}
.steps-bar{display:flex;gap:6px;list-style:none;margin:0;padding:0;counter-reset:s}
.steps-bar li{flex:1;counter-increment:s;padding:8px 6px 10px;font-size:13px;color:var(--mut);border-bottom:3px solid #ffffff14;cursor:pointer;text-align:center;transition:.2s}
.steps-bar li::before{content:counter(s) " · "}.steps-bar li.on{color:var(--txt);border-color:var(--sel)}.steps-bar li.done{color:#bfe9e3;border-color:#38d6c466}
.step{display:flex;flex-direction:column;gap:12px;animation:up .25s}
.cards2,.cards3{display:grid;gap:10px}.cards2{grid-template-columns:1fr 1fr}.cards3{grid-template-columns:repeat(3,1fr)}
.opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border-radius:14px;border:1.5px solid #ffffff1f;background:#ffffff08;color:var(--txt);cursor:pointer;text-align:left;font:inherit;transition:.2s}
.opt span{font-size:26px}.opt b{font-size:15px}.opt small{color:var(--mut);font-size:12px;line-height:1.35}
.opt.on{border-color:var(--sel);background:#38d6c414;box-shadow:0 0 0 3px #38d6c422}
.pro{position:absolute;top:10px;right:10px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.6px;padding:2px 7px;border-radius:99px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#3a2100}
.people{display:flex;gap:10px;flex-wrap:wrap}
.person{display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;padding:8px 4px;border:0;background:none;color:var(--txt);cursor:pointer;font:inherit}
.person small{font-size:12px}.person em{font-style:normal;font-size:11px;color:var(--gold)}
.pav{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:#ffffff0d center/cover no-repeat;border:2px solid var(--gold);position:relative}
.pav.add{border:2px dashed #ffffff44;color:var(--mut)}.person:hover .pav.add{border-color:var(--sel);color:var(--sel)}
.pav.sm{width:40px;height:40px;flex:none}
.person.loading .pav::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid transparent;border-top-color:var(--sel);animation:spin .9s linear infinite}
.occ{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;animation:up .25s}
.occ-i{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:14px;border:1.5px solid #ffffff1a;background:#ffffff08;color:var(--txt);cursor:pointer;font:inherit;transition:.2s}
.occ-i span{font-size:26px;transition:transform .2s}.occ-i b{font-size:12.5px;font-weight:600}
.occ-i:hover span{transform:scale(1.12)}.occ-i.on{border-color:var(--gold);background:#ffc94d14;box-shadow:0 0 0 3px #ffc94d22}
.occ-note{grid-column:1/-1;margin:4px 2px 0;font-size:12.5px;line-height:1.45}
.rt-people{display:flex;flex-direction:column;gap:8px}.rt-p{display:flex;align-items:center;gap:10px}
.seg{position:relative;display:inline-flex;padding:3px;border-radius:12px;background:#ffffff0f;border:1px solid #ffffff1a}
.seg .pill{position:absolute;top:3px;bottom:3px;left:3px;border-radius:9px;background:linear-gradient(135deg,#38d6c4,#2a8cf0);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.seg button{position:relative;z-index:1;flex:1;border:0;background:none;color:var(--mut);padding:8px 16px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap;transition:color .2s}
.seg button.on{color:#06142e;font-weight:700}.seg.mini button{padding:6px 12px;font-size:13px}.seg3{display:flex}
.summary{display:flex;gap:8px;flex-wrap:wrap}.summary div{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:#ffffff0a;font-size:13px}
.sh-foot{display:flex;justify-content:space-between;gap:10px;padding-top:4px}.sh-foot .btn{min-width:120px}
/* cabin */
.cabin{padding:14px 16px;display:flex;flex-direction:column;gap:12px;animation:up .3s}
.att{display:flex;align-items:flex-start;gap:10px}.att-av{font-size:34px;line-height:1}
.att-bub{flex:1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px 14px 14px 14px;padding:8px 12px}
.att-bub small{color:var(--gold);font-size:11.5px}.att-bub p{margin:2px 0 0;font-size:14px;min-height:20px}
#attLine.in{animation:fadeUp .4s}@keyframes fadeUp{from{opacity:0;transform:translateY(5px)}}
.snd.on{border-color:var(--sel);color:var(--sel)}
.cult{border-radius:14px;padding:14px;background:linear-gradient(135deg,#ffffff0d,#ffffff04);border:1px solid #ffffff18;min-height:132px}
.cult.in{animation:cardIn .45s cubic-bezier(.2,.8,.2,1)}@keyframes cardIn{from{opacity:0;transform:translateX(14px)}}
.cc-head{display:flex;align-items:center;gap:10px}.cc-flag{font-size:30px}.cc-head b{display:block;font-size:16px}.cc-head small{color:var(--mut);font-size:12px}
.cc-stamp{margin-left:auto;border:1px dashed #ffc94d88;background:none;color:var(--gold);border-radius:10px;padding:6px 10px;cursor:pointer;font:inherit;font-size:12.5px}
.cc-stamp.done{border-style:solid;background:#ffc94d1f}
.cc-body{display:flex;gap:10px;margin-top:10px;align-items:flex-start}.cc-icon{font-size:26px}.cc-text{font-size:14px;line-height:1.5;color:#dbe4fb}.cc-text b{display:block;color:#fff;margin-bottom:2px}
.say{display:inline-flex;align-items:baseline;gap:8px;margin-top:10px;padding:8px 14px;border-radius:12px;border:1px solid #38d6c466;background:#38d6c414;color:var(--txt);cursor:pointer;font:inherit;font-size:16px}
.say small{color:var(--mut);font-size:12px}.say.ping{animation:pop .5s}
.quiz{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.quiz button{padding:9px 6px;border-radius:10px;border:1px solid #ffffff22;background:#ffffff0a;color:var(--txt);cursor:pointer;font:inherit;font-size:13px}
.quiz button.ok{border-color:#38d6c4;background:#38d6c42a}.quiz button.no{border-color:#ff7a7a;background:#ff7a7a22}
.pp-head{display:flex;justify-content:space-between;font-size:13px}
.passport-row{display:flex;gap:8px;flex-wrap:wrap}
.stamp{position:relative;width:54px;height:54px;border-radius:50%;border:2px dashed #ffffff33;background:none;cursor:pointer;display:grid;place-items:center;padding:0;color:var(--txt)}
.stamp .sf{font-size:22px;opacity:.55}.stamp.on{border:2px solid #ff8a5b;background:#ff8a5b14}.stamp.on .sf{opacity:1;font-size:16px;position:absolute;top:5px}
.stamp .ink{position:absolute;bottom:6px;font-size:8.5px;line-height:1;color:#ff9b73;font-weight:800;letter-spacing:.3px;text-align:center;max-width:48px;overflow:hidden}
.stamp .ink small{font-size:6.5px}.stamp.mys{border-color:#b56cff88}.stamp.mys .sf{opacity:1;color:#d9bfff;font-weight:800}
.stamp.thud{animation:thud .55s}
/* cards */
.card .gift{top:auto;bottom:auto;right:auto;left:auto;position:absolute;top:34px;left:8px;background:#ff6fa8;color:#fff;font-size:10.5px}
.card .gift.mys{background:linear-gradient(135deg,#b56cff,#4da3ff)}
.card.r-epic{box-shadow:0 0 0 2px #b56cff99,0 8px 20px #0005}.card.r-legendary{box-shadow:0 0 0 2px #ffc94dcc,0 0 22px #ffc94d55}.card.r-rare{box-shadow:0 0 0 1.5px #4da3ff88,0 8px 20px #0005}
.card.fresh{animation:flipIn .7s cubic-bezier(.2,.8,.2,1) both}
.gallery-sec{padding:14px 16px}
/* landing / flips */
.land-sheet{max-width:760px;align-items:stretch;gap:10px}.land-title{font-size:20px;text-align:center}.land-sheet>small{text-align:center}
.land-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.land-grid.wide{grid-template-columns:repeat(3,1fr)}
.flip{position:relative;aspect-ratio:1;border:0;padding:0;background:none;cursor:pointer;perspective:900px;animation:chipIn .4s both}
.fi{position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;transform:rotateY(180deg)}
.flip.open .fi{transform:none}
.ff,.fb{position:absolute;inset:0;border-radius:14px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ff img{width:100%;height:100%;object-fit:cover;display:block}
.ff .cap{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 7px;background:linear-gradient(transparent,#000c);text-align:left;color:#fff}.ff .cap b{display:block;font-size:13px}.ff .cap small{font-size:11px;color:#ffe3a3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ff .rar{position:absolute;top:8px;left:8px;font-style:normal;font-size:10px;font-weight:800;padding:2px 7px;border-radius:99px;background:var(--rc);color:#0b1630}
.fb{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(circle at 50% 40%,var(--rc) 0,#13264d 70%);border:2px solid var(--rc);box-shadow:0 0 18px var(--rc) inset}
.fb span{font-size:40px;font-weight:900;color:#fff;text-shadow:0 2px 10px #0008}.fb small{font-weight:800;letter-spacing:1px;color:#fff;text-transform:uppercase;font-size:11px}
.flip.r-common{--rc:#9fb7d9}.flip.r-rare{--rc:#4da3ff}.flip.r-epic{--rc:#b56cff}.flip.r-legendary{--rc:#ffc94d}
.flip:not(.open).r-legendary .fb,.flip:not(.open).r-epic .fb{animation:glow 1.6s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 34px var(--rc) inset,0 0 22px var(--rc)}}
.flip.open.r-legendary .ff{box-shadow:0 0 0 3px #ffc94d,0 0 30px #ffc94d88}.flip.open.r-epic .ff{box-shadow:0 0 0 3px #b56cff}
/* passport view */
.pp-cover{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#1d3b7a,#0f2149);border-color:#ffc94d33}
.ppc-l{display:flex;align-items:center;gap:14px;min-width:0}.ppc-l small{color:var(--gold);font-size:11.5px;letter-spacing:1px;text-transform:uppercase}.ppc-l b{display:block;font-size:20px}.ppc-l span{font-size:12.5px}
.ppc-av{width:60px;height:60px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:28px;background:#fff1 center/cover;border:3px solid var(--gold)}
.ppc-r{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.badges{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.badge{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 12px;border-radius:14px;background:var(--card);border:1px solid #ffffff14}
.badge span{font-size:24px;filter:grayscale(1);opacity:.5}.badge b{font-size:12px}.badge small{color:var(--mut);font-size:11px}
.badge i{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--sel),var(--gold))}
.badge.b-bronze span,.badge.b-silver span,.badge.b-gold span{filter:none;opacity:1}
.badge.b-bronze{border-color:#cd7f3277}.badge.b-silver{border-color:#d9e2f2aa}.badge.b-gold{border-color:#ffc94d;box-shadow:0 0 16px #ffc94d44}
.pp-tabs{display:flex;gap:6px}.pp-tabs button{padding:8px 16px;border-radius:999px;border:1px solid #ffffff1f;background:none;color:var(--mut);cursor:pointer;font:inherit}.pp-tabs button.on{background:#ffffff14;color:var(--txt)}
.pp-page{background:#f6efe0;color:#4a3a22;border-radius:16px;padding:14px 16px;margin-bottom:12px;box-shadow:0 10px 30px #0005;background-image:repeating-linear-gradient(0deg,#0000 0 27px,#8a6d3b0d 27px 28px)}
.pp-page.home{display:flex;align-items:center;gap:14px}.pp-page .muted{color:#8a7350}
.pp-ph{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.pp-ph b{font-size:16px}.pp-ph span{font-size:12px}
.stamps{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.st{aspect-ratio:1;border-radius:50%;border:1.5px dashed #8a6d3b44;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;color:#4a3a22;font:inherit}
.st span{font-size:20px;filter:grayscale(1) opacity(.35)}.st:hover span{filter:none}
.st.on{border:2.5px solid var(--ink,#c8452c);color:var(--ink,#c8452c);transform:rotate(var(--rot));background:#c8452c08}
.st.on span{filter:none;font-size:18px}.st.on b{font-size:8.5px;line-height:1.05;font-weight:800;text-transform:uppercase;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st.on small{font-size:7px;opacity:.8}
.st.r-rare{--ink:#2a6fc9}.st.r-epic{--ink:#7a3fc4}.st.r-legendary{--ink:#b8860b}
.st.thud{animation:thud .55s}
.stamp-big{width:92px;height:92px;flex:none;border-radius:50%;border:3px double #2f7d5b;color:#2f7d5b;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg)}
.stamp-big span{font-size:26px}.stamp-big b{font-size:10px;font-weight:800;text-transform:uppercase;max-width:80px;text-align:center}.stamp-big small{font-size:9px;letter-spacing:2px;font-weight:800}
.empty{padding:20px;text-align:center}
/* routes */
.sec-head h2{margin:6px 0 2px;font-size:22px}.sec-head p{margin:0}
.routes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.route-card{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.route-card.done{border-color:#ffc94d88;background:linear-gradient(135deg,#ffc94d1a,transparent),var(--card)}
.rc-h{display:flex;align-items:center;gap:10px}.rc-i{font-size:30px}.rc-h b{display:block;font-size:16px}.rc-h small{font-size:12.5px}
.seal{margin-left:auto;font-size:11px;font-weight:800;color:#3a2100;background:linear-gradient(135deg,var(--gold),var(--gold2));padding:4px 9px;border-radius:99px}
.rc-path{display:flex;align-items:center;flex-wrap:wrap;gap:2px}
.rc-stop{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;background:#ffffff0a;border:1.5px dashed #ffffff2a;filter:grayscale(.9);opacity:.6}
.rc-stop.on{filter:none;opacity:1;border:2px solid var(--gold);background:#ffc94d1a}.rc-stop.next{filter:none;opacity:1;border:2px solid var(--sel);animation:dpulse2 1.6s infinite}
@keyframes dpulse2{50%{box-shadow:0 0 0 5px #38d6c433}}
.rc-path i{width:10px;height:2px;background:#ffffff2a}
.rc-f{display:flex;align-items:center;gap:10px}.rc-f .bar{flex:1}.rc-f span{font-size:12px}
/* friends */
.fr-card{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.fr-card p{margin:0;font-size:13px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.row input,.acct-box input{flex:1;min-width:160px;padding:10px 12px;border-radius:10px;border:1px solid #ffffff2a;background:#0b1630;color:#fff;font:inherit;font-size:14px}
.linkbox{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:10px;background:#ffffff0a;font-size:13px}.linkbox code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bfe9e3}
.gift-pick{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff0d;border:1px solid #ffffff22;font:inherit;font-size:13px;color:var(--txt);cursor:pointer}
.chip small{color:var(--mut)}.chip:hover{border-color:var(--sel)}
.cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0}.cmp div{text-align:center;padding:10px;border-radius:12px;background:#ffffff0a}.cmp b{display:block;font-size:22px}.cmp small{color:var(--mut);font-size:12px}
.mini-map{width:100%;aspect-ratio:2/1;display:block;border-radius:12px;background:var(--sea)}
.mini-map .country{cursor:default}
.legend2{display:flex;gap:14px;font-size:12px;color:var(--mut)}
.music{background:linear-gradient(135deg,#b56cff1a,#4da3ff14),var(--card)}
/* viewer */
.v-img{position:relative;width:100%}.v-img img{width:100%;border-radius:12px;display:block}
.rar-tag{position:absolute;left:10px;top:10px;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;color:#0b1630}
.rar-tag.r-rare{background:var(--r-rare)}.rar-tag.r-epic{background:var(--r-epic);color:#fff}.rar-tag.r-legendary{background:var(--r-legendary)}
.v-note{margin:8px 0 0;color:#c9d4ef;font-size:13.5px;line-height:1.5;text-align:left}.v-custom{display:block;margin-top:8px;padding:8px 10px;border-radius:10px;background:#ffffff0a}
.v-act{flex-wrap:wrap;justify-content:center}
.uhd-btn{position:relative;width:100%;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;text-align:left;padding:12px 14px;border-radius:14px;border:1.5px solid #ffc94d66;background:linear-gradient(135deg,#ffc94d1f,#ff9e3d0f);color:var(--txt);cursor:pointer;font:inherit}
.uhd-btn span{grid-row:1/3;font-size:24px}.uhd-btn b{font-size:15px}.uhd-btn small{color:var(--mut);font-size:12px;padding-right:110px}.uhd-btn .pro{top:50%;transform:translateY(-50%)}
.uhd-btn:disabled{opacity:.5}.uhd-prog{width:100%;display:flex;flex-direction:column;gap:6px}.uhd-prog small{color:var(--mut);text-align:center}
/* info sheets */
.info-sheet{align-items:stretch;text-align:left;max-width:460px}.info-sheet>b{font-size:18px}.info-sheet p{margin:0;font-size:13.5px;line-height:1.5}
.odds{display:flex;flex-direction:column;gap:8px}.od{display:grid;grid-template-columns:14px 1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff0a}
.od i{width:12px;height:12px;border-radius:50%}.od.r-common i{background:var(--r-common)}.od.r-rare i{background:var(--r-rare)}.od.r-epic i{background:var(--r-epic)}.od.r-legendary i{background:var(--r-legendary);box-shadow:0 0 10px var(--r-legendary)}
.od span{font-weight:800}
.acct-box{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#ffffff08}.acct-box>small{color:var(--gold);font-weight:600}
.sync-code{font-family:ui-monospace,Menlo,monospace;font-size:20px;letter-spacing:3px;color:var(--gold)}
.acct-box.danger{border:1px solid #ff7a7a33}.priv p{margin:0 0 8px}
.gift-sheet{align-items:center;text-align:center}.gift-env{font-size:64px;animation:pop 1s}
/* why */
.why{padding:18px 4px 4px}.why h2{text-align:center;font-size:22px;margin:0 0 14px}
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.why-c{background:var(--card);border:1px solid #ffffff12;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.why-c b{padding:12px 12px 0;font-size:14.5px}.why-c p{margin:6px 12px 14px;color:var(--mut);font-size:12.5px;line-height:1.5}
.why-v{aspect-ratio:4/3;display:grid;place-items:center;background-size:cover;background-position:center;position:relative}
.why-v span{font-size:40px;filter:drop-shadow(0 4px 10px #0006)}
.why-v.v1{background:linear-gradient(135deg,#ff9a8b,#ff6a88 50%,#ff99ac)}.why-v.v2{background:linear-gradient(135deg,#4facfe,#00f2fe)}.why-v.v3{background:linear-gradient(135deg,#f6d365,#fda085)}.why-v.v4{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.why-v.v5{background:linear-gradient(135deg,#43e97b,#38f9d7)}
.why-v.img span{position:absolute;right:8px;bottom:6px;font-size:22px}
.why-honest{text-align:center;font-size:12.5px;margin:14px auto 0;max-width:620px}
@media (max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr)}.badges{grid-template-columns:repeat(3,1fr)}.land-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
  .top{padding:10px 12px}.brand small{display:none}.streak{padding:4px 8px}.lang-btn{padding:5px 8px}
  .tabs{position:fixed;top:auto;bottom:0;left:0;right:0;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #ffffff14;border-bottom:0;background:#0b1630f2}
  .tabs button{flex-direction:column;gap:1px;padding:4px 8px;font-size:11px;border-radius:12px}.tabs button span{font-size:20px}.tabs button.on{background:none;color:var(--gold)}
  main{padding-bottom:90px}
  .cta-wrap{bottom:calc(70px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(140px + env(safe-area-inset-bottom))}
  .daily{padding:10px 12px;gap:10px}.pc-stamp{width:44px;height:44px;font-size:24px}.pc-body b{font-size:15px}
  .cards3{grid-template-columns:1fr}.cards3 .opt{flex-direction:row;align-items:center;gap:10px}.cards3 .opt span{font-size:22px}.cards3 .opt small{display:none}
  .occ{grid-template-columns:repeat(4,1fr);gap:6px}.occ-i{padding:10px 2px}.occ-i b{font-size:11px}
  .shoot-sheet{padding:16px 14px;max-height:94vh}.modal{align-items:flex-end;padding:0}.sheet{border-radius:20px 20px 0 0;max-height:94vh}
  .land-grid{grid-template-columns:repeat(3,1fr);gap:6px}.land-grid.wide{grid-template-columns:1fr}
  .routes{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr;gap:8px}.why-c p{font-size:12px}
  .pp-cover{flex-direction:column;align-items:flex-start}.ppc-r{justify-content:flex-start}
  .stamps{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}
  .quiz{grid-template-columns:1fr}.slot{height:36px;padding:0 8px;font-size:13px}.slot.on b{max-width:80px}
  .uhd-btn small{padding-right:0}.uhd-btn .pro{top:10px;transform:none}
}
.cta-wrap{position:static}.cta-wrap.ready{position:sticky;bottom:12px;z-index:15}
.btn.big:disabled{background:#16264d;color:#9fb0d6;border:1px solid #ffffff1c}
@media (max-width:640px){.cta-wrap.ready{bottom:calc(74px + env(safe-area-inset-bottom))}.hero h1{font-size:22px;letter-spacing:.5px;line-height:1.25}.hero p{font-size:12px}.daily .pc-body span{display:none}}
.v-custom b{display:inline}.ff .rar.c-common{display:none}
.why-v img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.why-v.img span{position:absolute;left:10px;bottom:10px;right:auto;font-size:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0b1630b3;backdrop-filter:blur(4px)}
.why-v.img::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,#0b163099)}.why-v.img span{z-index:1}
/* ---------- credits ---------- */
.coins{display:flex;align-items:center;gap:4px;padding:6px 8px 6px 10px;border-radius:999px;border:1px solid #ffc84a66;background:linear-gradient(135deg,#ffc84a26,#ff9f1c14);color:#ffe3a3;font:inherit;cursor:pointer;transition:transform .2s}
.coins b{font-size:15px;font-variant-numeric:tabular-nums;min-width:14px;text-align:center}
.coins i{font-style:normal;font-size:11px;font-weight:800;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#3a2100}
.coins:hover{transform:translateY(-1px)}
.coins.up{animation:coinUp .7s}.coins.down{animation:coinDown .5s}
@keyframes coinUp{30%{transform:scale(1.18);box-shadow:0 0 0 6px #ffc84a33}}
@keyframes coinDown{30%{transform:scale(.92)}}
.pro.cost{background:#ffc84a22;color:#ffd77a;border:1px solid #ffc84a55;letter-spacing:.2px;text-transform:none}
.summary .cost-row{flex:1 1 100%;flex-wrap:wrap;background:linear-gradient(135deg,#ffc84a1f,#ffffff08);border:1px solid #ffc84a44}
.summary .cost-row b{font-size:15px;color:#ffe3a3}.summary .cost-row small{color:var(--mut)}
.summary .cost-row em{margin-left:auto;font-style:normal;font-size:11px;padding:2px 8px;border-radius:99px;background:#7c5cff26;color:#cfc2ff}
.summary .cost-row.free{border-color:#3ddc9755;background:#3ddc9714}.summary .cost-row.free b{color:#9ff0c8}
.summary .cost-row.short{border-color:#ff6b6b66;background:#ff6b6b14}.summary .cost-row.short b{color:#ffb3b3}
.summary .cost-row.wait b{opacity:.5}
.top-sheet{max-width:560px;align-items:stretch}
.top-hd{display:flex;gap:12px;align-items:center}.top-hd b{font-size:19px}.top-hd p{margin:2px 0 0}
.coin-big{font-size:34px;width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 30% 30%,#ffe08a55,#ff9f1c22);border:1px solid #ffc84a55}
.top-need{margin:0;padding:10px 12px;border-radius:12px;background:#ff6b6b14;border:1px solid #ff6b6b44;color:#ffd0d0;font-size:13px}
.test-banner{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:12px;border:1px dashed #3ddc97aa;background:repeating-linear-gradient(135deg,#3ddc9712 0 10px,#3ddc9706 10px 20px);font-size:12.5px;color:#bff5dc}
.test-banner b{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#7ff0bd}
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 8px 12px;border-radius:16px;border:1px solid #ffffff1f;background:#ffffff08;color:var(--fg);font:inherit;cursor:pointer;transition:transform .15s,border-color .15s}
.pack:hover{transform:translateY(-2px);border-color:#ffc84a88}
.pack.popular{border:1.5px solid var(--gold);background:linear-gradient(180deg,#ffc84a1f,#ffffff06);box-shadow:0 8px 28px #ffc84a22}
.pack.best{border-color:#7c5cff88;background:linear-gradient(180deg,#7c5cff1f,#ffffff06)}
.pack.fit{outline:2px solid #3ddc97;outline-offset:2px}
.pack-tag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:99px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#3a2100}
.pack.best .pack-tag{background:linear-gradient(135deg,#9d86ff,#6a4cff);color:#fff}
.pack-n{font-size:28px;font-weight:800;line-height:1;display:flex;flex-direction:column;align-items:center}.pack-n small{font-size:11px;font-weight:600;color:var(--mut);margin-top:3px}
.pack-sub{font-size:11.5px;color:var(--mut);text-align:center}.pack-sub em{font-style:normal;color:#9ff0c8;font-weight:700}
.pack-buy{margin-top:4px;width:100%;padding:9px 4px;border-radius:10px;background:#ffffff14;font-weight:700;font-size:13px}
.pack.popular .pack-buy{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#3a2100}
.pack.busy{opacity:.6;pointer-events:none}.pack:disabled{cursor:wait}
.rates{font-size:13px;color:var(--mut)}.rates summary{cursor:pointer;color:var(--fg);font-weight:600}.rates ul{margin:8px 0 0;padding-left:18px;display:grid;gap:4px}
@media (max-width:600px){
  .packs{grid-template-columns:1fr;gap:12px}
  .pack{flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:14px;text-align:left}
  .pack-n{flex-direction:row;align-items:baseline;gap:5px;font-size:24px}.pack-n small{margin:0}
  .pack-sub{order:3;width:100%;text-align:left}.pack-buy{width:auto;margin:0;padding:8px 12px}
  .pack-tag{left:14px;transform:none}
  .coins{padding:5px 6px 5px 8px}.coins i{display:none}
}