:root{--bg: #1c1e3d;--card: #2b2e57;--card2: #383c6e;--line: #0d0e22;--fg: #ffffff;--muted: #a9accd;--accent: #ffd23a;--blue: #2f8dff;--green: #46d95a;--red: #ff5a66;--radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:Fredoka,Jua,system-ui,sans-serif}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input{font:inherit}.screen{max-width:640px;margin:0 auto;padding:16px;min-height:100dvh;display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border:3px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 4px 0 var(--line)}.card.soft{background:var(--card2)}h1{font-family:Jua,sans-serif;font-size:32px;margin:8px 0;text-align:center}h2{font-size:20px;margin:0 0 8px}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center}.grow{flex:1}.btn{min-height:56px;padding:12px 18px;border-radius:var(--radius);border:3px solid var(--line);background:var(--blue);color:#fff;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 4px 0 var(--line);transition:transform .05s;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.btn:disabled{opacity:.45;cursor:default}.btn.accent{background:var(--accent);color:#1c1e3d}.btn.green{background:var(--green);color:#0d0e22}.btn.red{background:var(--red)}.btn.ghost{background:var(--card2)}.btn.sm{min-height:44px;font-size:15px;padding:8px 12px}.input{width:100%;min-height:56px;padding:12px 16px;border-radius:var(--radius);border:3px solid var(--line);background:#15172e;color:#fff;font-size:20px;outline:none}.input.code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-size:28px;font-family:Jua,sans-serif}.error{background:#4a1f2a;border-color:var(--red);color:#ffb3ba}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--card2);border:2px solid var(--line);font-size:14px}.cash{font-family:Jua,sans-serif;font-size:28px;color:var(--accent)}.choices{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 480px){.choices{grid-template-columns:1fr 1fr}}.choice{min-height:64px;text-align:left;font-size:20px;background:var(--card2)}.choice.correct{background:var(--green);color:#0d0e22}.choice.wrong{background:var(--red)}.timer{height:10px;border-radius:999px;background:#15172e;border:2px solid var(--line);overflow:hidden}.timer>div{height:100%;background:var(--accent);transition:width .25s linear}.prompt{font-size:22px;line-height:1.35;min-height:60px}.shop{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop .item{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--card2);border:3px solid var(--line);border-radius:var(--radius)}.shop .item .lv{color:var(--muted);font-size:13px}.flash{position:fixed;left:50%;top:18%;transform:translate(-50%);padding:10px 18px;border-radius:999px;font-weight:700;font-size:20px;pointer-events:none;animation:pop .9s ease-out forwards;z-index:10}.flash.up{background:var(--green);color:#0d0e22}.flash.down{background:var(--red)}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}20%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-30px) scale(1)}}.roster{display:flex;flex-wrap:wrap;gap:8px}.roster .pill.off{opacity:.5;text-decoration:line-through}table.lb{width:100%;border-collapse:collapse}table.lb td{padding:8px 6px;border-bottom:2px solid var(--line)}table.lb td.r{text-align:right;font-family:Jua,sans-serif;color:var(--accent)}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:70dvh;overflow:auto;background:var(--card);border-top:3px solid var(--line);border-radius:20px 20px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -6px 0 var(--line);z-index:5}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:4}.host{max-width:none;padding:24px 32px;display:grid;grid-template-columns:1.1fr 1fr;gap:20px;grid-template-rows:auto 1fr}.host .code{font-family:Jua,sans-serif;font-size:clamp(56px,10vw,128px);letter-spacing:.12em;text-align:center;color:var(--accent);line-height:1}.host .big{font-size:clamp(20px,2.4vw,32px)}.host .lbrow{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:8px 10px;border-bottom:2px solid var(--line);font-size:clamp(18px,2vw,28px)}.host .lbrow .rank{font-family:Jua,sans-serif;color:var(--muted)}.host .lbrow .score{font-family:Jua,sans-serif;color:var(--accent)}.host .lbrow.me{background:#2f8dff26;border-radius:8px}.emote-tray{display:flex;gap:6px;flex-wrap:wrap}.emote-tray .btn{min-height:44px;padding:6px 10px;font-size:22px;background:var(--card2)}.emote-float{position:fixed;right:16px;bottom:90px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:6}.emote-float div{background:var(--card2);border:2px solid var(--line);border-radius:999px;padding:4px 10px;font-size:16px;animation:pop 2.5s ease-out forwards}@media (max-width: 900px){.host{grid-template-columns:1fr}}.charcanvas{width:100%;overflow:hidden}.charcanvas canvas{width:100%!important}.avatars{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:10px 14px;overflow:hidden}.avatar{display:flex;flex-direction:column;align-items:center;gap:4px}.avatar .face{border-radius:50%;display:grid;place-items:center;color:#0d0e22;font-weight:700;font-size:20px;box-sizing:border-box}.avatar .lbl{font-size:12px;color:var(--muted);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lookpicker{display:flex;flex-direction:column;gap:8px}.lookrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.lookgrid{display:flex;flex-wrap:wrap;gap:6px 18px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid #0d0e22;cursor:pointer;padding:0}.swatch.on{outline:3px solid var(--accent);outline-offset:1px}@media (min-width: 760px){.screen:not(.host){max-width:820px}.prompt{font-size:28px}.choice{font-size:24px;min-height:80px}}.hero{display:flex;flex-direction:column;gap:10px}.hero-top{display:flex;gap:12px;align-items:center}.hero .charcanvas,.hero .avatars{width:140px;flex:none}.hero-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.hero-name{font-family:Jua,sans-serif;font-size:26px;line-height:1.1;overflow-wrap:anywhere}@media (min-width: 760px){.hero .charcanvas,.hero .avatars{width:200px}.hero-name{font-size:32px}}.classcard.open{border-color:var(--green);box-shadow:0 4px 0 var(--green)}.qgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 520px){.qgrid{grid-template-columns:repeat(2,1fr)}}.qitem{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:72px;padding:8px 6px;border-radius:14px;border:3px solid var(--line);background:var(--card);color:#fff;cursor:pointer;box-shadow:0 3px 0 var(--line);font-family:inherit}.qitem:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.qitem:disabled{opacity:.5;cursor:default}.qitem.ok{background:var(--green);color:#0d0e22}.qitem.pu.ok{background:var(--accent)}.qitem .qname{font-size:13px;font-weight:700;text-align:center;line-height:1.15}.qitem .qname .lv{font-weight:400;opacity:.75;font-size:11px}.qitem .qprice{font-family:Jua,sans-serif;font-size:20px;line-height:1}.qitem .qnext{font-size:11px;opacity:.8}.invgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:10px}.invitem{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:92px;padding:6px;border-radius:14px;border:2px solid #0d0e22;background:var(--card2);color:var(--fg);cursor:pointer}.invitem.on{outline:3px solid var(--accent);outline-offset:1px}.invitem .tier{font-size:11px;font-weight:700;color:#0d0e22;padding:1px 8px;border-radius:999px}.itemicon{position:relative;overflow:hidden}.sbscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#1c1e3d}.sbhud{display:flex;align-items:center;gap:6px;padding:6px 8px;flex-wrap:wrap}.sbstage{flex:1;min-height:0;position:relative}.sbstage canvas{display:block;width:100%;height:100%}.sbhint{font-size:12px;text-align:center;padding:4px}.sbpaused{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--red);padding:12px 20px;border-radius:14px;font-weight:800;z-index:5}@media (orientation: portrait) and (max-width: 700px){.sbhint:not(.dldhint):after{content:" · 가로로 돌리면 더 커요"}}.xpbar{width:100%;height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:4px}.xpbar>div{height:100%;background:var(--green);border-radius:3px;transition:width .3s}.invitem.locked{opacity:.45;filter:grayscale(.6);cursor:not-allowed}.ebar{display:inline-block;width:56px;height:8px;border-radius:4px;background:var(--line);margin-left:6px;vertical-align:middle;overflow:hidden}.ebar>span{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .2s}.arenascreen{background:#cfe9ff}.arenastage{flex:1;min-height:0;position:relative}@media (orientation: portrait){.arenastage{flex:0 0 38vh}.arenascreen{background:#1c1e3d}.arenahand{flex:1}.cardchip{flex-basis:96px}.cardchip .art{height:72px}}.arenastage canvas{display:block;width:100%;height:100%;touch-action:none}.arenahud{background:#1c1e3d;justify-content:space-between}.arenahud .pill{font-weight:800}.arenahud [data-testid=arena-clock]{flex:1;text-align:center}.arenahand{background:#1c1e3d;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.elixir{display:flex;align-items:center;gap:3px;margin-bottom:6px}.elixir .seg{flex:1;height:10px;border-radius:5px;background:#2f3260}.elixir .seg.on{background:#c66bff;box-shadow:0 0 6px #c66bff88}.elixir .seg.half{background:linear-gradient(90deg,#c66bff 50%,#2f3260 50%)}.elixir b{color:#e2b7ff;min-width:22px;text-align:right;font-size:15px}.arenahand .cards{display:flex;gap:6px;align-items:flex-end;justify-content:center}.cardchip{flex:0 1 84px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 4px 5px;border:3px solid #4b4f84;border-radius:12px;background:#2a2d58;color:#f3f4ff;font-family:inherit;font-weight:800;font-size:12px;position:relative;cursor:pointer;min-width:0}.cardchip.r-rare{border-color:#2e86de}.cardchip.r-epic{border-color:#8e44ad}.cardchip.sel{outline:3px solid #ffd166;outline-offset:1px;transform:translateY(-4px);background:#3a3e78}.cardchip.dim{opacity:.5}.cardchip.small{flex:0 0 auto;width:46px;padding:2px;font-size:9px;border-width:2px}.cardchip.small .art{height:30px}.cardchip .cost{position:absolute;top:-8px;left:-6px;background:#c66bff;color:#fff;border-radius:50%;width:22px;height:22px;line-height:22px;font-size:13px;text-align:center;border:2px solid #1c1e3d}.cardchip.small .cost{width:16px;height:16px;line-height:14px;font-size:10px;top:-6px;left:-5px}.cardchip .art{width:100%;height:56px;border-radius:8px;background:#1c1e3d;display:flex;align-items:center;justify-content:center;overflow:hidden}.cardchip .art img{width:100%;height:100%;object-fit:contain}.cardchip .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cardchip .elem{position:absolute;top:-8px;right:-4px;font-size:13px}.nextcard{font-size:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px}.arenahint{background:#1c1e3d}.arenaresult{text-align:center;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);min-width:240px;z-index:31}.deckslots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.deckslots .cardchip{width:100%;flex:none}.cardchip.empty{align-items:center;justify-content:center;color:var(--muted);font-size:26px;min-height:96px;border-style:dashed;cursor:default}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.colcard{position:relative;cursor:pointer}.colcard .cardchip{width:100%;flex:none}.colcard.locked .cardchip{filter:grayscale(1);opacity:.55}.colcard .lock{position:absolute;left:50%;top:34px;transform:translate(-50%);font-size:22px;pointer-events:none}.colcard .info{position:absolute;right:-4px;bottom:-4px;padding:0 6px;font-size:11px;min-height:0;line-height:18px}.flipcard{width:96px;height:152px;perspective:600px;cursor:pointer}.flipcard .back,.flipcard .front{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;transition:transform .5s;border-radius:12px}.flipcard .back{background:linear-gradient(135deg,#2a2d58,#4b4f84);border:3px solid var(--rc, #9aa0c7);display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:900;color:#ffd166}.flipcard .front{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;gap:5px}.flipcard .front .cardchip{width:100%}.flipcard .front .tier{display:flex;align-items:center;justify-content:center;gap:4px;height:20px;white-space:nowrap}.flipcard.open .back{transform:rotateY(180deg)}.flipcard.open .front{transform:rotateY(0)}.sbpaused.promo{top:32%;animation:promo .5s ease-out;box-shadow:0 0 0 4px #fff4}@keyframes promo{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 700px){.tiles{grid-template-columns:repeat(4,1fr)}}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;min-height:92px;border-radius:var(--radius);border:3px solid var(--line);background:var(--blue);color:#fff;font-family:inherit;cursor:pointer;box-shadow:0 4px 0 var(--line);text-align:left;transition:transform .05s;touch-action:manipulation}.tile:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.tile.accent{background:var(--accent);color:#1c1e3d}.tile.green{background:var(--green);color:#0d0e22}.tile.ghost{background:var(--card2)}.tile .ico{font-size:26px;line-height:1}.tile .lbl{font-weight:800;font-size:17px;margin-top:4px}.tile .sub{font-size:12px;opacity:.8;font-weight:600}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.chip{border:2px solid var(--line);background:var(--card2);color:var(--fg);border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px;font-family:inherit;cursor:pointer}.chip.on{background:var(--accent);color:#1c1e3d}.colcard .newbadge{position:absolute;left:-4px;top:-8px;background:var(--red);color:#fff;font-size:10px;font-weight:900;padding:2px 6px;border-radius:8px;border:2px solid var(--line);pointer-events:none}.cardchip .lv{position:absolute;bottom:22px;right:-4px;background:#ffd166;color:#1c1e3d;font-size:10px;font-weight:900;padding:1px 5px;border-radius:6px;border:2px solid var(--line)}.cardchip.small .lv{bottom:14px;font-size:8px;padding:0 3px}.colcard .copies{position:absolute;left:10px;right:10px;bottom:-3px;height:5px;background:#0d0e22;border-radius:3px;overflow:hidden;pointer-events:none}.colcard .copies i{display:block;height:100%;background:#ffd166}.hero.stage{background-size:cover;background-position:center 40%;padding:14px}.hero-char{position:relative;width:150px;flex:none}.hero-char .charcanvas{width:150px}.hero-plate{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);background:#0d0e22;color:#fff;font-family:Jua,sans-serif;font-size:18px;padding:2px 12px;border-radius:999px;border:2px solid #ffd166;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.lvring{display:inline-flex;align-items:center;gap:8px;background:#0d0e22b3;border:2px solid #ffd166;border-radius:999px;padding:4px 12px 4px 6px;align-self:flex-start}.lvring b{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffd166;color:#1c1e3d;font-family:Jua,sans-serif;font-size:15px}.lvring span{font-weight:700;font-size:14px}.hero.stage .tiles{margin-top:6px}.hero.stage .tile{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}h2.section{font-family:Jua,sans-serif;font-size:20px}.gamecard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:120px;padding:16px 18px;border-radius:var(--radius);border:3px solid var(--line);box-shadow:0 4px 0 var(--line);background-size:cover;background-position:center;color:#fff;font-family:inherit;text-align:left;cursor:pointer;position:relative;transition:transform .05s}.gamecard:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.gamecard .gc-title{font-family:Jua,sans-serif;font-size:26px;text-shadow:0 2px 0 #0d0e22}.gamecard .gc-sub{font-size:13px;font-weight:700;opacity:.9;max-width:70%}.gamecard .gc-go{position:absolute;right:14px;bottom:12px;background:var(--accent);color:#1c1e3d;font-weight:900;padding:8px 14px;border-radius:999px;border:2px solid var(--line)}.titlescreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background-size:cover;background-position:center;color:#fff;z-index:8;padding:24px 20px calc(24px + env(safe-area-inset-bottom));gap:10px}.titlescreen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d0e221a 30%,#0d0e22eb);pointer-events:none}.titlescreen>*{position:relative}.titlescreen .logo{font-family:Jua,sans-serif;font-size:clamp(40px,9vw,64px);line-height:1;text-shadow:0 4px 0 #0d0e22,0 0 24px rgba(255,210,58,.35);text-align:center}.titlescreen .tagline{font-weight:700;opacity:.9;text-align:center}.titlescreen .deckrow{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;max-width:520px}.titlescreen .deckrow .cardchip{width:52px;flex:none;font-size:9px;padding:2px}.titlescreen .deckrow .cardchip .art{height:34px}.titlescreen .deckrow .cardchip .cost{width:16px;height:16px;line-height:14px;font-size:10px}.titlescreen .start{width:min(100%,360px);font-size:22px;animation:glow 1.6s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 4px 0 var(--line)}50%{box-shadow:0 4px 0 var(--line),0 0 22px 4px #ffd23a8c}}.titlescreen .loadbar{width:min(100%,360px);height:14px;border-radius:7px;background:#0d0e22;border:2px solid #4b4f84;overflow:hidden}.titlescreen .loadbar>div{height:100%;background:var(--accent);transition:width .2s}.titlescreen .back{position:absolute;top:calc(10px + env(safe-area-inset-top));left:10px}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0d0e22;color:#fff;background-size:cover;background-position:center;animation:splashout .4s ease-in 1.9s forwards;pointer-events:none}.splash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0e228c}.splash>*{position:relative}.splash .logo{font-family:Jua,sans-serif;font-size:clamp(36px,9vw,72px);text-shadow:0 4px 0 #0d0e22;animation:splashin .5s ease-out}.splash .sub{font-weight:800;opacity:.9}@keyframes splashin{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes splashout{to{opacity:0;visibility:hidden}}.tiles .tile:last-child:nth-child(odd){grid-column:1 / -1}@media (min-width: 700px){.tiles .tile:last-child:nth-child(odd){grid-column:auto}}.livecard{background:linear-gradient(135deg,#2b2e57,#1f3a6b)}.livecard .gc-title{font-family:Jua,sans-serif}.pack{width:110px;height:140px;border-radius:14px;background:linear-gradient(160deg,#ffd166,#ff8c42 60%,#c66bff);border:3px solid var(--line);box-shadow:0 6px 0 var(--line),inset 0 0 0 4px #ffffff40;display:flex;align-items:center;justify-content:center;font-size:56px}.pack.idle{animation:packbob 2s ease-in-out infinite}@keyframes packbob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.packopen{display:flex;flex-direction:column;align-items:center;padding:10px 0}.pack.shake{animation:packshake .75s ease-in-out,packburst .35s ease-in .75s forwards}@keyframes packshake{0%,to{transform:rotate(0)}15%{transform:rotate(-8deg) scale(1.02)}30%{transform:rotate(8deg) scale(1.04)}45%{transform:rotate(-10deg) scale(1.06)}60%{transform:rotate(10deg) scale(1.08)}75%{transform:rotate(-6deg) scale(1.1)}90%{transform:rotate(4deg) scale(1.12)}}@keyframes packburst{to{transform:scale(2.2);opacity:0;filter:brightness(3)}}.flipcard.enter{animation:cardin .45s cubic-bezier(.2,.9,.3,1.3) both}@keyframes cardin{0%{transform:translateY(80px) scale(.3);opacity:0}to{transform:none;opacity:1}}.flipcard .back span{animation:backglow 1.2s ease-in-out infinite}@keyframes backglow{0%,to{filter:drop-shadow(0 0 0 #fff0)}50%{filter:drop-shadow(0 0 10px #ffd166)}}.flipcard.open.r-rare .front .cardchip{box-shadow:0 0 18px 4px #2e86de99}.flipcard.open.r-epic .front .cardchip{box-shadow:0 0 24px 6px #8e44adcc}.flipcard .rays{position:absolute;top:-34px;right:-34px;bottom:-34px;left:-34px;background:conic-gradient(from 0deg,#ffd16600 0 12deg,#ffd16666 12deg 20deg,#ffd16600 20deg 36deg,#ffd16666 36deg 44deg,#ffd16600 44deg 60deg,#ffd16666 60deg 68deg,#ffd16600 68deg 84deg,#ffd16666 84deg 92deg,#ffd16600 92deg 108deg,#ffd16666 108deg 116deg,#ffd16600 116deg 132deg,#ffd16666 132deg 140deg,#ffd16600 140deg 156deg,#ffd16666 156deg 164deg,#ffd16600 164deg 180deg,#ffd16666 180deg 188deg,#ffd16600 188deg 204deg,#ffd16666 204deg 212deg,#ffd16600 212deg 228deg,#ffd16666 228deg 236deg,#ffd16600 236deg 252deg,#ffd16666 252deg 260deg,#ffd16600 260deg 276deg,#ffd16666 276deg 284deg,#ffd16600 284deg 300deg,#ffd16666 300deg 308deg,#ffd16600 308deg 324deg,#ffd16666 324deg 332deg,#ffd16600 332deg 348deg,#ffd16666 348deg 356deg,#ffd16600 356deg 360deg);border-radius:50%;animation:rays 6s linear infinite;pointer-events:none;z-index:-1;mask:radial-gradient(circle,#000 30%,transparent 70%)}.flipcard.r-epic .rays{background-image:conic-gradient(from 0deg,#c66bff00 0 12deg,#c66bff88 12deg 20deg,#c66bff00 20deg 36deg,#c66bff88 36deg 44deg,#c66bff00 44deg 60deg,#c66bff88 60deg 68deg,#c66bff00 68deg 84deg,#c66bff88 84deg 92deg,#c66bff00 92deg 108deg,#c66bff88 108deg 116deg,#c66bff00 116deg 132deg,#c66bff88 132deg 140deg,#c66bff00 140deg 156deg,#c66bff88 156deg 164deg,#c66bff00 164deg 180deg,#c66bff88 180deg 188deg,#c66bff00 188deg 204deg,#c66bff88 204deg 212deg,#c66bff00 212deg 228deg,#c66bff88 228deg 236deg,#c66bff00 236deg 252deg,#c66bff88 252deg 260deg,#c66bff00 260deg 276deg,#c66bff88 276deg 284deg,#c66bff00 284deg 300deg,#c66bff88 300deg 308deg,#c66bff00 308deg 324deg,#c66bff88 324deg 332deg,#c66bff00 332deg 348deg,#c66bff88 348deg 356deg,#c66bff00 356deg 360deg)}@keyframes rays{to{transform:rotate(360deg)}}.flipcard{overflow:visible}@keyframes stamp{0%{transform:rotate(-6deg) scale(0)}to{transform:rotate(-6deg) scale(1)}}.flipcard .front .tier{position:relative;z-index:3;animation:fadein .3s .45s both}.flipcard .tier .pill{font-size:11px;font-weight:800;color:#0d0e22;padding:2px 8px;border-radius:999px;border:2px solid var(--line)}.flipcard .tier .flag{font-family:Jua,sans-serif;font-size:12px;color:#fff;padding:2px 7px;border-radius:8px;border:2px solid var(--line);transform:rotate(-6deg);animation:stamp .35s cubic-bezier(.2,.9,.3,1.6) .5s both}.flipcard .tier .flag.new{background:var(--red)}.flipcard .tier .flag.up{background:#ffb703;color:#0d0e22}.flipcard .tier .flag.dup{background:#4b4f84}@keyframes fadein{0%{opacity:0}to{opacity:1}}.pullstage{position:relative;overflow:hidden}.pullstage .rays.big{top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:0;mask:radial-gradient(circle,#000 20%,transparent 60%);background-image:conic-gradient(from 0deg,transparent 0 14deg,var(--rc) 14deg 20deg,transparent 20deg 44deg,var(--rc) 44deg 50deg,transparent 50deg 74deg,var(--rc) 74deg 80deg,transparent 80deg 104deg,var(--rc) 104deg 110deg,transparent 110deg 134deg,var(--rc) 134deg 140deg,transparent 140deg 164deg,var(--rc) 164deg 170deg,transparent 170deg 194deg,var(--rc) 194deg 200deg,transparent 200deg 224deg,var(--rc) 224deg 230deg,transparent 230deg 254deg,var(--rc) 254deg 260deg,transparent 260deg 284deg,var(--rc) 284deg 290deg,transparent 290deg 314deg,var(--rc) 314deg 320deg,transparent 320deg 344deg,var(--rc) 344deg 350deg,transparent 350deg 360deg);opacity:.35}.pullstage>*{position:relative;z-index:1}.pullstage .tierpop{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2;color:#0d0e22;font-family:Jua,sans-serif;font-size:20px;padding:4px 14px;border-radius:999px;border:3px solid var(--line);animation:stamp2 .4s cubic-bezier(.2,.9,.3,1.6) both}@keyframes stamp2{0%{transform:translate(-50%) scale(0)}to{transform:translate(-50%) scale(1)}}.decktabs{display:flex;align-items:center;gap:6px;margin-bottom:6px}.decktab{border:3px solid var(--line);border-bottom:none;background:var(--card2);color:var(--muted);border-radius:12px 12px 0 0;padding:8px 14px;font-weight:800;font-family:inherit;cursor:pointer}.decktab.on{background:var(--accent);color:#1c1e3d}.deckpanel{background:linear-gradient(180deg,#34386a,#2b2e57);border-radius:0 var(--radius) var(--radius) var(--radius)}.deckpanel.swapping .deckslot.target .cardchip,.deckpanel.swapping .cardchip.empty.target{animation:slotpulse .8s ease-in-out infinite;outline:3px solid var(--green);outline-offset:2px;cursor:pointer}@keyframes slotpulse{0%,to{box-shadow:0 4px 0 var(--line)}50%{box-shadow:0 4px 0 var(--line),0 0 16px 4px #46d95a99}}.swapbar{display:flex;align-items:center;gap:8px;background:#0d0e22;border:2px solid var(--green);border-radius:12px;padding:6px 10px;margin-bottom:8px;font-weight:800}.statbars{display:flex;flex-direction:column;gap:4px;margin:6px 0}.statrow{display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:8px;font-size:13px}.statrow .lbl{font-weight:800}.statrow .bar{height:10px;background:#0d0e22;border-radius:5px;overflow:hidden}.statrow .bar i{display:block;height:100%;background:linear-gradient(90deg,#46d95a,#ffd166)}.statrow .val{color:var(--muted);font-size:12px;min-width:60px;text-align:right}.packcol{display:flex;flex-direction:column;align-items:center;gap:0}.packreveal .row{gap:14px!important}.lvgauge{position:relative;z-index:3;display:flex;align-items:center;gap:4px;width:96px;animation:fadein .3s .45s both}.lvgauge b{font-family:Jua,sans-serif;font-size:12px;color:#ffd166;min-width:24px;text-align:left}.lvgauge .bar{flex:1;height:8px;background:#0d0e22;border:1px solid #3a3d6a;border-radius:5px;overflow:hidden}.lvgauge .bar i{display:block;height:100%;background:linear-gradient(90deg,#ffb703,#ffd166);border-radius:5px}.lvgauge small{font-size:10px;font-weight:700;color:var(--muted);min-width:22px;text-align:right;white-space:nowrap}.lvgauge.full .bar{box-shadow:0 0 10px 2px #ffd166cc;animation:gaugeflash .25s ease-in-out 4}.lvgauge.levelup b{animation:lvb .4s cubic-bezier(.2,.9,.3,1.6) both;color:#fff}@keyframes lvb{0%{transform:scale(0)}to{transform:scale(1)}}.lvgauge em{position:absolute;left:50%;top:-22px;transform:translate(-50%);font-style:normal;font-family:Jua,sans-serif;font-size:13px;color:#ffd166;text-shadow:0 0 8px #ffb703,0 1px 0 #0d0e22;white-space:nowrap;animation:lvpop 1.2s ease-out both;pointer-events:none}@keyframes gaugeflash{0%,to{filter:brightness(1)}50%{filter:brightness(1.8)}}@keyframes lvpop{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.2)}70%{opacity:1;transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-14px) scale(1)}}.refundpop{display:inline-block;margin-top:4px;font-family:Jua,sans-serif;font-size:22px;color:#ffd166;text-shadow:0 0 10px #ffb703,0 2px 0 #0d0e22;animation:refundpop .9s cubic-bezier(.2,.8,.3,1) both}@keyframes refundpop{0%{opacity:0;transform:translateY(14px) scale(.5)}30%{opacity:1;transform:translateY(-6px) scale(1.35)}to{opacity:1;transform:translateY(0) scale(1)}}.modetiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.modetile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:3px solid var(--line);border-radius:14px;background:var(--card2);color:#fff;font-family:inherit;cursor:pointer;text-align:center}.modetile .emoji{font-size:32px;line-height:1}.modetile b{font-size:16px}.modetile small{font-size:12px;color:var(--muted);line-height:1.25}.modetile.on{border-color:var(--accent);background:#ffd1661f;box-shadow:0 0 0 2px var(--accent) inset}.classrow{display:flex;align-items:center;gap:12px}.classrow .classinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start;background:none;border:0;padding:0;color:inherit;font-family:inherit;text-align:left;cursor:pointer}@media (max-width: 520px){.classrow{flex-direction:column;align-items:stretch}}.tabs{display:flex;gap:6px}.tab{flex:1;border:3px solid var(--line);background:var(--card2);color:var(--muted);border-radius:12px;padding:10px;font-weight:800;font-family:inherit;font-size:15px;cursor:pointer}.tab.on{background:var(--accent);color:#1c1e3d;border-color:var(--accent)}.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.cat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:3px solid var(--line);border-radius:12px;background:var(--card2);color:#fff;font-family:inherit;font-weight:800;font-size:13px;cursor:pointer}.cat span{font-size:22px;line-height:1}.cat.on{border-color:var(--accent);background:#ffd16624}.flashword{text-align:center;padding:36px 16px;animation:flashin .25s cubic-bezier(.2,.9,.3,1.3) both}.flashword .w{font-family:Jua,sans-serif;font-size:clamp(40px,12vw,72px);line-height:1.1;color:#ffd166;text-shadow:0 3px 0 #0d0e22}.flashword .ko{font-size:24px;font-weight:800;margin-top:10px}@keyframes flashin{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.dots{display:flex;gap:4px;flex-wrap:wrap}.dot{width:12px;height:12px;border-radius:6px;border:2px solid var(--line);background:var(--card2)}.dot.on{background:var(--accent)}.choice.picked{outline:3px solid var(--accent)}.solotiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 420px){.solotiles{grid-template-columns:1fr 1fr}.solotiles .solotile:last-child:nth-child(odd){grid-column:1 / -1}}.solotile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;min-height:84px;border-radius:var(--radius);border:3px solid var(--line);background:linear-gradient(135deg,#2b2e57,#3a2d5f);color:#fff;font-family:inherit;cursor:pointer;box-shadow:0 4px 0 var(--line);text-align:left;position:relative}.solotile:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.solotile .ico{font-size:24px;line-height:1}.solotile .lbl{font-weight:800;font-size:17px;margin-top:4px}.solotile .sub{font-size:12px;opacity:.85;font-weight:600}.solotile .left{position:absolute;top:8px;right:10px;font-size:12px;font-weight:800;background:var(--accent);color:#1c1e3d;border-radius:999px;padding:2px 8px}.solotile .left.zero{background:var(--card2);color:var(--muted)}.cat .prog{display:block;width:100%;height:5px;border-radius:3px;background:#0d0e22;overflow:hidden;margin-top:3px}.cat .prog b{display:block;height:100%;background:var(--green)}.cat small{font-size:10px;color:var(--muted);font-weight:700}.cat.done{border-color:var(--green)}.cat.done small{color:var(--green)}