.v5o{--ec:var(--lime);display:block}.v5o-col{width:min(100%,480px);padding:calc(10px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));animation:v5o-in .3s var(--ease) both;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid;position:absolute;inset:0}.v5o-col.wide{grid-template-rows:auto auto auto minmax(0,1fr);width:min(100%,900px)}.v5o-col>:is(.v5o-sub,.v5o-msg,.v5o-slots){align-self:start}@keyframes v5o-in{0%{opacity:0;transform:translateY(8px)}}.v5o-top{align-items:center;height:48px;display:flex}.v5o-h{font-variation-settings:"wdth" 78;letter-spacing:-.015em;text-align:center;padding:6px 0 4px;font-size:32px;font-weight:800;line-height:1.05}.v5o-sub{color:var(--ink);text-align:center;font-size:16px;font-weight:500;line-height:1.35}.v5o-sub b{color:var(--lime);font-weight:800}.v5o-sub.dim{color:var(--dim);font-size:15px}.v5o-foot{gap:2px;padding-top:12px;display:grid}.v5o-foot .v5-primary:disabled{color:#8f91a8;box-shadow:none;background:#2a2d44}.v5o-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.v5o-two .v5-btn{height:52px;font-size:16px}.v5o-link{color:var(--ink);opacity:.8;text-underline-offset:4px;font-size:16px;-webkit-text-decoration:underline #f3efe659;text-decoration:underline #f3efe659}.v5o-danger{color:var(--coral)}.v5o-danger.sure{font-weight:800}.v5o-portrait{background:var(--panel2);border-radius:50%;flex:none;display:block;position:relative;overflow:hidden}.v5o-portrait img{object-fit:cover;width:124%;max-width:none;height:auto;position:absolute;top:-24%;left:-12%}.v5o-portrait.ring{box-shadow:0 0 0 3px var(--lime),0 0 44px #c6ff3d4d}.v5o-title{padding:calc(20px + env(safe-area-inset-top)) 22px calc(14px + env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.v5o-title:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#c6ff3d1c,#0000 70%);border-radius:50%;width:130vmin;height:130vmin;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}.v5o-fan{--w:min(50vw,31vh,250px);width:min(100%,520px);height:100%;min-height:0;position:relative}.v5o-fc{width:var(--w);aspect-ratio:3/4;box-shadow:0 30px 60px -20px #000000e6,0 0 0 1.5px color-mix(in srgb,var(--ec) 60%,transparent);transform-origin:50% 120%;animation:v5o-deal .7s var(--ease) both;background:#12142a;border-radius:18px;position:absolute;top:60%;left:50%;overflow:hidden}.v5o-fc img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.v5o-fc.f0{--r:-15deg;--x:-58%;--y:-48%;animation-delay:.1s}.v5o-fc.f2{--r:15deg;--x:-42%;--y:-48%;animation-delay:.2s}.v5o-fc.f1{--r:0deg;--x:-50%;--y:-56%;z-index:2;width:calc(var(--w)*1.16);box-shadow:0 34px 70px -18px #000000f2,0 0 0 2px var(--lime),0 0 60px #c6ff3d40}.v5o-fc{transform:translate(var(--x),var(--y)) rotate(var(--r))}@keyframes v5o-deal{0%{opacity:0;transform:translate(-50%,-30%)rotate(0)scale(.92)}}.v5o-logo{z-index:3;font-variation-settings:"wdth" 75;letter-spacing:-.025em;justify-items:center;margin-top:6px;font-size:clamp(66px,22vw,104px);font-weight:800;line-height:.84;display:grid;position:relative}.v5o-logo span{letter-spacing:.02em;color:var(--ink);font-size:.54em;font-weight:700}.v5o-logo b{color:var(--lime);text-shadow:0 0 44px #c6ff3d59;font-weight:800}.v5o-title-cta{z-index:3;gap:2px;width:100%;max-width:360px;padding-top:20px;display:grid;position:relative}.v5o-who{align-content:center;justify-items:center;gap:12px;min-height:0;display:grid}.v5o-who.center{align-content:center}.v5o-me{animation:v5-popin .32s var(--ease) both}.v5o-nick{font-variation-settings:"wdth" 85;align-items:center;gap:8px;min-height:48px;font-size:24px;font-weight:800;display:flex}.v5o-buddies{grid-template-columns:repeat(4,auto);gap:12px;padding-top:8px;display:grid}.v5o-buddies button{opacity:.72;transition:opacity .15s,transform .15s var(--ease);border-radius:50%}.v5o-buddies button.on{opacity:1;box-shadow:0 0 0 3px var(--lime);transform:scale(1.04)}.v5o-warn{color:var(--ink);text-align:center;background:#ff7b7b1f;border:1px solid #ff7b7b73;border-radius:14px;padding:10px 14px;font-size:16px;font-weight:600}.v5o-packs{grid-template-rows:repeat(3,minmax(0,1fr));align-self:center;gap:12px;height:100%;min-height:0;max-height:640px;padding:12px 0 4px;display:grid}.v5o-pack{text-align:left;min-height:0;box-shadow:0 22px 40px -22px #000000e6,inset 0 0 0 1.5px color-mix(in srgb,var(--ec) 55%,transparent);transition:transform .2s var(--ease),opacity .2s;background:#12142a;border-radius:20px;display:block;position:relative;overflow:hidden}.v5o-pack img{object-fit:cover;object-position:50% 24%;width:68%;height:100%;position:absolute;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#000 42%);mask:linear-gradient(90deg,#0000,#000 42%)}.v5o-pack:before{content:"";background:linear-gradient(100deg,color-mix(in srgb,var(--ec) 46%,#0a0b14) 0%,color-mix(in srgb,var(--ec) 16%,#0a0b14) 62%);position:absolute;inset:0}.v5o-pk-txt{z-index:2;flex-direction:column;justify-content:center;gap:8px;width:62%;height:100%;padding:0 16px;display:flex;position:relative}.v5o-pk-name{font-variation-settings:"wdth" 78;letter-spacing:-.01em;align-items:center;gap:8px;font-size:30px;font-weight:800;line-height:1;display:flex}.v5o-pk-name .v5-i{color:var(--ec);--fl:color-mix(in srgb,var(--ec) 35%,transparent);--sw:2.2;font-size:27px}.v5o-pk-star{color:var(--dim);font-size:14px;font-weight:600;line-height:1.2;display:grid}.v5o-pk-star b{color:var(--ink);font-size:17px;font-weight:800}.v5o-pk-tick{z-index:3;background:var(--lime);color:#0a0b14;--sw:3;width:34px;height:34px;animation:v5-popin .25s var(--ease) both;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:12px;right:12px}.v5o-pack.on{box-shadow:0 0 0 3px var(--lime),0 0 34px #c6ff3d47}.v5o-pack.off{opacity:.5}.v5o-savecard{border:1.5px solid var(--line);background:linear-gradient(170deg,#1c2146,#14172b 70%);border-radius:22px;align-self:center;justify-items:center;gap:10px;padding:22px 16px 16px;display:grid;box-shadow:0 26px 60px -24px #000000e6}.v5o-savecard .v5o-two{width:100%;margin-top:4px}.v5o-sc-nick{font-size:19px;font-weight:700}.v5o-code{font-variation-settings:"wdth" 88;letter-spacing:.035em;color:var(--lime);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 30px #c6ff3d40;-webkit-user-select:all;user-select:all;font-size:clamp(32px,10.4vw,44px);font-weight:800}.v5o-saveblock{align-self:center;gap:12px;display:grid}.v5o-col:has(.v5o-keys){grid-template-rows:auto auto auto auto minmax(0,1fr)}.v5o-slots{justify-content:center;align-items:center;gap:4px;padding-top:10px;display:flex}.v5o-sc{color:var(--dim);letter-spacing:.04em;font-size:18px;font-weight:800}.v5o-slots>i{background:var(--dim);width:7px;height:2px;margin:0 2px}.v5o-cell{background:var(--panel);border:1.5px solid var(--line);border-radius:10px;place-items:center;width:34px;height:46px;font-size:22px;font-weight:800;display:grid}.v5o-cell.on{background:var(--panel2);border-color:#c6ff3d8c}.v5o-cell.at{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.v5o-cell.gap{margin-left:10px}.v5o-msg{text-align:center;min-height:44px;color:var(--dim);padding-top:10px;font-size:16px;font-weight:600}.v5o-msg.bad{color:var(--coral)}.v5o-keys{grid-template-columns:repeat(6,minmax(0,1fr));align-self:end;gap:7px;display:grid}.v5o-keys button{background:var(--panel2);border:1px solid var(--line);border-radius:12px;place-items:center;height:clamp(46px,8.2vh,62px);font-size:20px;font-weight:700;display:grid}.v5o-keys button:active{background:#2a2f58;transform:scale(.96)}.v5o-keys button:disabled{opacity:.4}.v5o-keys .wide{grid-column:span 4;font-size:24px}.v5o-col.home{grid-template-rows:auto auto minmax(0,1fr) auto}.v5o-player{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 0 8px;display:grid}.v5o-pp{display:block;position:relative}.v5o-pp .v5o-portrait{box-shadow:0 0 0 2px #c6ff3da6}.v5o-dot{background:var(--lime);border:2.5px solid var(--bg);border-radius:50%;width:13px;height:13px;position:absolute;bottom:0;right:0}.v5o-dot.offline{background:#ffb454}.v5o-dot.saving{background:var(--sky)}.v5o-pinfo{gap:5px;min-width:0;display:grid}.v5o-pinfo b{font-variation-settings:"wdth" 85;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:800;overflow:hidden}.v5o-lv{align-items:center;gap:9px;display:flex}.v5o-lv em{color:var(--dim);white-space:nowrap;font-size:14px;font-style:normal;font-weight:700}.v5o-bar{background:var(--faint);border-radius:9px;flex:1;max-width:150px;height:7px;overflow:hidden}.v5o-bar i{background:var(--lime);height:100%;transition:width .5s var(--ease);border-radius:9px;display:block}.v5o-note{min-height:40px;color:var(--ink);text-align:center;background:#f3efe60f;border-radius:12px;justify-content:center;justify-self:center;align-items:center;gap:7px;padding:8px 12px;font-size:15px;font-weight:600;display:flex}.v5o-note.on{color:var(--sky);background:#9fd8ff24}.v5o-note .v5-i{font-size:15px}.v5o-hero{grid-row:3;place-items:center;min-height:0;padding:8px 0;display:grid;position:relative}.v5o-hero:before{content:"";aspect-ratio:1;background:radial-gradient(closest-side,color-mix(in srgb,var(--ec) 22%,transparent),transparent 72%);pointer-events:none;border-radius:50%;width:min(92vw,62vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.v5o-hc{aspect-ratio:3/4;max-width:100%;height:min(100%,420px);box-shadow:0 34px 70px -22px #000000f2,0 0 0 1.5px color-mix(in srgb,var(--ec) 60%,transparent);background:#12142a;border-radius:20px;position:relative;overflow:hidden}.v5o-hc img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.v5o-actions{grid-row:4;gap:8px;display:grid}.v5o-packbtn{border:2px solid var(--lime);color:var(--lime);background:0 0;height:50px}.v5o-packbtn em{background:var(--lime);color:#0a0b14;border-radius:99px;place-items:center;min-width:26px;height:26px;font-size:15px;font-style:normal;display:grid}.v5o-pity{text-align:center;color:var(--dim);font-size:14px;font-weight:600}.v5o-rival{height:44px;color:var(--dim);justify-self:center;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.v5o-rival b{color:var(--ink);font-weight:800}.v5o-rival .v5-i{font-size:14px}.v5o-headrow{justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.v5o-headrow .v5o-h{text-align:left;padding:0}.v5o-count{color:var(--dim);font-size:16px;font-weight:600}.v5o-count b{color:var(--lime);font-size:20px}.v5o-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:max-content;align-content:start;gap:9px;min-height:0;padding:8px 2px 4px;display:grid;overflow-y:auto}.v5o-gc{aspect-ratio:3/4;border-radius:12px;width:100%;display:block;position:relative;overflow:hidden}.v5o-gc .v5-thumb{border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.v5o-gc em{min-width:24px;height:24px;color:var(--lime);background:#0a0b14db;border-radius:99px;place-items:center;font-size:14px;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:5px;right:5px}.v5o-gc.no .v5-thumb img{filter:grayscale()brightness(.2)}.v5o-gc.no .v5-cel{opacity:.25}.v5o-q{color:#f3efe659;place-items:center;font-size:28px;font-weight:800;display:grid;position:absolute;inset:0}.v5o-sheet{max-width:520px;margin:0 auto;bottom:12px}.v5o-list{align-self:start;gap:8px;padding-top:14px;display:grid}.v5o-list button{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:0 16px;font-size:17px;font-weight:700;display:grid}.v5o-list .v5-i{color:var(--lime);font-size:21px}.v5o-list em{color:var(--dim);font-size:15px;font-style:normal;font-weight:600}.v5o-col:has(.v5o-list){grid-template-rows:auto auto auto minmax(0,1fr) auto}.v5o-col:has(.v5o-list)>.v5o-sub{padding-top:12px}@media (min-width:900px){.v5o{background:radial-gradient(60% 70% at 50% 40%,#20254f 0%,transparent 70%),var(--bg)}.v5o-col{border:1.5px solid var(--line);background:#14172b8c;border-radius:26px;width:min(100%,520px);height:calc(100% - 48px);padding:18px 26px 22px;inset:24px 0;box-shadow:0 40px 90px -40px #000000e6}.v5o-col.wide{width:min(100%,960px)}.v5o-fan{--w:min(26vh,230px)}.v5o-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}@media (prefers-reduced-motion:reduce){.v5o-col,.v5o-fc,.v5o-me{animation:none}}
