.cinematic{--civ: var(--gold);position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;align-content:center;gap:14px;padding:16px;background:radial-gradient(ellipse at center,#040a12b8,#02050af0);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;animation:cinematic-in .22s ease-out}.cinematic.civ-light{--civ: var(--civ-light)}.cinematic.civ-water{--civ: var(--civ-water)}.cinematic.civ-darkness{--civ: var(--civ-darkness)}.cinematic.civ-fire{--civ: var(--civ-fire)}.cinematic.civ-nature{--civ: var(--civ-nature)}.cinematic.leaving{opacity:0;transition:opacity .22s ease-in}.cinematic-frame{position:relative;width:min(92vw,820px,calc((100vh - 170px) * 4 / 3));aspect-ratio:4 / 3;overflow:hidden;border:2px solid var(--civ);border-radius:12px;background:#000;box-shadow:0 0 0 1px #ffffff1f,0 0 60px color-mix(in srgb,var(--civ) 45%,transparent),0 30px 80px #000c;animation:cinematic-zoom .5s cubic-bezier(.2,.9,.3,1.15)}.cinematic-frame video{position:relative;width:100%;height:100%;object-fit:cover;display:block}.cinematic-waiting{position:absolute;top:0;right:0;bottom:0;left:0}.cinematic-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translate(-120%);animation:cinematic-sheen .9s .15s ease-out forwards;box-shadow:inset 0 0 60px #0000008c}.cinematic-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#00000073}.cinematic-progress span{display:block;height:100%;background:var(--civ);box-shadow:0 0 10px var(--civ);transform:scaleX(0);transform-origin:left}.cinematic-caption{display:grid;justify-items:center;gap:2px;text-align:center}.cinematic-caption span{color:var(--civ);font-size:.8rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.cinematic-caption strong{color:#fff6dc;font:clamp(1.4rem,3.4vw,2.3rem) var(--font-display);letter-spacing:.06em;text-shadow:0 0 22px color-mix(in srgb,var(--civ) 70%,transparent);animation:cinematic-title .45s .1s cubic-bezier(.2,.9,.3,1.2) backwards}.reason-trigger .cinematic-caption span,.reason-finisher .cinematic-caption span{font-size:1rem;color:#fff;text-shadow:0 0 14px var(--civ)}.cinematic-skip{color:#dcebeb8c;font-size:.72rem;letter-spacing:.08em}@keyframes cinematic-in{0%{opacity:0}}@keyframes cinematic-zoom{0%{transform:scale(.82);opacity:0}}@keyframes cinematic-sheen{to{transform:translate(120%)}}@keyframes cinematic-title{0%{opacity:0;transform:translateY(10px) scale(.94);letter-spacing:.3em}}.cinematic-art{width:100%;height:100%;object-fit:contain;display:block;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--civ) 35%,#000),#000 75%);animation:cinematic-push 1.8s ease-out both}@keyframes cinematic-push{0%{transform:scale(.86);filter:brightness(1.6)}to{transform:scale(1);filter:none}}.coins{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.coin{position:relative;flex:none;width:1.05em;height:1.05em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4c2,#f7c95e 38%,#c9861f 72%,#8a5310);box-shadow:inset 0 0 0 1.5px #ffecaabf,inset 0 -2px 3px #5a2d0073,0 0 6px #f7c95e73}.coin:after{content:"✦";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#784208d9;font-size:.62em;font-style:normal;line-height:1}.collection-button .coins{margin-left:2px;font-size:.95rem;letter-spacing:.02em;text-transform:none}.account-bar{flex-wrap:wrap;justify-content:flex-end}.account-bar .account-me{flex-basis:auto}.collection-screen{min-height:100vh;display:flex;flex-direction:column;gap:12px;padding:10px clamp(10px,2vw,24px) 16px}.collection-screen select{padding:8px 10px;border:1px solid var(--line-strong);border-radius:6px;background:#06111c;color:var(--text);font-size:.82rem}.collection-balance{display:inline-flex;align-items:center;margin-left:auto;padding:4px 12px;border:1px solid rgba(247,201,94,.5);border-radius:999px;background:#281a048c;font-size:1.1rem}.set-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.set-card{display:grid;gap:8px;align-content:start;padding:12px 14px;border:1px solid var(--line-strong);border-radius:10px;background:linear-gradient(160deg,#0a1c2af5,#050e16f0)}.set-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.set-head strong{font:1rem var(--font-display);letter-spacing:.04em;color:#fff1c5}.set-count{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}.set-bar{display:block;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.set-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .4s}.set-card .primary-button{justify-self:start}.set-card small{font-size:.8rem}.earn-hint{margin:0;font-size:.85rem;line-height:1.4}.collection-screen .inspector{left:clamp(10px,2vw,24px);right:auto;bottom:16px}@media (max-width: 860px){.collection-screen .inspector{display:none}}.collection-grid .tile.unowned .tile-card img{filter:grayscale(.85) brightness(.45)}.collection-grid .tile.unowned .tile-card:hover img{filter:grayscale(.6) brightness(.65)}.tile-craft{position:absolute;left:50%;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid var(--gold);border-radius:999px;background:#140e02eb;color:#fff1c5;font-size:.72rem;font-weight:700;white-space:nowrap;cursor:pointer;opacity:0;transform:translate(-50%);transition:opacity .15s}.tile:hover .tile-craft,.tile:focus-within .tile-craft{opacity:1}@media (hover: none){.tile-craft{opacity:1}}.tile .tile-craft:disabled{opacity:0;filter:none;border-color:var(--line-strong);color:var(--muted);cursor:default}.tile:hover .tile-craft:disabled,.tile:focus-within .tile-craft:disabled{opacity:.85}@media (hover: none){.tile .tile-craft:disabled{opacity:.85}}.tile-craft .coins{gap:3px}.pack-tag.copies{left:-6px;right:auto;background:#06111ceb;border:1px solid var(--line-strong);color:#fff;letter-spacing:.02em}.tile-own{position:absolute;left:6px;bottom:6px;padding:1px 6px;border-radius:999px;background:#06111ce6;border:1px solid var(--line-strong);color:var(--muted);font-size:.7rem;font-weight:700;pointer-events:none}.tile.unowned .tile-own{color:var(--danger);border-color:#ff7a6699}.tile.unowned .tile-card img{filter:grayscale(.85) brightness(.5)}.pack-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse at center,#142c3ae6,#02060cf2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:decision-fade .3s ease-out}.pack-panel{display:grid;gap:14px;justify-items:center;width:min(100%,1000px);text-align:center}.pack-panel h2{margin:0;color:#ffe49a;font:clamp(1.4rem,4vw,2rem) var(--font-display);letter-spacing:.06em;text-shadow:0 0 22px rgba(232,165,65,.6)}.pack-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,2vw,18px)}.pack-slot{position:relative;isolation:isolate;display:grid;gap:6px;justify-items:center;width:clamp(96px,16vw,176px)}.pack-card{position:relative;width:100%;aspect-ratio:63 / 88;padding:0;border:0;background:none;perspective:900px;cursor:pointer}.pack-slot.revealed .pack-card{cursor:default}.pack-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.3,1)}.pack-slot:not(.revealed) .pack-card:hover .pack-card-inner{transform:translateY(-6px) rotateY(12deg)}.pack-slot.revealed .pack-card-inner{transform:rotateY(180deg)}.pack-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;backface-visibility:hidden;box-shadow:0 12px 30px #0009}.pack-front{transform:rotateY(180deg)}.pack-slot.in-spotlight :is(.pack-card,.pack-rarity){visibility:hidden}.pack-slot.charging .pack-card-inner,.pack-slot.charging .pack-card:hover .pack-card-inner{transform:translateY(-10px) scale(1.05);transition:transform var(--build-up) ease-in}.pack-slot.charging .pack-back{animation:pack-charge var(--build-up) ease-out both}.pack-slot.charging.tier-super-rare .pack-back{--tier: #ff7ad9;animation:pack-charge var(--build-up) ease-out both,pack-prism .7s linear infinite}.pack-slot.trembling .pack-card{animation:pack-tremble .11s linear infinite}@keyframes pack-charge{0%{box-shadow:0 12px 30px #0009}to{box-shadow:0 0 0 2px var(--tier),0 0 44px 14px color-mix(in srgb,var(--tier) 75%,transparent),0 12px 30px #0009}}@keyframes pack-prism{0%{filter:hue-rotate(0deg) brightness(1.15)}to{filter:hue-rotate(360deg) brightness(1.15)}}@keyframes pack-tremble{0%,to{translate:0 0}25%{translate:var(--shake) calc(var(--shake) * -.6)}50%{translate:calc(var(--shake) * -.8) calc(var(--shake) * .4)}75%{translate:calc(var(--shake) * .5) var(--shake)}}.pack-slot.revealed.tier-uncommon .pack-front{box-shadow:0 0 0 1px #c8e1ffbf,0 0 16px 2px #96c3ff59,0 12px 30px #0009}.pack-slot.revealed.tier-rare .pack-front{box-shadow:0 0 0 2px #f4cc72,0 0 26px 6px #f7c95e99}.pack-slot.revealed.tier-very-rare .pack-front{box-shadow:0 0 0 2px #dcc6ff,0 0 30px 8px #b07cff99,0 0 60px 14px #6ee9e333}.pack-slot.revealed.tier-super-rare .pack-front{box-shadow:0 0 0 2px #fff1c5,0 0 34px 10px #f7c95ebf;animation:super-glow 2.4s ease-in-out infinite .6s}@keyframes super-glow{0%,to{box-shadow:0 0 0 2px #fff1c5,0 0 34px 10px #f7c95ebf}33%{box-shadow:0 0 0 2px #ffd6f5,0 0 40px 12px #ff82dc99}66%{box-shadow:0 0 0 2px #d6f6ff,0 0 40px 12px #6ee9e3a6}}.tier-common{--shine: linear-gradient(110deg, transparent 43%, rgba(255, 255, 255, .35) 50%, transparent 57%)}.tier-uncommon{--shine: linear-gradient(110deg, transparent 32%, rgba(180, 215, 255, .25) 43%, rgba(235, 245, 255, .7) 50%, rgba(180, 215, 255, .25) 57%, transparent 68%)}.tier-rare{--shine: linear-gradient(110deg, transparent 34%, rgba(255, 214, 120, .3) 44%, rgba(255, 246, 214, .8) 50%, rgba(255, 214, 120, .3) 56%, transparent 66%)}.tier-very-rare,.tier-super-rare{--shine: linear-gradient(110deg, transparent 22%, rgba(255, 90, 170, .4) 32%, rgba(255, 220, 90, .45) 40%, rgba(255, 255, 255, .7) 50%, rgba(90, 255, 180, .45) 60%, rgba(90, 170, 255, .4) 68%, rgba(190, 110, 255, .35) 76%, transparent 86%)}.pack-shine{transform:rotateY(180deg) translateZ(1px);box-shadow:none;pointer-events:none;background:var(--shine) 100% 0 / 300% 100% no-repeat;animation:pack-shine .9s ease-in-out .25s both}.tier-very-rare .pack-shine,.tier-super-rare .pack-shine{animation-duration:1.3s}@keyframes pack-shine{to{background-position:0 0}}.pack-sparks,.spot-burst{position:absolute;left:50%;width:0;height:0;pointer-events:none}.pack-sparks{--spread: clamp(90px, 15vw, 170px);top:0;margin-top:69.8%}.pack-sparks i,.spot-burst i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px var(--tier);animation:pack-spark .8s cubic-bezier(.15,.7,.3,1) calc(.3s + var(--delay)) both}.pack-slot:is(.tier-very-rare,.tier-super-rare) .pack-sparks i:nth-child(3n){box-shadow:0 0 6px 2px #6ee9e3}.pack-slot:is(.tier-very-rare,.tier-super-rare) .pack-sparks i:nth-child(3n+1){box-shadow:0 0 6px 2px #ff8ad8}@keyframes pack-spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--spread) * -.25)) scale(1.3)}10%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--reach) * var(--spread) * -1)) scale(.3)}}.pack-rays{position:absolute;z-index:-1;top:0;left:-65%;width:230%;aspect-ratio:1;margin-top:-45.2%;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tier) 80%,transparent) 0deg 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 70%);mask-image:radial-gradient(circle,#000 20%,transparent 70%);pointer-events:none;animation:pack-rays 2.8s ease-out .25s both}.tier-super-rare .pack-rays{background:repeating-conic-gradient(from 0deg,rgba(255,241,197,.55) 0deg 5deg,transparent 5deg 20deg),conic-gradient(#ff7ac84d,#6ee9e34d,#ffd65c4d,#b07cff4d,#ff7ac84d)}@keyframes pack-rays{0%{opacity:0;transform:rotate(0) scale(.5)}20%{opacity:1}to{opacity:0;transform:rotate(50deg) scale(1.1)}}.pack-tag{position:absolute;top:-8px;right:-6px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;animation:pack-tag-in .3s ease-out .45s both}.pack-tag.new{background:linear-gradient(135deg,#12615d,#2fb3a2);border:1px solid #7fe6d7;color:#fff}.pack-tag.new.big{top:-12px;right:-10px;padding:3px 10px;font-size:.86rem;background:linear-gradient(135deg,#ff7ac8,#ffd35c 50%,#5fe3ff);border-color:#fff;color:#2a1400;box-shadow:0 0 16px 2px #ffd678bf;animation:pack-new-pop .6s cubic-bezier(.2,1.5,.4,1) .5s both}.pack-tag.extra{background:#281a04eb;border:1px solid rgba(247,201,94,.7);text-transform:none;letter-spacing:.02em}@keyframes pack-tag-in{0%{opacity:0;transform:scale(.6)}}@keyframes pack-new-pop{0%{opacity:0;transform:scale(.2) rotate(-25deg)}60%{opacity:1;transform:scale(1.4) rotate(8deg)}to{transform:scale(1) rotate(-6deg)}}.pack-rarity{min-height:1.2em;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.pack-slot.revealed:not(.tier-common) .pack-rarity{color:var(--tier)}.pack-slot.revealed.tier-super-rare .pack-rarity{background:linear-gradient(90deg,#ff9ad5,#ffe49a,#7fe6ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.pack-summary{margin:0;min-height:1.4em;color:var(--text);font-weight:700}.pack-spotlight{--card-w: min(34vw, 300px, calc((100vh - 200px) * 63 / 88));--card-h: calc(var(--card-w) * 88 / 63);--clip-w: min(46vw, 560px, calc((100vh - 200px) * 4 / 3));--clip-h: calc(var(--clip-w) * 3 / 4);--gap: 28px;--mid: calc(50% - 24px) ;position:fixed;top:0;right:0;bottom:0;left:0;z-index:41;overflow:hidden;cursor:pointer}.spot-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,#2e1a46d1,#000000f0 70%);animation:decision-fade .4s ease-out}.spot-rays{position:absolute;left:50%;top:var(--mid);width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;background:repeating-conic-gradient(from 0deg,rgba(255,241,197,.2) 0deg 4deg,transparent 4deg 15deg),conic-gradient(#ff7ac829,#6ee9e329,#ffd65c29,#b07cff29,#ff7ac829);-webkit-mask-image:radial-gradient(circle,#000 4%,transparent 42%);mask-image:radial-gradient(circle,#000 4%,transparent 42%);animation:spot-rays-in .5s ease-out .45s backwards,spot-spin 30s linear infinite}.spot-card{position:absolute;left:calc(50% - var(--card-w) / 2);top:calc(var(--mid) - var(--card-h) / 2);width:var(--card-w);height:var(--card-h);perspective:1200px;transition:translate .5s cubic-bezier(.2,.8,.3,1)}.spot-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:spot-flip .65s cubic-bezier(.3,.7,.3,1) both}.spot-card .pack-face{border-radius:12px}.spot-card .pack-front{box-shadow:0 0 0 3px #fff1c5,0 0 60px 18px #f7c95eb3;animation:spot-glow 2.4s ease-in-out .6s infinite}.spot-caption{position:absolute;top:calc(var(--mid) + var(--card-h) / 2 + 14px);left:16px;right:16px;display:grid;justify-items:center;gap:2px;text-align:center;transition:translate .5s cubic-bezier(.2,.8,.3,1);animation:spot-caption-in .45s ease-out .6s backwards}.spot-caption span{color:#ffe49a;font-size:.8rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.spot-caption strong{font:clamp(1.2rem,3.2vw,2rem) var(--font-display);letter-spacing:.05em;background:linear-gradient(90deg,#ff9ad5,#fff1c5,#7fe6ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(255,214,140,.5))}.spot-clip{position:absolute;left:calc(50% + (var(--card-w) + var(--gap) - var(--clip-w)) / 2);top:calc(var(--mid) - var(--clip-h) / 2);width:var(--clip-w);height:var(--clip-h);overflow:hidden;border:2px solid #fff1c5;border-radius:12px;background:#000;box-shadow:0 0 0 1px #ffffff1f,0 0 50px #ffb4e659,0 30px 80px #000c;opacity:0;transform:scale(.9);transition:opacity .35s ease-out,transform .45s cubic-bezier(.2,.9,.3,1.1)}.spot-clip video{display:block;width:100%;height:100%;object-fit:cover}.with-clip .spot-clip{opacity:1;transform:none}.with-clip .spot-card{translate:calc((var(--clip-w) + var(--gap)) / -2) 0}.spot-burst{--spread: min(42vmin, 340px);--tier: #ffd35c;top:var(--mid)}.spot-burst i{left:-5px;top:-5px;width:10px;height:10px;box-shadow:0 0 10px 4px var(--tier);animation:pack-spark 1.1s cubic-bezier(.15,.7,.3,1) calc(.55s + var(--delay)) both}.spot-burst i:nth-child(3n){box-shadow:0 0 10px 4px #6ee9e3}.spot-burst i:nth-child(3n+1){box-shadow:0 0 10px 4px #ff8ad8}.spot-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.95),rgba(255,241,197,.45) 30%,transparent 65%);animation:spot-flash .7s ease-out .55s both}.spot-skip{position:absolute;left:0;right:0;bottom:14px;color:#dcebeb8c;font-size:.72rem;letter-spacing:.08em;text-align:center}.stage-out :is(.spot-backdrop,.spot-rays,.spot-clip,.spot-caption,.spot-skip){opacity:0;transition:opacity .4s ease-in}@keyframes spot-rays-in{0%{opacity:0}}@keyframes spot-spin{to{transform:rotate(360deg)}}@keyframes spot-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes spot-caption-in{0%{opacity:0;transform:translateY(8px)}}@keyframes spot-flash{0%{opacity:0}15%{opacity:.9}to{opacity:0}}@keyframes spot-glow{0%,to{box-shadow:0 0 0 3px #fff1c5,0 0 60px 18px #f7c95eb3}33%{box-shadow:0 0 0 3px #ffd6f5,0 0 70px 22px #ff82dc99}66%{box-shadow:0 0 0 3px #d6f6ff,0 0 70px 22px #6ee9e399}}@media (max-aspect-ratio: 1 / 1){.pack-spotlight{--card-w: min(56vw, 260px, calc((100vh - 220px) * .5 * 63 / 88));--clip-w: min(92vw, 520px, calc((100vh - 220px)*.6) );--gap: 16px}.spot-clip{left:calc(50% - var(--clip-w) / 2);top:calc(var(--mid) - (var(--clip-h) + var(--gap) + var(--card-h)) / 2)}.with-clip :is(.spot-card,.spot-caption){translate:0 calc((var(--clip-h) + var(--gap)) / 2)}}:root[data-motion=reduced] .pack-card-inner{transition:none}:root[data-motion=reduced] .pack-slot.charging .pack-card-inner{transform:none}:root[data-motion=reduced] :is(.pack-overlay,.pack-tag,.pack-card,.pack-slot .pack-front,.pack-shine,.pack-sparks i,.pack-rays){animation:none}:root[data-motion=reduced] .pack-slot.charging.tier-super-rare .pack-back{animation:pack-charge var(--build-up) ease-out both}:root[data-motion=reduced] .pack-slot.revealed.tier-super-rare .pack-front{box-shadow:0 0 0 2px #fff1c5,0 0 26px 6px #ff82dc80,0 0 48px 14px #6ee9e366}.reward-line{display:grid;gap:2px;justify-items:center;margin:-2px 0 6px}.reward-line .coins{font-size:1.5rem}.reward-line small{color:var(--muted)}.reward-line .link-button{margin-top:4px;font-size:.9rem}@media (max-width: 480px){.pack-slot{width:calc((100% - 16px) / 3)}.collection-balance{font-size:.95rem}}.tier-emblem{flex:none;display:inline-block;vertical-align:middle;overflow:visible;--tier: #b7c3cf;--tier-edge: #eef3f8;--tier-ink: #16202a}.tier-emblem .tier-shield{fill:var(--tier);stroke:var(--tier-edge);stroke-width:1.2;stroke-linejoin:round}.tier-emblem .tier-shine{fill:#fff;opacity:.22}.tier-emblem text{fill:var(--tier-ink);font:800 10px var(--font-body);letter-spacing:0}.tier-bronze{--tier: #c9824a;--tier-edge: #f0b27d;--tier-ink: #2a1405}.tier-silver{--tier: #b7c3cf;--tier-edge: #eef3f8;--tier-ink: #16202a}.tier-gold{--tier: #f2c14e;--tier-edge: #fff0b3;--tier-ink: #3a2208}.tier-platinum{--tier: #5fd6c4;--tier-edge: #c8fff6;--tier-ink: #06231f}.tier-diamond{--tier: #6aa8ff;--tier-edge: #d4e6ff;--tier-ink: #06183a}.tier-master{--tier: #b57cff;--tier-edge: #f0ddff;--tier-ink: #170b24}.tier-emblem.tier-master{filter:drop-shadow(0 0 4px rgba(181,124,255,.7))}.tier-emblem-empty{flex:none;display:inline-block;width:18px}.leaderboard{display:grid;gap:8px}.leaderboard h3{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;color:#a6ddd5;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.leaderboard-empty{margin:0;font-size:.9rem}.leaderboard ol{margin:0;padding:0;list-style:none;display:grid;gap:6px;max-height:280px;overflow-y:auto}.leaderboard li{display:grid;grid-template-columns:22px minmax(0,1fr) auto 38px;align-items:center;gap:8px;padding:5px 10px 5px 8px;border:1px solid var(--line);border-radius:8px;background:#06111c99}.leaderboard li.you{border-color:#f7c95eb3;background:linear-gradient(135deg,#5a381273,#0c202c99)}.lb-place{color:var(--muted);font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.leaderboard li:nth-child(-n+3) .lb-place{color:var(--gold)}.lb-player{min-width:0;display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.lb-player:hover strong{color:var(--gold)}.lb-you{color:var(--gold);font-weight:600}.lb-rating{display:inline-flex;align-items:center;gap:6px}.lb-rating strong{min-width:3.2em;text-align:right;color:#fff1c5;font-variant-numeric:tabular-nums}.lb-record{color:var(--muted);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.season-result{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--tier, var(--gold));border-radius:8px;background:linear-gradient(135deg,#5a381273,#0c202c99);box-shadow:0 0 18px #f7c95e33;animation:lobby-in .4s ease-out}.season-result>div{flex:1;min-width:0;display:grid;gap:2px}.season-result p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.season-result strong{color:#fff1c5}.season-result small{color:var(--muted);line-height:1.3}.rating-line{display:grid;gap:6px;justify-items:center;margin-top:2px}.rating-change{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-variant-numeric:tabular-nums}.rating-change.up{color:var(--success)}.rating-change.down{color:#ffb1a3}.tier-moment{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 8px;border:1px solid var(--tier);border-radius:999px;background:#06111cbf;color:var(--tier-edge);font:1.05rem var(--font-display);letter-spacing:.04em;box-shadow:0 0 22px color-mix(in srgb,var(--tier) 45%,transparent);animation:tier-moment-in .9s cubic-bezier(.2,1.3,.3,1) .4s both,tier-moment-glow 1.6s ease-in-out 1.3s 2}.tier-moment.demoted{font:700 .95rem var(--font-body);color:var(--muted);border-color:var(--line-strong);box-shadow:none;animation:decision-fade .6s ease-out .4s both}@keyframes tier-moment-in{0%{opacity:0;transform:scale(1.8);letter-spacing:.3em;filter:blur(4px)}}@keyframes tier-moment-glow{50%{box-shadow:0 0 34px color-mix(in srgb,var(--tier) 80%,transparent)}}:root[data-motion=reduced] .tier-moment{animation:decision-fade .4s ease-out both}:root[data-motion=reduced] .season-result{animation:none}.rank-summary{display:grid;gap:8px}.rank-now{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#06111c99}.rank-now>div{min-width:0;display:grid;gap:2px}.rank-tier{color:#fff1c5;font:1.15rem var(--font-display);letter-spacing:.04em}.rank-rating{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}.rank-now small{color:var(--muted)}.rank-now .tier-emblem-empty{width:44px;height:48px;border:1px dashed var(--line-strong);border-radius:8px 8px 22px 22px}.past-seasons{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.past-seasons li{min-width:0;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#06111c99}.past-seasons li>span{min-width:0;display:grid}.past-seasons strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.past-seasons small{color:var(--muted);font-size:.78rem}.badge-icon .tier-emblem{display:block}@media (max-width: 480px){.leaderboard li{grid-template-columns:18px minmax(0,1fr) auto 32px;gap:6px;padding:5px 8px 5px 6px}.lb-player{gap:6px}.lb-rating{gap:4px}.season-result{flex-wrap:wrap}}.daily-quests{display:grid;gap:8px}.daily-quests h3{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;color:#a6ddd5;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.quests-toggle{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.quests-toggle:hover{color:var(--gold)}.fold-arrow{display:inline-block;width:.8em;font-size:1rem;line-height:1;transition:transform .15s}.fold-arrow.open{transform:rotate(90deg)}.quests-reset{margin-left:auto;color:var(--muted);font-size:.78rem;font-weight:600;letter-spacing:0;text-transform:none}.daily-quests ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.daily-quests li{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#06111c99}.daily-quests li.done{border-color:#7ef0a873;background:#16463059}.quest-tick{width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:#06231a;font-size:.8rem;font-weight:800}.daily-quests li.done .quest-tick{border-color:var(--success);background:var(--success)}.quest-main{display:grid;gap:5px;min-width:0}.quest-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.daily-quests li.done .quest-main strong{color:var(--success)}.quest-bar{display:block;height:6px;border-radius:3px;background:#7ed4c529;overflow:hidden}.quest-bar span{display:block;height:100%;background:linear-gradient(90deg,#d69036,var(--gold));transition:width .4s ease-out}.daily-quests li.done .quest-bar span{background:var(--success)}.quest-count{color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.daily-quests li.done .coins{opacity:.6}:root[data-motion=reduced] :is(.fold-arrow,.quest-bar span){transition:none}.badges{display:grid;gap:8px}.badges>p{margin:0;font-size:.9rem}.badges ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.badges li{min-width:0;display:grid;gap:2px;justify-items:center;align-content:start;padding:8px 6px;border:1px solid var(--line);border-radius:8px;background:#06111c99;text-align:center}.badges li.earned{border-color:#f7c95ea6;background:linear-gradient(145deg,#5a381280,#0c202cb3);box-shadow:0 0 14px #f7c95e2e}.badges li.locked{opacity:.55}.badges li.locked .badge-icon{filter:grayscale(1);opacity:.7}.badge-icon{font-size:1.6rem;line-height:1.2}.badges li strong{font-size:.84rem;line-height:1.2;overflow-wrap:anywhere}.badges li.earned strong{color:#fff1c5}.badges li small{color:var(--muted);font-size:.72rem;line-height:1.2}.earned-list{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:4px;justify-items:center}.earned-list li{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;color:var(--text);font-weight:600;font-size:.92rem}.earned-badge strong{color:var(--gold)}.reward-line .earned-list .coins,.earned-list .coins{font-size:.95rem}@media (max-width: 480px){.daily-quests li{grid-template-columns:20px minmax(0,1fr) auto auto;gap:8px;padding:6px 8px}.badges ul{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.tournaments-panel{display:grid;gap:8px}.tournaments-panel h3{justify-content:flex-start}.tournament-create-link{margin-left:auto}.tournaments-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.tournaments-panel li{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#06111c99}.tournament-tag{padding:1px 8px;border-radius:999px;background:#7ef0a82e;color:var(--success);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tournament-fee-value{justify-self:start;color:var(--gold);font-weight:700}@media (max-width: 480px){.tournaments-panel li{flex-wrap:wrap}}.lobby{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.lobby-panel{width:min(100%,560px);display:grid;gap:18px;padding:32px clamp(18px,5vw,38px);border:1px solid rgba(158,226,217,.5);border-radius:14px;background:linear-gradient(145deg,#102d3df0,#071522f5);box-shadow:0 20px 80px #000000b3,inset 0 0 50px #69d7c714;animation:lobby-in .5s cubic-bezier(.2,.9,.25,1)}.lobby-panel header{text-align:center}.lobby-panel h1{margin:8px 0 4px;color:#fff1c5;font:clamp(1.7rem,6vw,2.3rem) var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 18px rgba(236,155,62,.55)}.lobby-panel header p{margin:0;color:var(--muted);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.field{display:grid;gap:6px}.field span,.deck-picker legend{color:#a6ddd5;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.field input{padding:11px 12px;border:1px solid rgba(90,175,167,.5);border-radius:6px;outline:0;background:#06111ce6;font-weight:600;font-size:1rem}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #edb85b26}.lobby-error{margin:0;padding:9px 12px;border:1px solid var(--danger);border-radius:6px;background:#5b2527a8;color:#ffd3c9;font-size:.88rem}.lobby-panel>.primary-button{min-height:48px;font-size:.9rem}@keyframes lobby-in{0%{opacity:0;transform:translateY(16px) scale(.98)}}.ai-setup{margin:0;padding:0;border:0;display:grid;gap:10px;min-width:0}.ai-setup legend{margin-bottom:8px;color:#73d6cb;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ai-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ai-level{position:relative;display:grid;gap:3px;padding:10px;text-align:center;border:1px solid var(--line);border-radius:8px;background:#06111c99;cursor:pointer}.ai-level input{position:absolute;opacity:0;pointer-events:none}.ai-level strong{font-size:.95rem}.ai-level small{color:var(--muted);font-size:.72rem;line-height:1.2}.ai-level.chosen{border-color:var(--gold);background:#50371459;box-shadow:0 0 18px #f7c95e2e}.ai-level:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}.ai-setup select{padding:10px 12px;border:1px solid var(--line-strong);border-radius:6px;background:#06111ce6;color:var(--text);font-weight:600}@media (max-width: 420px){.ai-levels{grid-template-columns:1fr}}.sign-in{text-align:center;justify-items:center}.sign-in-lead{margin:0;max-width:40ch;color:var(--text);font-size:1.05rem;line-height:1.4}.sign-in .lobby-error{width:100%}.discord-button{min-height:48px;padding:10px 28px;border:1px solid #8e97ff;border-radius:8px;background:linear-gradient(135deg,#4752c4,#5865f2);color:#fff;font-weight:700;font-size:1rem;letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 26px #5865f259;transition:transform .15s,filter .15s}.discord-button:hover{transform:translateY(-1px);filter:brightness(1.12)}.sign-in-note{font-size:.8rem}.account-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#06111c99}.account-me,.friend-open{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.account-me:hover strong,.friend-open:hover strong{color:var(--gold)}.account-name{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.account-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-badge{padding:1px 7px;border:1px solid rgba(247,201,94,.6);border-radius:999px;color:var(--gold);font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.avatar{flex:none;border-radius:50%;object-fit:cover;border:1px solid var(--line-strong)}.avatar-letter{display:inline-grid;place-items:center;background:linear-gradient(135deg,#12615d,#2fb3a2);color:#fff;font-weight:700}.import-offer{display:grid;gap:10px;padding:12px 14px;border:1px solid rgba(127,230,215,.55);border-radius:8px;background:#12615d40}.import-offer p{margin:0;line-height:1.35}.import-actions{display:flex;gap:8px;flex-wrap:wrap}.primary-button.small{min-height:32px;padding:4px 14px}.link-button{padding:0;border:0;background:none;color:var(--cyan);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-button.danger{color:var(--danger)}.friends-online,.open-duels{display:grid;gap:8px}.friends-online h3,.open-duels h3,.sheet h3{margin:0;display:flex;align-items:center;gap:8px;color:#a6ddd5;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.friends-count,.tab-badge{min-width:20px;padding:0 6px;border-radius:999px;background:#6ee9e32e;color:var(--cyan);font-size:.72rem;line-height:20px;text-align:center;letter-spacing:0}.tab-badge{display:inline-block;margin-left:6px;background:var(--gold);color:#3a2208}.friends-empty,.open-duels>p{margin:0;font-size:.9rem}.friends-online ul,.open-duels ul,.member-list,.invite-list,.match-list ol{margin:0;padding:0;list-style:none;display:grid;gap:6px}.friends-online ul{max-height:190px;overflow-y:auto}.friends-online li,.open-duels li,.member-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#06111c99}.open-duels li{border-color:#7fe6d780;animation:lobby-in .3s ease-out}.friend-avatar{position:relative;display:inline-flex}.presence-dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border:2px solid #0b1c2b;border-radius:50%;background:var(--success)}.presence-dot.status-duel{background:var(--amber)}.friend-name{flex:1;min-width:0;display:grid}.friend-name strong,.friend-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-name small{color:var(--muted)}.friend-title{min-width:0;display:flex;align-items:center;gap:6px}.friend-title strong{min-width:0}.challenge-status{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px dashed rgba(247,201,94,.6);border-radius:8px;color:var(--gold);font-weight:600}.challenge-status.done{border-style:solid;border-color:var(--line);color:var(--text)}.check-field{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;cursor:pointer}.check-field input{width:18px;height:18px;accent-color:#2fb3a2}.challenge-popup{position:fixed;z-index:40;top:16px;left:50%;width:min(calc(100% - 32px),460px);transform:translate(-50%);display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;padding:14px 16px 18px;overflow:hidden;border:1px solid #f4cc72;border-radius:12px;background:linear-gradient(145deg,#3a200cf7,#0c1c2af7);box-shadow:0 18px 60px #000000a6,0 0 40px #ec9b3e59;animation:challenge-in .45s cubic-bezier(.2,1.3,.4,1)}.challenge-popup.notice{display:block;padding:12px 16px;border-color:var(--line-strong);background:var(--panel-strong);text-align:center}.challenge-copy{display:grid;gap:2px;min-width:0}.challenge-copy strong{color:#fff1c5;font-size:1.1rem}.challenge-copy small{color:var(--muted)}.challenge-actions{grid-column:1 / -1;display:flex;gap:8px}.challenge-actions button{flex:1}.challenge-timer{position:absolute;left:0;bottom:0;width:100%;height:4px;background:linear-gradient(90deg,var(--amber),var(--gold));transform-origin:left;transition:transform .25s linear}@keyframes challenge-in{0%{opacity:0;transform:translate(-50%,-30px) scale(.92)}}:root[data-motion=reduced] .challenge-popup{animation:none}.sheet-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#02080eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sheet{width:min(100%,600px);max-height:calc(100dvh - 32px);display:grid;grid-template-rows:auto 1fr;border:1px solid rgba(158,226,217,.5);border-radius:14px;background:linear-gradient(145deg,#102d3dfa,#071522fa);box-shadow:0 20px 80px #000000b3;animation:lobby-in .3s cubic-bezier(.2,.9,.25,1)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.sheet-head h2{margin:0;color:#fff1c5;font:1.2rem var(--font-display);letter-spacing:.08em;text-transform:uppercase}.sheet-body{display:grid;gap:18px;align-content:start;padding:16px 18px 20px;overflow-y:auto}.profile-head{display:flex;align-items:center;gap:14px}.profile-head>div{min-width:0;display:grid;gap:4px}.profile-name{display:block;font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-trophies{font-size:.85rem;color:var(--gold)}.profile-total{color:var(--gold);font-weight:700}.profile-badges{display:flex;flex-wrap:wrap;gap:6px}.streak-badge{padding:1px 9px;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);font-style:normal;font-size:.8rem;font-weight:700}.streak-badge.hot{border-color:#f7c95e99;background:#50371459;color:var(--gold)}.profile-back{justify-self:start}.head-to-head{display:grid;gap:6px;align-content:start}.head-to-head ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.h2h-row{width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#06111c99;color:inherit;font:inherit;text-align:left}button.h2h-row{cursor:pointer}button.h2h-row:hover{border-color:var(--line-strong)}button.h2h-row:hover strong{color:var(--gold)}.avatar-bot{background:linear-gradient(135deg,#3a4b5c,#6f8396)}.versus{display:grid;gap:6px}.versus p{margin:0;display:flex;align-items:baseline;gap:10px}.versus-score{color:var(--gold);font:1.5rem var(--font-display);font-variant-numeric:tabular-nums}.deck-chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.deck-chips li{min-width:0;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:#06111c99;font-weight:600;overflow-wrap:anywhere}.best-cards{display:grid;gap:8px}.best-cards>p{margin:0;font-size:.9rem}.best-cards ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.best-cards li{min-width:0;display:grid;gap:2px;align-content:start;text-align:center}.best-cards img,.best-card-art{width:100%;aspect-ratio:63 / 88;border:1px solid var(--line-strong);border-radius:5px;object-fit:cover;background:#06111ccc}.best-card-art{display:grid;place-items:center;padding:4px;font-size:.75rem;overflow:hidden}.best-cards strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.best-cards small{color:var(--muted);font-size:.72rem;line-height:1.2}.profile-totals{display:grid;gap:8px}.profile-totals dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.profile-totals dl>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#06111c99}.profile-totals dt{color:var(--muted);font-size:.75rem;line-height:1.2}.profile-totals dd{margin:0;color:var(--gold);font:1.2rem var(--font-display);font-variant-numeric:tabular-nums}.record-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.record-table{display:grid;gap:6px;align-content:start}.record-line{display:grid;grid-template-columns:1fr auto 64px;align-items:center;gap:8px;font-size:.92rem}.record-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-score{color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.record-bar{height:6px;border-radius:3px;background:#ff7a6659;overflow:hidden}.record-bar span{display:block;height:100%;background:var(--success)}.match-list{display:grid;gap:8px}.match-list li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-left:3px solid var(--danger);border-radius:8px;background:#06111c99}.match-list li.won{border-left-color:var(--success)}.match-result{display:grid;font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.1em;color:var(--danger)}.match-rating{color:var(--text);font-size:.8rem;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}.match-list li.won .match-result{color:var(--success)}.match-main,.match-meta{display:grid;min-width:0}.match-main small,.match-meta small{color:var(--muted)}.match-meta{text-align:right}small.match-tournament-tag{color:var(--gold)}.match-replay{justify-self:end;margin-top:2px;font-size:.82rem;white-space:nowrap}@media (max-width: 480px){.match-list li{grid-template-columns:40px 1fr}.match-meta{grid-column:2;text-align:left}.match-replay{justify-self:start}.account-bar{flex-wrap:wrap}}.friends-section{display:grid;gap:10px}.friends-section>p{margin:0}.invite-create{display:flex;gap:8px;flex-wrap:wrap}.invite-create select{flex:1;min-width:200px;padding:7px 10px;border:1px solid rgba(90,175,167,.5);border-radius:6px;background:#06111ce6;color:var(--text);font:inherit;font-weight:600}.invite-item{display:grid;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#06111c99}.invite-item.fresh{border-color:var(--gold);box-shadow:0 0 18px #f7c95e40}.invite-item-head{display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.invite-item .invite-link{display:flex;gap:8px}.invite-item .invite-link input{flex:1;min-width:0;padding:6px 8px;border:1px solid rgba(90,175,167,.5);border-radius:6px;background:#06111ce6;color:var(--text);font:inherit;font-size:.9rem}.tutorial-offer{display:grid;gap:10px;padding:12px 14px;border:1px solid rgba(247,201,94,.65);border-radius:8px;background:linear-gradient(135deg,#5a381273,#0c202c99)}.tutorial-offer p{margin:0;line-height:1.35}.tutorial-offer strong{color:#fff1c5}.learn-link{margin-top:8px;padding:0;border:0;background:none;color:var(--gold);font:inherit;font-weight:700;letter-spacing:.04em;cursor:pointer}.learn-link:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}.trade-invite-popup{top:auto;bottom:18px}.trade-room{display:grid;gap:16px;min-width:min(560px,82vw)}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 640px){.trade-columns{grid-template-columns:1fr}}.trade-side h3{margin:0 0 8px;font-size:.95rem;display:flex;align-items:center;gap:8px}.trade-ready-tag{padding:2px 8px;border-radius:999px;background:#58b07038;border:1px solid var(--good, #58b070);color:#a6e6b8;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.trade-pile{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:220px;overflow-y:auto}.trade-pile li{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#06111c8c}.trade-pile.read-only li{opacity:.92}.trade-card-name{flex:1;min-width:0;overflow-wrap:anywhere}.trade-qty{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.trade-qty button.small{min-width:24px;padding:0}.trade-empty{border-style:dashed;color:var(--text-dim, #93a3ae);justify-content:center}.trade-add{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.trade-add select{flex:1;min-width:160px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:6px;background:#06111ce6;color:var(--text)}.trade-add input[type=number]{width:56px;padding:8px;border:1px solid var(--line-strong);border-radius:6px;background:#06111ce6;color:var(--text)}.trade-actions{display:flex;gap:10px;justify-content:flex-end}.lobby-home{width:min(100%,1184px);min-height:100vh;margin:0 auto;padding:0 clamp(14px,3vw,32px) 48px;display:grid;grid-template-columns:minmax(0,660px);justify-content:center;align-content:start;align-items:start;gap:24px 36px}.lobby-home.with-side{grid-template-columns:minmax(0,1fr) minmax(280px,340px);justify-content:stretch}.lobby-home>.season-result{grid-column:1 / -1}.lobby-top{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:18px 0 14px;border-bottom:1px solid var(--line)}.lobby-brand{display:flex;align-items:center;gap:12px}.lobby-brand .lobby-sigil{font-size:1.6rem}.lobby-brand h1{margin:0;color:#fff1c5;font:1.35rem/1.1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 14px rgba(236,155,62,.35)}.lobby-brand p{margin:3px 0 0;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.lobby-top .account-bar{margin-left:auto;padding:0;gap:6px;border:0;background:none;flex-wrap:wrap;justify-content:flex-end}.lobby-top .account-me{flex:none;margin-right:6px}.lobby-top .account-bar>.ghost-button{border-color:transparent;background:none;color:var(--muted)}.lobby-top .account-bar>.ghost-button:hover:not(:disabled){border-color:var(--line-strong);color:var(--text)}.lobby-top .account-bar>.collection-button{border-color:var(--line-strong);color:var(--text);background:#06121d8c}.lobby-play{min-width:0;display:grid;gap:18px;padding:22px clamp(16px,3vw,28px) 22px;border:1px solid var(--line);border-radius:14px;background:#08162299;box-shadow:0 14px 44px #00000052;animation:lobby-in .4s cubic-bezier(.2,.9,.25,1)}.lobby-play>.primary-button{min-height:50px;font-size:.95rem}.lobby-play .learn-link{justify-self:center;margin:-6px 0 0;font-size:.88rem}:root[data-motion=reduced] .lobby-play{animation:none}.lobby-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line)}.lobby-tabs button{margin-bottom:-1px;padding:10px 16px 11px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.lobby-tabs button:hover:not(:disabled):not(.active){color:var(--text)}.lobby-tabs button.active{border-bottom-color:var(--gold);color:#fff6d8}.deck-picker{margin:0;padding:0;border:0;display:grid;gap:12px;min-width:0}.deck-picker legend{padding:0;margin-bottom:12px}.deck-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.deck-group-title{margin:6px 0 -2px;color:var(--gold);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.deck-option{position:relative;display:grid;align-content:start;gap:8px;padding:6px 6px 9px;border:1px solid var(--line);border-radius:10px;background:#06111c73;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.deck-option input{position:absolute;opacity:0;pointer-events:none}.deck-option:hover:not(.unavailable){border-color:var(--line-strong);transform:translateY(-2px)}.deck-option.chosen{border-color:var(--gold);background:#50371457;box-shadow:0 0 16px #f7c95e29}.deck-option:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}.deck-option.unavailable{opacity:.55;cursor:default}:root[data-motion=reduced] .deck-option{transition:none;transform:none}.deck-cover{display:block;aspect-ratio:63 / 88;overflow:hidden;border-radius:6px;background:#0d2330}.deck-cover img{width:100%;height:100%;object-fit:cover;display:block}.deck-copy{display:grid;gap:5px;min-width:0;padding:0 3px}.deck-copy strong{font-size:.95rem;line-height:1.15;overflow-wrap:anywhere}.deck-copy small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:.74rem;line-height:1.2}.deck-edit{position:absolute;top:10px;right:10px;padding:3px 9px;border:1px solid var(--line-strong);border-radius:5px;background:#06111ce0;color:var(--cyan);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.deck-edit:hover{border-color:var(--gold);color:var(--gold)}.deck-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}.deck-blurb{flex:1 1 260px;margin:0;min-height:2.6em;color:var(--muted);font-size:.92rem;line-height:1.3}.build-decks{flex:none}.lobby-side{min-width:0;display:grid;align-content:start}.lobby-side>section{padding:18px 0;border-top:1px solid var(--line)}.lobby-side>section:first-child{padding-top:6px;border-top:0}.lobby-side>section>h3{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;color:#a6ddd5;font:700 .7rem var(--font-body);letter-spacing:.14em;text-transform:uppercase}.lobby-home .lobby-side>:is(.friends-online,.daily-quests,.leaderboard,.tournaments-panel)>:is(ul,ol)>li{border:0;border-radius:6px;background:none;box-shadow:none;padding-top:5px;padding-bottom:5px}.lobby-home .lobby-side>.friends-online>ul>li:hover{background:#7ed4c512}.lobby-home .lobby-side>.leaderboard>ol>li.you{background:#f7c95e17;box-shadow:inset 3px 0 0 var(--gold)}.lobby-home .lobby-side>:is(.daily-quests,.tournaments-panel)>ul,.lobby-home .lobby-side>.leaderboard>ol{gap:2px}.lobby-side .sealed-entry-link{justify-self:stretch;margin-top:-4px}@media (max-width: 900px){.lobby-home.with-side{grid-template-columns:minmax(0,1fr)}.lobby-top .account-bar{margin-left:0;width:100%;justify-content:flex-start}}@media (max-width: 560px){.lobby-home{gap:18px}.lobby-tabs button{flex:1;padding-inline:4px;font-size:.72rem;letter-spacing:.05em;white-space:nowrap}.lobby-tabs .tab-badge{margin-left:4px}.deck-options{grid-template-columns:1fr;gap:6px}.deck-option{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:6px}.deck-edit{top:50%;transform:translateY(-50%)}.deck-option:has(.deck-edit) .deck-copy{padding-right:52px}}.board{--card-w: clamp(72px, 7.8vh, 116px);--mini-w: clamp(38px, 4.2vh, 60px);--hand-w: clamp(88px, 11vh, 140px);min-height:100vh;display:flex;flex-direction:column;padding-bottom:8px}.top-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px clamp(12px,3vw,32px);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#071322f5,#0a2132f0 50%,#071322f5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:grid;line-height:1.05}.top-actions{display:flex;gap:8px}.settings-menu{position:relative}.settings-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:30;display:grid;gap:10px;width:min(92vw,340px);padding:12px 14px;border:1px solid var(--line-strong);border-radius:10px;background:#06101af7;box-shadow:0 18px 44px #0009;animation:prompt-in .18s ease-out}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.setting-label{display:grid;gap:1px}.setting-label strong{font-size:.85rem;letter-spacing:.04em}.setting-label small{color:var(--muted);font-size:.72rem}.setting-options{display:flex;flex:none;border:1px solid var(--line);border-radius:6px;overflow:hidden}.setting-options button{min-width:52px;padding:6px 10px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.setting-options button:first-child{border-left:0}.setting-options button[aria-pressed=true]{background:#f7c95e29;color:var(--gold)}@media (max-width: 520px){.settings-popover{position:fixed;left:8px;right:8px;top:52px;width:auto}.top-bar{gap:8px}.top-actions{gap:6px}.turn-info{min-width:0}.turn-info strong{font-size:.75rem;letter-spacing:.06em}.wide-only{display:none}}.brand span{color:var(--gold);font-size:.6rem;font-weight:700;letter-spacing:.28em}.brand strong{font:1rem var(--font-display);letter-spacing:.12em;color:#fcf1c9}.turn-info{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;text-align:left}.turn-info strong{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.turn-info small{grid-column:2;color:var(--muted);font-size:.72rem}.turn-dot{grid-row:span 2;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.their-turn .turn-dot{background:#f18b67;box-shadow:0 0 10px #f18b67}.banner{padding:7px 16px;text-align:center;font-size:.85rem;background:#0c2834f2;border-bottom:1px solid var(--line)}.banner.warning{background:#6e3214eb;border-color:var(--amber)}.table{flex:1 0 auto;width:min(100%,1680px);margin:0 auto;padding:12px clamp(8px,2vw,28px);display:grid;grid-template-rows:1fr auto 1fr;gap:10px}.player-area{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr) minmax(200px,320px);grid-template-areas:"name battle mana" "resources battle mana";grid-template-rows:auto 1fr;gap:8px}.player-area.opponent{grid-template-areas:"name hand hand" "resources battle mana"}.nameplate{grid-area:name}.resource-row{grid-area:resources}.zone.battle{grid-area:battle}.zone.mana{grid-area:mana}.opponent-hand{grid-area:hand}.nameplate{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.opponent .nameplate{border-color:#dc8a6e73}.nameplate strong{font-size:1rem}.nameplate small{margin-left:auto;color:var(--muted);font-size:.75rem}.presence{width:8px;height:8px;border-radius:50%;flex:none}.presence.online{background:var(--success);box-shadow:0 0 8px var(--success)}.presence.offline{background:#6b7a80}.opponent-hand{display:flex;gap:4px;align-items:center;min-height:48px;overflow-x:auto;padding:2px 4px}.resource-row{display:grid;grid-template-columns:1fr calc(var(--mini-w) + 24px) calc(var(--mini-w) + 52px);gap:8px;align-self:start}.zone{position:relative;min-width:0;padding:22px 8px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:border-color .15s,box-shadow .15s}.zone h3{position:absolute;top:5px;left:9px;right:9px;display:flex;justify-content:space-between;gap:6px;margin:0;color:#73d6cb;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.zone-count{color:var(--text)}.zone-cards{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:64px}.zone.battle .zone-cards{min-height:calc(var(--card-w) * 1.45);align-content:center}.self .zone.battle{border-color:#edb86080;background:linear-gradient(145deg,#21301fe6,#10241fe6)}.zone-empty{color:var(--muted);font-size:.8rem;margin:auto}.zone.is-ready{cursor:pointer;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 22px #f7c95e40 inset}.zone.is-ready .zone-empty{color:var(--gold)}.zone.shields.is-target{cursor:pointer;border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),0 0 24px #ff7a6659;animation:pulse 1.2s ease-in-out infinite}.target-callout{position:absolute;inset:auto 6px 6px auto;padding:2px 8px;border-radius:4px;background:var(--danger);color:#1a0703;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.zone.mana .zone-cards{gap:3px}.zone.shields .zone-cards{flex-wrap:nowrap;gap:0}.zone.shields .card+.card{margin-left:calc(var(--mini-w) * -.42)}.deck-stack{width:var(--mini-w);aspect-ratio:63 / 88;border-radius:4px;background:#172a3a center / cover;box-shadow:2px 2px #0a1520,4px 4px #0a1520,0 6px 12px #0009}.card{position:relative;flex:none;align-self:center;width:var(--card-w);aspect-ratio:63 / 88;padding:0;overflow:hidden;border:2px solid #d8ad59;border-radius:6px;background:#162c35;cursor:default;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,margin .18s ease;animation:card-in .35s cubic-bezier(.2,.9,.3,1) backwards}.card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.card-mini{width:var(--mini-w);border-width:1px;border-radius:4px}.card-back{border-color:#e7c16d}.card.civ-light{border-color:var(--civ-light)}.card.civ-water{border-color:var(--civ-water)}.card.civ-darkness{border-color:var(--civ-darkness)}.card.civ-fire{border-color:var(--civ-fire)}.card.civ-nature{border-color:var(--civ-nature)}.card:not([aria-disabled=true]){cursor:pointer}.card:not([aria-disabled=true]):hover{transform:translateY(-4px) scale(1.04);z-index:2}.card.is-tapped{transform:rotate(90deg) scale(.86);margin:0 14px;filter:brightness(.72)}.card-mini.is-tapped{margin:0 7px}.card.is-tapped:not([aria-disabled=true]):hover{transform:rotate(90deg) scale(.92)}.player-area.self .zone.mana .card{transform:rotate(180deg)}.player-area.self .zone.mana .card.is-tapped{transform:rotate(270deg) scale(.86)}.player-area.self .zone.mana .card.is-tapped:not([aria-disabled=true]):hover{transform:rotate(270deg) scale(.92)}.card.is-sick:after{content:"zz";position:absolute;top:3px;right:4px;padding:0 4px;border-radius:3px;background:#050c14d9;color:var(--cyan);font-size:.65rem;font-weight:700}.evo-badge{position:absolute;left:4px;bottom:4px;padding:0 5px;border-radius:3px;background:#050c14d9;color:var(--gold);font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.cost-badge{position:absolute;top:2px;left:2px;display:grid;place-items:center;width:1.35em;height:1.35em;border-radius:50%;background:#1c6b3a;box-shadow:0 0 0 2px #7ef0a8;color:#fff;font-size:.8rem;font-weight:800}.reduced-cost{font-weight:600;opacity:.85}.power-badge{position:absolute;right:3px;bottom:3px;padding:0 5px;border-radius:4px;background:#1c6b3a;box-shadow:0 0 0 1px #7ef0a8;color:#fff;font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums}.power-badge.down{background:#7a1f2b;box-shadow:0 0 0 1px #ff8a9a}.inspector-pile b{color:var(--gold)}.card.hl-playable{box-shadow:0 0 0 2px var(--gold),0 0 16px #f7c95e8c}.card.hl-chargeable{box-shadow:0 0 0 2px var(--cyan),0 0 12px #6ee9e366}.card.hl-attacker{box-shadow:0 0 0 2px var(--amber),0 0 16px #e3852899}.card.hl-selected{transform:translateY(-10px) scale(1.06);box-shadow:0 0 0 3px #fff,0 0 24px var(--gold);z-index:3}.card.hl-target{box-shadow:0 0 0 3px var(--danger),0 0 22px #ff7a66b3;animation:pulse 1.2s ease-in-out infinite}.card.hl-option{box-shadow:0 0 0 3px var(--cyan),0 0 22px #6ee9e399;animation:pulse 1.2s ease-in-out infinite}.card.hl-picked{box-shadow:0 0 0 3px var(--success),0 0 22px #7ef0a8b3}.card.hl-picked:before{content:"✓";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#143c2373;color:#eafff0;font-size:1.6rem;font-weight:700}.card-fallback{display:grid;height:100%;padding:6px;place-content:space-between;text-align:center;font-size:.65rem}.card-fallback b{justify-self:start}.card-fallback i{justify-self:end;font-style:normal}.prompt-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;min-height:56px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius);background:#05101aeb}.prompt-hint{color:#cfe6e6;font-size:.92rem}.prompt-warning{color:var(--gold);font-size:.8rem}.prompt-log{margin-left:auto;max-width:min(100%,520px);padding:5px 12px;border-left:3px solid var(--cyan);border-radius:4px;background:#143c4659;color:#e6f6f3;font-size:.88rem;line-height:1.25;animation:log-in .25s ease-out}.prompt-log.error{border-left-color:var(--danger);background:#5a1c188c;color:#ffe0d8}.prompt-log+.end-turn-button,.prompt-log+.prompt-actions{margin-left:0}.end-turn-button{margin-left:auto;min-width:132px;border:1px solid #ffd27a;background:linear-gradient(135deg,#b8551c,#f0a540);color:#fffaf0;box-shadow:0 0 18px #f0a54059}.their-turn .end-turn-button{display:none}.prompt-bar.waiting{color:var(--muted)}.prompt-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 1s ease-in-out infinite}.prompt-bar.choice{border-color:var(--gold);box-shadow:0 0 24px #f7c95e33;animation:prompt-in .25s ease-out}.prompt-copy{display:grid;gap:2px;min-width:0;flex:1 1 240px}.prompt-copy strong{color:var(--gold);font:1rem var(--font-display);letter-spacing:.06em}.prompt-copy span{color:#dbeceb;font-size:.92rem}.prompt-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.choice-gallery{display:flex;gap:6px;flex-wrap:wrap;max-width:100%}.choice-gallery .card-mini{width:60px}.prompt-bar.trigger{border-color:var(--civ-light);background:linear-gradient(120deg,#3c320cf2,#08141ef2)}.trigger-card .card{width:72px;animation:trigger-flip .5s cubic-bezier(.2,.9,.3,1.2)}.hand{position:sticky;bottom:0;z-index:4;display:grid;gap:6px;justify-items:center;padding:10px 12px 6px;background:linear-gradient(to top,#03080ff7 60%,#03080f00)}.hand-cards{display:flex;align-items:flex-end;gap:8px;max-width:100%;overflow-x:auto;padding:14px 6px 4px}.hand-cards .card{align-self:flex-end;width:var(--hand-w)}.hand-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.inspector{position:fixed;right:clamp(12px,2vw,28px);bottom:190px;z-index:6;width:250px;display:grid;overflow:hidden;pointer-events:none;border:1px solid var(--gold);border-radius:10px;background:#081521f7;box-shadow:0 18px 48px #000c;opacity:0;transform:translateY(10px) scale(.97);transition:opacity .14s ease,transform .14s ease}.inspector.visible{opacity:1;transform:none}.inspector .card{width:100%;border-radius:0;border-width:0 0 1px;animation:none}.clip-loop{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#000;border-bottom:1px solid var(--gold)}.inspector-copy{display:grid;gap:4px;padding:10px 12px 12px}.inspector-copy strong{color:#fff3cd}.inspector-copy small{color:var(--cyan);text-transform:capitalize;font-size:.74rem}.inspector-copy p{margin:0;color:#c3d3d5;font-size:.82rem;line-height:1.3}.game-over{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:16px;background:#03101ae0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-over-panel{display:grid;gap:10px;justify-items:center;width:min(100%,420px);padding:32px 28px;text-align:center;border:1px solid var(--gold);border-radius:12px;background:linear-gradient(145deg,#142b3df7,#09121ff2);animation:victory-in .55s cubic-bezier(.2,1.2,.3,1)}.game-over-panel h2{margin:0;color:#ffe49a;font:2.4rem var(--font-display);text-shadow:0 0 22px #e8a541}.game-over{overflow:hidden;background:#03101ab8;animation:decision-fade .6s ease-out}.game-over-panel{position:relative;z-index:1}.game-over.won .game-over-panel h2{font-size:clamp(2.6rem,8vh,4rem);animation:victory-title .9s cubic-bezier(.2,1.3,.3,1) both}.victory-rays{position:absolute;left:50%;top:50%;width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;background:repeating-conic-gradient(from 0deg,rgba(255,214,110,.16) 0deg 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 55%);mask-image:radial-gradient(circle,#000 0%,transparent 55%);will-change:transform;animation:rays-turn 24s linear infinite,decision-fade 1.2s ease-out}.game-over.lost{background:#0a060acc;-webkit-backdrop-filter:blur(4px) grayscale(.7);backdrop-filter:blur(4px) grayscale(.7)}.game-over.lost .game-over-panel{border-color:#8a5a5a;background:linear-gradient(145deg,#28161af7,#0c0a10f2)}.game-over.lost .game-over-panel h2{color:#d9b3b3;text-shadow:0 0 22px rgba(160,40,40,.6);animation:defeat-title 1.4s ease-out both}@keyframes victory-title{0%{opacity:0;transform:scale(2.2);letter-spacing:.4em;filter:blur(6px)}}@keyframes defeat-title{0%{opacity:0;transform:translateY(-18px);letter-spacing:.3em}}@keyframes rays-turn{to{transform:rotate(360deg)}}.game-over-panel p{margin:0 0 8px;color:var(--muted)}.game-over-panel .tournament-duel-line{color:var(--gold);font-weight:700}.decision-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#040c149e,#02060ce6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:decision-fade .25s ease-out}.trigger-spotlight{--civ: var(--civ-light);display:grid;justify-items:center;gap:12px;width:min(100%,460px);text-align:center}.trigger-spotlight.civ-water{--civ: var(--civ-water)}.trigger-spotlight.civ-darkness{--civ: var(--civ-darkness)}.trigger-spotlight.civ-fire{--civ: var(--civ-fire)}.trigger-spotlight.civ-nature{--civ: var(--civ-nature)}.trigger-title{margin:0;color:#fff6dc;font:clamp(1.8rem,5vh,2.8rem) var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 18px var(--civ),0 0 42px var(--civ);animation:trigger-title-in .5s cubic-bezier(.2,1.3,.3,1) both}.trigger-card-large{position:relative;width:min(62vw,250px,34vh);aspect-ratio:63 / 88;overflow:hidden;border-radius:12px;box-shadow:0 0 0 2px var(--civ),0 0 40px color-mix(in srgb,var(--civ) 70%,transparent),0 24px 60px #000000b3;animation:trigger-card-in .6s cubic-bezier(.2,1.1,.3,1) both,trigger-pulse 1.8s .6s ease-in-out infinite}.trigger-card-large img{width:100%;height:100%;object-fit:cover;display:block}.trigger-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translate(-130%);animation:cinematic-sheen 1s .45s ease-out forwards}.trigger-copy{display:grid;gap:6px;max-width:420px}.trigger-copy strong{color:#fff3cd;font:1.2rem var(--font-display);letter-spacing:.05em}.trigger-copy p{margin:0;color:#dbeceb;font-size:.95rem;line-height:1.35}.trigger-copy small{color:var(--muted);font-size:.8rem}.decision-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.primary-button.big,.ghost-button.big{min-height:52px;padding:10px 26px;font-size:.95rem}.decision-panel{position:fixed;top:56px;left:50%;z-index:17;display:grid;justify-items:center;gap:5px;width:min(94vw,680px);padding:10px 16px 12px;text-align:center;border:1px solid var(--gold);border-radius:12px;background:linear-gradient(160deg,#221c0af5,#08121cf0);box-shadow:0 0 0 1px #f7c95e40,0 0 36px #f7c95e4d,0 18px 44px #0009;transform:translate(-50%);animation:decision-drop .35s cubic-bezier(.2,1.2,.3,1)}.decision-panel.blocking{border-color:#9fe8ff;box-shadow:0 0 36px #6ee9e359,0 18px 44px #0009;background:linear-gradient(160deg,#082430f5,#08121cf0)}.decision-eyebrow{color:var(--gold);font-size:.66rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.blocking .decision-eyebrow{color:var(--cyan)}.decision-panel header{display:flex;align-items:baseline;gap:12px}.decision-panel h2{margin:0;color:#fff6dc;font:1.3rem var(--font-display);letter-spacing:.06em}.decision-panel p{margin:0;color:#e6f2f0;font-size:.95rem;line-height:1.3}.decision-panel .decision-actions{gap:8px}.decision-panel .decision-actions button{min-height:36px;padding:6px 14px;font-size:.76rem}.decision-help{color:var(--muted);font-size:.8rem}.decision-panel .choice-gallery{justify-content:center}.decision-waiting{position:fixed;top:64px;left:50%;z-index:17;display:flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid var(--line-strong);border-radius:999px;background:#05101aeb;color:#dbeceb;transform:translate(-50%);animation:decision-drop .3s ease-out}.decision-spinner{width:14px;height:14px;border:2px solid rgba(110,233,227,.25);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.board.choosing .zone .card:not(.hl-option):not(.hl-picked),.board.choosing .hand-cards .card:not(.hl-option):not(.hl-picked){filter:brightness(.35) saturate(.6)}@keyframes decision-fade{0%{opacity:0}}@keyframes decision-drop{0%{opacity:0;transform:translate(-50%,-14px)}}@keyframes trigger-title-in{0%{opacity:0;transform:scale(1.6);letter-spacing:.4em}}@keyframes trigger-card-in{0%{opacity:0;transform:translateY(60px) rotateX(35deg) scale(.7)}}@keyframes trigger-pulse{50%{box-shadow:0 0 0 2px var(--civ),0 0 64px color-mix(in srgb,var(--civ) 90%,transparent),0 24px 60px #000000b3}}.turn-banner{position:fixed;left:0;right:0;top:50%;z-index:15;display:grid;place-items:center;height:clamp(64px,11vh,110px);margin-top:calc(clamp(64px,11vh,110px)/-2);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(6,40,48,.88) 18%,rgba(8,56,64,.94) 50%,rgba(6,40,48,.88) 82%,transparent);border-block:1px solid rgba(110,233,227,.55);box-shadow:0 0 40px #6ee9e340;animation:banner-band 1.4s cubic-bezier(.2,.8,.2,1) both}.turn-banner.theirs{background:linear-gradient(90deg,transparent,rgba(52,16,12,.88) 18%,rgba(70,20,14,.94) 50%,rgba(52,16,12,.88) 82%,transparent);border-color:#ff8a6a8c;box-shadow:0 0 40px #ff6a3d40}.turn-banner span{color:#fff6dc;font:clamp(1.6rem,4.6vh,3rem) var(--font-display);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 24px rgba(110,233,227,.8);animation:banner-text 1.4s cubic-bezier(.2,.8,.2,1) both}.turn-banner.theirs span{text-shadow:0 0 24px rgba(255,106,61,.8)}@keyframes banner-band{0%{transform:scaleY(0);opacity:0}14%{transform:scaleY(1);opacity:1}80%{transform:scaleY(1);opacity:1}to{transform:scaleY(.2);opacity:0}}@keyframes banner-text{0%{transform:translate(-45vw) skew(-12deg);opacity:0;letter-spacing:.5em}22%{transform:translate(0) skew(0);opacity:1;letter-spacing:.14em}72%{transform:translate(2vw);opacity:1}to{transform:translate(45vw) skew(12deg);opacity:0}}:root[data-motion=reduced] .turn-banner,:root[data-motion=reduced] .turn-banner span{animation-name:banner-fade}@keyframes banner-fade{0%,to{opacity:0}15%,80%{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(16px) scale(.92)}}@keyframes pulse{50%{filter:brightness(1.25)}}@keyframes prompt-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes log-in{0%{opacity:0;transform:translate(8px)}}@keyframes trigger-flip{0%{transform:rotateY(180deg) scale(.6)}}@keyframes victory-in{0%{opacity:0;transform:scale(.75)}}@media (max-width: 900px){.player-area,.player-area.opponent{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "battle" "mana" "resources"}.player-area.opponent{grid-template-areas:"name" "hand" "resources" "mana" "battle"}.board{--card-w: 64px;--mini-w: 34px;--hand-w: 76px}.zone.battle .zone-cards{min-height:100px}.inspector{top:60px;bottom:auto;right:8px;width:170px}.inspector-copy p,.brand{display:none}.end-turn-button{margin-left:0;width:100%}}.nameplate-avatar{width:22px;height:22px;margin-right:6px;border-radius:50%;object-fit:cover;vertical-align:middle}.bot-badge{display:inline-flex;align-items:center;gap:6px;padding:1px 8px;border:1px solid rgba(192,140,255,.6);border-radius:999px;background:#3c1e5a80;color:#dcc4ff;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.bot-thinking{color:var(--gold);letter-spacing:.04em;text-transform:none}.bot-thinking i{font-style:normal;animation:thinking-dot 1.2s infinite}.bot-thinking i:nth-child(2){animation-delay:.2s}.bot-thinking i:nth-child(3){animation-delay:.4s}@keyframes thinking-dot{0%,60%,to{opacity:.2}30%{opacity:1}}.game-over-panel .decision-actions{margin-top:4px}.coach{position:relative;z-index:19;display:grid;gap:8px;padding:12px 14px;border:1px solid rgba(247,201,94,.7);border-radius:var(--radius);background:linear-gradient(160deg,#281e0cf5,#08141ef2);box-shadow:0 14px 40px #0000008c,0 0 26px #f7c95e2e;animation:coach-in .35s cubic-bezier(.2,.9,.25,1)}.coach-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.coach-lesson{color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.coach-lesson strong{color:#fff1c5}.coach-skip{padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:.8rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.coach-progress{height:3px;border-radius:2px;background:#ffffff1f;overflow:hidden}.coach-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--gold));transition:width .4s ease}.coach-text{margin:0;color:var(--text);font-size:1rem;line-height:1.4}.coach-next{justify-self:end;min-width:120px}.coach-wait{color:var(--muted);font-style:italic}.coach.is-free{border-color:var(--line-strong);background:var(--panel-strong)}@keyframes coach-in{0%{opacity:0;transform:translateY(8px)}}:root[data-motion=reduced] .coach{animation:none}.coached .end-turn-button:not(:disabled){animation:coach-pulse 1.4s ease-in-out infinite}@keyframes coach-pulse{50%{box-shadow:0 0 0 4px #f7c95e59,0 0 22px #f7c95e8c}}:root[data-motion=reduced] .coached .end-turn-button{animation:none}.table-middle{display:grid;gap:8px}.emote-menu{position:relative;display:inline-flex;pointer-events:auto}.nameplate .emote-menu,.nameplate3d .emote-menu{margin-left:auto}.emote-button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:#040c14d9;font-size:.85rem;line-height:1;cursor:pointer}.emote-button:hover:not(:disabled),.emote-button[aria-expanded=true]{border-color:var(--gold);box-shadow:0 0 10px #f7c95e59}.emote-button:disabled{opacity:.45;cursor:default}.emote-picker{position:absolute;left:0;bottom:calc(100% + 6px);z-index:20;display:grid;grid-template-columns:repeat(3,auto);gap:4px;padding:6px;border:1px solid var(--line-strong);border-radius:10px;background:#06101af7;box-shadow:0 12px 30px #0000008c;animation:prompt-in .15s ease-out}.emote-picker button{min-width:58px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text);font-weight:700;white-space:nowrap;cursor:pointer}.emote-picker button:hover,.emote-picker button:focus-visible{border-color:var(--gold);color:var(--gold)}.emote-bubble{position:absolute;left:calc(100% + 12px);top:50%;z-index:6;padding:5px 12px;border:1px solid rgba(247,201,94,.9);border-radius:14px;background:#fff6dc;color:#1c1406;font:.95rem var(--font-display);letter-spacing:.04em;white-space:nowrap;box-shadow:0 6px 18px #00000073;pointer-events:none;transform:translateY(-50%);animation:emote-pop 2.5s ease-out forwards}.emote-bubble:before{content:"";position:absolute;left:-6px;top:50%;width:10px;height:10px;border-left:inherit;border-bottom:inherit;background:inherit;transform:translateY(-50%) rotate(45deg)}.emote-bubble b{margin-right:6px;font-weight:400;opacity:.7}@keyframes emote-pop{0%{opacity:0;transform:translateY(-50%) scale(.5)}12%{opacity:1;transform:translateY(-50%) scale(1.12)}22%,85%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(1)}}.nameplate .emote-bubble,.game-over-emotes .emote-bubble{position:relative;left:auto;top:auto;margin-left:8px;transform:none;animation-name:emote-pop-inline}@keyframes emote-pop-inline{0%{opacity:0;transform:scale(.5)}12%{opacity:1;transform:scale(1.12)}22%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}:root[data-motion=reduced] .emote-bubble{animation-name:emote-fade}:root[data-motion=reduced] .emote-picker{animation:none}@keyframes emote-fade{0%,to{opacity:0}8%,85%{opacity:1}}.game-over-emotes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;min-height:30px}.game-over-emotes .emote-picker{left:50%;transform:translate(-50%)}.watch-count{align-self:center;padding:3px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.74rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.game-over.watched .game-over-panel h2{font-size:clamp(2rem,6vh,3rem)}.top-bar.replaying{flex-wrap:wrap;row-gap:6px}.replay-controls{display:flex;align-items:center;gap:6px}.replay-controls .ghost-button.small{min-width:36px;padding:4px 10px}.replay-play span{font-size:.8rem;letter-spacing:-.1em}.replay-speed button{min-width:40px;padding:6px 8px;letter-spacing:.02em;text-transform:none}.replay-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#7fe6d71f;pointer-events:none}.replay-progress span{display:block;height:100%;background:var(--gold);transition:width .3s ease-out}@media (max-width: 900px){.top-bar.replaying .brand{display:none}}@media (max-width: 620px){.top-bar.replaying .replay-controls{order:3;flex-basis:100%;justify-content:center}}.deck-builder{min-height:100vh;display:flex;flex-direction:column;gap:10px;padding:10px clamp(10px,2vw,24px) 16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.builder-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.builder-top h1{margin:0;font:1.3rem var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#fff1c5}.deck-switch{margin-left:auto}.deck-builder select,.deck-builder .search,.deck-builder textarea,.deck-name{padding:8px 10px;border:1px solid var(--line-strong);border-radius:6px;background:#06111c;color:var(--text)}.deck-builder select:focus,.deck-builder .search:focus,.deck-builder textarea:focus,.deck-name:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #f7c95e26}.deck-builder textarea{width:100%;min-width:0;min-height:4.5em;max-height:14em;resize:vertical}.builder-status{margin:0;padding:8px 12px;border-left:3px solid var(--cyan);border-radius:4px;background:#143c4666;font-size:.9rem}.builder-status.error{border-left-color:var(--danger);background:#5a1c188c;color:#ffe0d8}.start-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:min(100%,980px);margin:12px auto}.start-column{display:grid;gap:10px;align-content:start}.start-column h2{margin:6px 0 0;font:1rem var(--font-display);letter-spacing:.08em;color:var(--gold)}.start-column p{margin:0;font-size:.88rem}.start-option{display:grid;gap:3px;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#06111cb3;cursor:pointer}.start-option:hover{border-color:var(--gold)}.start-option.with-cover{grid-template-columns:48px 1fr;gap:12px;align-items:center}.start-option.with-cover img{width:48px;aspect-ratio:63 / 88;object-fit:cover;border-radius:3px}.start-option span{display:grid;gap:3px}.start-option small{color:var(--muted);font-size:.8rem}.builder-tabs{display:none}.builder-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:14px;min-height:0}.card-browser{display:flex;flex-direction:column;gap:10px;min-width:0}.filters{display:grid;gap:8px}.search{width:100%;font-size:.95rem}.chip-row,.filter-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#06111cb3;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:capitalize;cursor:pointer}.chip[aria-pressed=true]{color:#fff6dc;border-color:var(--gold);background:#f7c95e2e}.civ-chip.civ-light[aria-pressed=true]{border-color:var(--civ-light);background:color-mix(in srgb,var(--civ-light) 25%,transparent)}.civ-chip.civ-water[aria-pressed=true]{border-color:var(--civ-water);background:color-mix(in srgb,var(--civ-water) 25%,transparent)}.civ-chip.civ-darkness[aria-pressed=true]{border-color:var(--civ-darkness);background:color-mix(in srgb,var(--civ-darkness) 25%,transparent)}.civ-chip.civ-fire[aria-pressed=true]{border-color:var(--civ-fire);background:color-mix(in srgb,var(--civ-fire) 25%,transparent)}.civ-chip.civ-nature[aria-pressed=true]{border-color:var(--civ-nature);background:color-mix(in srgb,var(--civ-nature) 25%,transparent)}.cost-chip{min-width:38px;text-align:center}.filter-row select{font-size:.82rem}.check{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted)}.link-button{border:0;background:none;color:var(--cyan);font-size:.82rem;text-decoration:underline;cursor:pointer}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(96px,9vw,150px),1fr));gap:10px;align-content:start;padding:4px 2px 20px}.tile{position:relative}.tile-card{display:block;width:100%;padding:0;aspect-ratio:63 / 88;overflow:hidden;border:2px solid transparent;border-radius:7px;background:#0d2330;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s}.tile-card img{width:100%;height:100%;object-fit:cover;display:block}.tile-card:hover,.tile-card:focus-visible{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 24px #00000080;outline:none;border-color:var(--line-strong)}.tile.in-deck .tile-card{border-color:var(--gold);box-shadow:0 0 14px #f7c95e59}.tile.foil .tile-card{position:relative}.tile.foil .tile-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.28) 42%,rgba(120,210,255,.22) 50%,rgba(255,130,220,.2) 58%,transparent 75%);background-size:250% 100%;background-position:120% 0;opacity:0;transition:opacity .2s}.tile.foil .tile-card:hover:after{opacity:1;animation:tile-foil 1.6s linear infinite}@keyframes tile-foil{to{background-position:-130% 0}}.tile-count{position:absolute;top:6px;right:6px;padding:2px 7px;border-radius:999px;background:#140e02e6;border:1px solid var(--gold);color:var(--gold);font-size:.75rem;font-weight:700;pointer-events:none}.tile-remove{position:absolute;bottom:6px;right:6px;width:30px;height:30px;border:1px solid var(--line-strong);border-radius:50%;background:#06111ceb;color:var(--text);font-size:1.1rem;line-height:1;cursor:pointer}.tile-remove:hover{border-color:var(--danger);color:var(--danger)}.deck-panel{position:sticky;top:10px;align-self:start;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 80px);padding:14px;border:1px solid var(--line-strong);border-radius:10px;background:linear-gradient(160deg,#0a1c2af5,#050e16f0)}.deck-name{font:1.05rem var(--font-display);letter-spacing:.04em}.deck-count{display:flex;align-items:center;gap:10px}.deck-count strong{font:1.3rem var(--font-display);color:var(--muted);font-variant-numeric:tabular-nums}.deck-count.ok strong{color:var(--success)}.count-bar{flex:1;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.count-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .2s}.deck-count.ok .count-bar span{background:var(--success)}.deck-ok{margin:0;color:var(--success);font-weight:700}.deck-problems{margin:0;padding-left:18px;color:#ffd3a8;font-size:.85rem}.craft-missing{display:grid;justify-items:start;gap:4px}.craft-missing .primary-button{display:inline-flex;align-items:center;gap:6px}.craft-missing .coins{color:inherit}.deck-stats{display:grid;gap:8px}.curve{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;height:86px;align-items:end}.curve-bar{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.curve-fill{display:block;min-height:2px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--gold),#a45d28);transition:height .2s}.curve-count{text-align:center;font-size:.7rem;color:var(--text);height:14px}.curve-label{text-align:center;font-size:.7rem;color:var(--muted);border-top:1px solid var(--line);padding-top:2px}.civ-split{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#ffffff0f}.civ-part.civ-light{background:var(--civ-light)}.civ-part.civ-water{background:var(--civ-water)}.civ-part.civ-darkness{background:var(--civ-darkness)}.civ-part.civ-fire{background:var(--civ-fire)}.civ-part.civ-nature{background:var(--civ-nature)}.stat-chips{display:flex;flex-wrap:wrap;gap:6px}.stat-chips span{padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.74rem}.deck-list{flex:1;overflow-y:auto;min-height:120px;padding-right:4px}.deck-group h3{margin:8px 0 4px;color:var(--cyan);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.deck-row{display:grid;grid-template-columns:22px 1fr auto 26px 26px;gap:6px;align-items:center;padding:4px 6px;border-left:3px solid var(--line);border-radius:4px;background:#ffffff08;margin-bottom:3px;font-size:.86rem}.deck-row.civ-light{border-left-color:var(--civ-light)}.deck-row.civ-water{border-left-color:var(--civ-water)}.deck-row.civ-darkness{border-left-color:var(--civ-darkness)}.deck-row.civ-fire{border-left-color:var(--civ-fire)}.deck-row.civ-nature{border-left-color:var(--civ-nature)}.row-cost{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#00000080;font-size:.72rem;font-weight:700}.row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-count{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}.deck-row button{width:26px;height:26px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--text);cursor:pointer}.deck-row button:hover:not(:disabled){border-color:var(--gold)}.deck-row button:disabled{opacity:.35;cursor:default}.deck-builder .deck-code{min-height:0;font-family:ui-monospace,Consolas,monospace;font-size:.78rem;resize:none}.deck-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.deck-actions .primary-button,.deck-actions .ghost-button{min-height:40px;font-size:.74rem}.ghost-button.danger:hover{border-color:var(--danger);color:var(--danger)}.deck-builder .inspector{left:clamp(10px,2vw,24px);right:auto;bottom:16px}@media (max-width: 860px){.builder-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px}.builder-tabs button{flex:1;padding:9px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;cursor:pointer}.builder-tabs button[aria-selected=true]{background:#f7c95e2e;color:var(--gold)}.builder-body{grid-template-columns:1fr}.builder-body.show-cards .deck-panel,.builder-body.show-deck .card-browser{display:none}.deck-panel{position:static;max-height:none}.card-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.deck-builder .inspector{display:none}.builder-top h1{font-size:1rem}}.sealed-screen{min-height:100vh;display:flex;flex-direction:column;gap:14px;padding:10px clamp(10px,2vw,24px) 16px}.sealed-screen h1{margin:0;font:1.3rem var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#fff1c5}.sealed-entry{display:grid;gap:16px;width:min(100%,640px);margin:0 auto}.sealed-entry>p{margin:0;color:var(--muted);line-height:1.5}.sealed-build{display:grid;gap:10px;flex:1;min-height:0}.sealed-deck-panel .deck-actions{grid-template-columns:1fr auto}.sealed-ladder,.sealed-results{display:grid;gap:12px;justify-items:start;width:min(100%,480px);margin:40px auto;text-align:left}.sealed-results{text-align:center;justify-items:center}.sealed-results h2{margin:0;font:1.2rem var(--font-display);color:var(--gold)}.ladder-line{margin:0;font-size:1.05rem}.ladder-track{display:flex;gap:4px;width:100%}.ladder-step{flex:1;height:8px;border-radius:4px;background:#ffffff1f}.ladder-step.played{background:var(--cyan)}.ladder-step.next{background:var(--gold)}.sealed-results-grid{display:grid;gap:6px;justify-items:center;font-size:.95rem;color:var(--muted)}.tournament-screen{min-height:100vh;display:flex;flex-direction:column;gap:14px;padding:10px clamp(10px,2vw,24px) 24px;overflow-x:hidden}.tournament-screen h1{margin:0;font:1.3rem var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#fff1c5}.tournament-screen>*{min-width:0}.tournament-header{align-items:baseline}.tournament-meta{flex-basis:100%;font-size:.85rem}.tournament-status{margin:0;padding:10px 14px;border:1px dashed var(--line-strong);border-radius:8px;font-weight:600}.tournament-status.champion{border-style:solid;border-color:#f7c95ea6;background:linear-gradient(145deg,#5a381280,#0c202cb3);color:#fff1c5}.tournament-open{display:grid;gap:14px;width:min(100%,640px)}.tournament-players{margin:0;padding:0;list-style:none;display:grid;gap:6px}.tournament-players li{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#06111c99}.tournament-you,.tournament-host-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tournament-you p,.tournament-host-actions small{margin:0}.tournament-next-match{display:grid;gap:6px;width:min(100%,420px);padding:14px 16px;border:1px solid rgba(247,201,94,.5);border-radius:10px;background:linear-gradient(145deg,#3a200c80,#0c1c2a80)}.tournament-next-match h3{margin:0;color:#fff1c5;font:1rem var(--font-display);letter-spacing:.06em;text-transform:uppercase}.tournament-next-match p{margin:0}.tournament-next-match .primary-button{justify-self:start}.tournament-running{display:grid;gap:16px;min-width:0}.tournament-bracket-scroll{overflow-x:auto;padding-bottom:6px;display:grid;gap:18px}.bracket-section h4{margin:0 0 8px;color:#a6ddd5;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.bracket-columns{display:flex;gap:20px;width:max-content}.bracket-column{display:grid;gap:10px;width:200px}.bracket-column h5{margin:0;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bracket-matches{display:grid;gap:24px}.match-box{display:grid;gap:4px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#06111cb3}.match-box.status-done{border-color:#7ed4c566}.match-side{display:flex;align-items:center;gap:6px;min-width:0}.match-side-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.match-side.winner .match-side-name,.match-side.winner .match-side-score{color:var(--gold)}.match-side-score{font-weight:800;font-variant-numeric:tabular-nums}.level-badge{padding:0 5px;border-radius:4px;background:#ffffff1a;color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.match-decided{color:var(--muted);font-style:italic}.match-live{display:flex;align-items:center;gap:6px}.match-countdown{color:var(--amber)}.tournament-crosstable-wrap{display:grid;gap:16px;min-width:0}.tournament-crosstable,.tournament-standings{overflow-x:auto;border-collapse:collapse;font-size:.88rem}.tournament-crosstable th,.tournament-crosstable td,.tournament-standings th,.tournament-standings td{padding:6px 10px;border:1px solid var(--line);text-align:center;white-space:nowrap}.tournament-crosstable th:first-child,.tournament-crosstable td:first-child,.tournament-standings th:nth-child(2),.tournament-standings td:nth-child(2){text-align:left}.tournament-crosstable thead th,.tournament-standings thead th{color:#a6ddd5;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#06111c99}.tournament-crosstable td.self{background:#ffffff0a;color:var(--muted)}.tournament-results ol{margin:0;padding:0;list-style:none;display:grid;gap:6px}.tournament-results li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#06111c99}@media (max-width: 480px){.tournament-screen h1{font-size:1rem}.bracket-column{width:168px}}:root{--bg: #050b14;--bg-glow: #12404a;--panel: rgba(8, 22, 34, .9);--panel-strong: #0b1c2b;--line: rgba(126, 212, 197, .28);--line-strong: rgba(126, 212, 197, .55);--text: #f3f1e6;--muted: #9bb8bf;--gold: #f7c95e;--amber: #e38528;--cyan: #6ee9e3;--danger: #ff7a66;--success: #7ef0a8;--civ-light: #f4e27a;--civ-water: #5cc4ff;--civ-darkness: #b07cff;--civ-fire: #ff6a3d;--civ-nature: #6fdc6a;--radius: 8px;--font-body: Rajdhani, system-ui, sans-serif;--font-display: "Russo One", Rajdhani, system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(ellipse at 50% 40%,var(--bg-glow) 0%,#0a2833 35%,var(--bg) 78%) fixed,var(--bg);color:var(--text);font-family:var(--font-body);letter-spacing:.02em;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}.muted{color:var(--muted)}.primary-button,.ghost-button,.end-turn-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 16px;border-radius:6px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.primary-button{border:1px solid #f4cc72;background:linear-gradient(135deg,#a15122,#ecad44);color:#fff9e5}.primary-button.alt{border-color:#7fe6d7;background:linear-gradient(135deg,#12615d,#2fb3a2)}.ghost-button{border:1px solid var(--line-strong);background:#06121db3;color:var(--text)}.ghost-button.small{min-height:32px;padding:4px 12px}.primary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.end-turn-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.12)}button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.6)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.eyebrow{display:block;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.civ{font-style:normal}.civ-chips{display:flex;gap:4px;flex-wrap:wrap}.civ-chips .civ{padding:1px 7px;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#061019}.civ-chips .civ-light{background:var(--civ-light)}.civ-chips .civ-water{background:var(--civ-water)}.civ-chips .civ-darkness{background:var(--civ-darkness)}.civ-chips .civ-fire{background:var(--civ-fire)}.civ-chips .civ-nature{background:var(--civ-nature)}.status-screen{min-height:100vh;display:grid;place-items:center;padding:16px}.status-panel{width:min(100%,460px);display:grid;gap:14px;justify-items:center;padding:32px 28px;text-align:center;border:1px solid rgba(247,201,94,.5);border-radius:12px;background:linear-gradient(145deg,#142b3df2,#09121feb);box-shadow:0 18px 65px #000000b3}.status-panel h2{margin:0;font:1.3rem var(--font-display);letter-spacing:.06em}.status-panel p{margin:0;color:var(--muted)}.lobby-sigil{color:var(--gold);font-size:2rem;line-height:1}.lobby-sigil.spin{animation:spin 3s linear infinite}.invite-code{padding:6px 18px;border:1px dashed rgba(247,201,94,.6);border-radius:6px;color:var(--gold);font:2rem var(--font-display);letter-spacing:.25em}.invite-link{display:flex;gap:8px;width:100%}.invite-row{display:grid;gap:4px;width:100%;text-align:left}.invite-label{color:var(--cyan);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.invite-hint{margin:0;color:var(--gold);font-size:.85rem;line-height:1.35}.invite-hint code{padding:1px 5px;border-radius:4px;background:#ffffff14;color:#fff3cd}.invite-link input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line-strong);border-radius:6px;background:#06111c}@keyframes spin{to{transform:rotate(360deg)}}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{transition-duration:.01ms!important}:root[data-motion=reduced] :is(.card,.victory-rays,.trigger-card-large,.trigger-title,.trigger-shine,.decision-panel,.decision-waiting,.decision-backdrop,.cinematic,.cinematic-frame,.cinematic-sheen,.cinematic-caption strong,.game-over,.game-over-panel,.game-over-panel h2,.prompt-bar,.prompt-log,.lobby-sigil,.portrait-icon){animation:none!important}