@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#eceae3;background:#10131b;font-synthesis:none;--line:#ffffff12;--muted:#8e96a8;--gold:#e8bc78;--mint:#9de0bd;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;transition:background .18s,transform .18s,border-color .18s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.12)}a{color:inherit;text-decoration:none}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-1.8px}h1{font-size:clamp(30px,3vw,46px);margin:8px 0 12px;line-height:1.18}h2{font-size:32px;line-height:1.15;margin-bottom:24px}h3{font-size:16px;margin:28px 0 15px}em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}small{font-size:11px;color:var(--muted)}.eyebrow,.field-label,.panel-eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--gold)}.muted,.mode-help{color:var(--muted);font-size:13px}.fine-print{color:var(--muted);font-size:10px;line-height:1.7;margin:22px 0 0}.grow{flex:1}.wide{width:100%}[hidden]{display:none!important}#app{display:flex;min-height:100dvh}.rail{width:215px;flex-shrink:0;padding:35px 22px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;background:#121620;z-index:3}.brand{display:flex;gap:12px;align-items:center;margin-bottom:55px}.brand>span{font-size:44px;color:var(--gold)}.brand b{font-size:16px;line-height:1.25;letter-spacing:1.5px}.brand small{display:block;font-weight:400;letter-spacing:0;font-size:8px;margin-top:8px}.rail nav{display:grid;gap:8px}.nav{display:flex;align-items:center;gap:14px;text-align:left;width:100%;font-size:20px;padding:13px 14px;background:transparent;color:#8992a7;border-radius:10px}.nav span{font-size:12px;font-weight:600}.nav.active{background:#e5ba7514;color:var(--gold);box-shadow:inset 2px 0 var(--gold)}.rail-bottom{margin-top:auto;display:grid;gap:6px}.profile-button{display:flex;align-items:center;text-align:left;gap:10px;background:transparent;border-top:1px solid var(--line);padding:23px 0 0;margin-top:14px;font-size:12px}.profile-button small{display:block;font-size:9px;margin-top:4px}#unread{font-size:10px;color:var(--gold)}main{margin-left:215px;width:calc(100% - 215px);padding:36px 40px 20px;max-width:1900px}.lobby-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.lobby-header p{font-size:12px;color:var(--muted);margin:0}.quiet{background:transparent;color:var(--muted);padding:10px;font-size:12px}.lobby-header>.quiet{border:1px solid var(--line);border-radius:24px;padding:12px 18px;font-size:10px}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.stage{background:radial-gradient(ellipse at 50% 40%,#33303a,#181e2a 70%);border:1px solid #dcb87820;border-radius:22px;position:relative;overflow:hidden;min-height:645px;display:flex;flex-direction:column;isolation:isolate}.stage-top{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;z-index:1}.arena-name{font-size:9px;letter-spacing:2px;color:#cbbb9d}.stage-tools{display:flex;gap:5px}.stage-tools button{width:29px;height:29px;border-radius:8px;background:#ffffff08;color:#b2ac9f;font-size:17px}#scene{height:440px;min-height:250px;width:100%;position:relative;flex:1;background:radial-gradient(ellipse at 50% 40%,#53444933,transparent 70%)}#scene[data-arena=cosmos]{background:radial-gradient(ellipse at 25% 15%,#50397790,transparent 60%),radial-gradient(ellipse at 90% 90%,#174c7160,transparent 60%),#0c1426}#scene[data-arena=heritage]{background:radial-gradient(ellipse at 60% 10%,#b9785755,transparent 70%),linear-gradient(#332c3a,#171e2b)}#scene canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.scene-glow{position:absolute;top:10%;right:20%;bottom:10%;left:20%;background:#d8b87c08;filter:blur(50px);border-radius:100%}.board-caption{display:flex;gap:14px;align-items:center;justify-content:center;padding:0 15px 20px;font-size:7px;color:#958b7d;letter-spacing:2px}.caption-line{width:24px;height:1px;background:#ab957955}.hand{display:flex;justify-content:center;gap:10px;padding:0 20px 14px}.power-card{background:linear-gradient(145deg,color-mix(in srgb,var(--card-color),transparent 90%),#191918 75%);border:1px solid color-mix(in srgb,var(--card-color),transparent 65%);border-radius:12px;padding:16px 13px;color:#ece9e2;position:relative;text-align:left;min-width:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 5px 15px #0002}.power-card:after{content:"";position:absolute;width:65px;height:65px;border:1px solid color-mix(in srgb,var(--card-color),transparent 92%);transform:rotate(45deg);right:-25px;top:25px;pointer-events:none}.power-card.selected{border-color:var(--card-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--card-color),transparent 80%);transform:translateY(-5px)}.card-number{font-size:7px;letter-spacing:1.2px;color:var(--card-color)}.card-symbol{font-size:43px;line-height:1.2;color:var(--card-color);margin:9px 0}.power-card b{font-size:12px}.power-card p{font-size:10px;color:#aaaec0;margin:10px 0 18px;flex:1}.card-bottom{font-size:7px;color:var(--card-color);letter-spacing:1px;border-top:1px solid #ffffff0a;padding-top:8px}.power-card.compact{width:145px;padding:10px 12px;min-height:105px}.compact .card-symbol{font-size:27px;margin:4px 0}.compact b{font-size:10px}.compact p,.compact .card-bottom{display:none}.compact .card-number{font-size:6px}.power-card.spent{opacity:.3;filter:grayscale(1)}.power-card.broken{opacity:.4;filter:grayscale(1)}.move-controls{padding:2px 22px 18px;text-align:center;font-size:9px;color:#959baa;display:flex;align-items:center;justify-content:center;gap:15px;min-height:40px}.move-controls .primary{font-size:10px;padding:8px 12px;white-space:nowrap}.move-controls label{white-space:nowrap;font-size:9px}.move-controls select{width:auto;font-size:10px;padding:5px;background:#242a37;border:0;border-radius:5px}.move-controls #hint{max-width:720px}.player-strip,.match-header,.opponent-hand{display:none}.power-signal{position:absolute;top:160px;left:50%;transform:translate(-50%);color:var(--gold);z-index:2;background:#181c2deb;padding:8px 18px;border-radius:20px;font-size:11px;animation:pulse 1.6s infinite}.play-panel{background:linear-gradient(155deg,#242836,#191e28);border:1px solid var(--line);border-radius:22px;padding:26px 23px;align-self:stretch}.panel-eyebrow{color:var(--mint);font-size:8px;display:flex;align-items:center;gap:7px;margin-bottom:22px}.live-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #9de0bd44}.play-panel h2{font-size:30px}.segmented{display:flex;background:#10141dcc;padding:4px;border-radius:10px}.segmented button{flex:1;font-size:11px;background:transparent;border-radius:7px;padding:11px 5px;color:var(--muted)}.segmented button.selected{background:#353a48;color:#f2ebe0}.mode-help{font-size:10px;min-height:32px;margin:12px 0 20px}.field-label{color:#8f98ad;font-size:8px;letter-spacing:1.5px}.time-picker{display:flex;gap:8px;margin:10px 0 26px}.time-picker button{flex:1;padding:12px 2px;background:#131923;border:1px solid #ffffff08;border-radius:10px;font-size:20px;font-weight:600}.time-picker button.selected{background:#e8bc780c;border-color:#e8bc7870;color:var(--gold)}.time-picker small{display:block;font-size:8px;margin-top:3px;font-weight:400}.deck-heading{display:flex;align-items:center;justify-content:space-between}.text-button{padding:5px 0;background:transparent;color:var(--gold);font-size:10px}.deck-preview{display:flex;gap:7px;margin:12px 0 22px}.deck-preview button{flex:1;background:#ffffff04;border:1px solid color-mix(in srgb,var(--card-color),transparent 80%);border-radius:8px;padding:10px 3px;text-align:center}.deck-preview span{display:block;font-size:25px;color:var(--card-color)}.deck-preview small{font-size:7px;display:block;height:20px;margin-top:7px}.primary,.secondary,.danger{border-radius:9px;padding:13px 18px;font-size:12px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:12px}.primary{background:var(--gold);color:#27231e;box-shadow:0 4px 16px #0001}.secondary{background:#ffffff05;border:1px solid #ffffff15;color:#b5bdcf}.danger{background:#d66e6e19;border:1px solid #d66e6e44;color:#f3a8a8}.play-panel>.primary,.play-panel>.secondary{width:100%;justify-content:space-between;margin-bottom:10px;font-size:11px}.play-panel>.play{padding:17px 18px}.reward-teaser{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding-top:24px;margin-top:18px}.reward-teaser b{font-size:10px}.reward-teaser p{font-size:9px;color:var(--muted);margin:6px 0}.mini-chest{flex-shrink:0;width:43px;height:36px;border:1px solid #b59053;background:linear-gradient(#836336,#42352b);border-radius:10px 10px 5px 5px;display:grid;place-items:center;color:#ffdd8e;transform:rotate(-8deg);box-shadow:0 6px 12px #0003}.fair-note{font-size:8px;color:#707c90;margin-top:23px;text-align:center}.lobby-footer{display:flex;justify-content:space-between;color:#636e82;font-size:7px;letter-spacing:1.5px;margin-top:25px}.lobby-footer .live-dot{margin-left:10px;width:4px;height:4px}.avatar{height:33px;width:33px;border-radius:10px;display:grid;place-items:center;background:#d8b4781c;border:1px solid #d8b47833;color:var(--gold);font-size:18px;flex-shrink:0}.avatar.rival{background:#8fabe515;color:#acbce9;border-color:#8fabe52a}.mobile-account{display:none}dialog{border:1px solid #bda27133;border-radius:22px;background:#181817;color:#eae8e4;width:min(940px,94vw);max-height:90dvh;padding:40px;box-shadow:0 25px 150px #0008}dialog::backdrop{background:#030303cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog h2{margin-top:10px;font-size:33px;padding-right:20px}.dialog-close{position:absolute;top:15px;right:18px;font-size:24px;background:transparent;color:#8993a6;width:30px;height:30px}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card-grid .power-card{min-height:220px}.deck-summary{display:flex;justify-content:space-between;align-items:center;margin:20px 0;position:sticky;top:-40px;padding:14px 0;z-index:2;background:#181817f5}.deck-summary span{font-size:12px;color:var(--gold)}.locked{filter:grayscale(.8)}.stack{display:grid;gap:15px}dialog label{display:grid;gap:8px;font-size:12px;color:#abb5c9}input,select{width:100%;background:#111110;color:#e5e8ef;border:1px solid #ffffff17;padding:13px 14px;border-radius:8px;outline:none}input:focus,select:focus{border-color:#e8bc7880}.form-error{font-size:12px;color:#f09c9c;margin:0}.auth-switch{display:block;margin:20px auto}.inline-form{display:flex;gap:10px;margin-bottom:26px}.inline-form .primary{white-space:nowrap}.list-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.list-row small{display:block;margin-top:4px;font-size:10px}.list-row .primary,.list-row .secondary{font-size:10px;padding:9px 12px}.list-row b{overflow-wrap:anywhere}.empty-state{text-align:center;padding:40px 20px;color:#8f9aad;font-size:32px;grid-column:1/-1}.empty-state h3{color:#dedee4;font-size:18px}.empty-state p{font-size:12px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.collection-tile{border-radius:13px;background:#111110;border:1px solid #ffffff15;padding:24px 12px;display:grid;justify-items:center;gap:10px}.collection-tile.selected{border-color:var(--gold)}.collection-tile b{font-size:11px}.model-symbol{font-size:60px;color:var(--gold);height:95px}.model-symbol.legion{color:#a9b7c9;text-shadow:0 4px 0 #425063}.model-symbol.mischief{color:#b5d5a7;text-shadow:3px 4px 0 #5d6a83}.collection-grid.colors{grid-template-columns:repeat(4,1fr)}.swatch{width:55px;height:55px;border-radius:100%;background:linear-gradient(130deg,var(--light) 48%,var(--dark) 50%);box-shadow:inset -8px -5px 15px #0004}.arena-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.arena-option{height:240px;border-radius:14px;border:1px solid #ffffff19;background:radial-gradient(at top,#645645,#171e2c);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;gap:15px}.arena-option span{font-size:60px;color:var(--gold)}.arena-option b{font-size:16px}.arena-option small{line-height:1.6}.arena-option.cosmos{background:radial-gradient(at 10% 10%,#713b84,#111d37 70%)}.arena-option.heritage{background:linear-gradient(#633f4b,#292530)}.arena-option.selected{border-color:var(--gold)}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;padding:15px 0 30px}.toggle-row input{width:20px;height:20px;accent-color:var(--gold)}.logout{margin-top:28px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0}.profile-stats div{background:#111824;padding:20px 10px;border-radius:12px;text-align:center}.profile-stats b{display:block;font-size:27px;color:var(--gold);margin-bottom:10px}.inbox-item{border-left:2px solid #ffffff12;padding:14px 18px;margin:12px 0;background:#ffffff03}.inbox-item.unread{border-color:var(--gold)}.inbox-item h3{margin:8px 0}.inbox-item p{color:#a6afc0;font-size:12px;margin:0}.rank-number{font-size:19px;color:var(--gold);width:35px}.chest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.chest-card{display:grid;gap:15px;justify-items:center;padding:25px;background:radial-gradient(at top,#4d3c33,#131c2c);border:1px solid #c6a5703b;border-radius:15px}.big-chest{width:85px;height:65px;border:2px solid #d5ae6e;background:linear-gradient(#9e7549 40%,#d5ae6e 43%,#4d3c32 47%);border-radius:17px 17px 8px 8px;display:grid;place-items:center;font-size:28px;margin:20px 0;color:var(--gold);box-shadow:0 0 30px #e8bc7817}.chest-card b{font-size:12px}.chest-card small{font-size:9px}.loot-reveal{display:flex;justify-content:center;gap:40px;text-align:center;padding:20px}.loot-reveal>div{animation:loot .6s both}.loot-star{font-size:65px;color:var(--gold);text-shadow:0 0 60px #e8bc7877}.result-score{font-size:60px;color:var(--gold);font-weight:700;margin:15px 0}.result-score small{font-size:16px}.reveal-cards{display:flex;justify-content:center;gap:16px;margin:35px 0;perspective:1000px}.reveal-card{width:190px;animation:reveal .8s both;animation-delay:var(--reveal-delay)}.reveal-card .power-card{height:270px;width:100%}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);max-width:550px;margin:0 auto;aspect-ratio:1}.board-grid button{position:relative;font-size:clamp(22px,5vw,46px);border-radius:0;padding:0;aspect-ratio:1}.board-grid .light{background:#b6b19f}.board-grid .dark{background:#46596b}.board-grid .white-piece{color:#fff3cd;text-shadow:1px 1px 2px #151822}.board-grid .black-piece{color:#142031;text-shadow:0 1px 1px #ddd}.board-grid small{position:absolute;bottom:3px;left:4px;color:#2229;font-size:9px}.board-grid .selected{box-shadow:inset 0 0 0 4px var(--gold)}.board-grid .legal:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#a3e3bfbb;top:45%;left:45%;pointer-events:none}.board-cards{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.board-cards button{font-size:10px;padding:9px;background:#283245;border:1px solid transparent;border-radius:6px}.board-cards button.selected{border-color:var(--gold)}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);z-index:100;background:#e8bc78;color:#29231b;border:1px solid #f7d9aa;padding:14px 24px;border-radius:12px;font-size:12px;font-weight:600;opacity:0;transition:.2s;pointer-events:none;max-width:min(600px,90vw);box-shadow:0 8px 35px #0004}#toast.show{opacity:1;transform:translate(-50%)}.in-match .rail,.in-match .lobby-header,.in-match .play-panel,.in-match .lobby-footer{display:none}.in-match main{margin:0;padding:0;width:100%;max-width:none}.in-match .arena-layout{display:block}.in-match .stage{height:100dvh;min-height:0;border:0;border-radius:0;background:radial-gradient(at center,#28303e,#121621)}.in-match .stage-top{position:absolute;top:10px;right:15px;padding:0}.in-match .arena-name{display:none}.in-match .match-header{display:flex;align-items:center;gap:20px;height:45px;padding:7px 20px;font-size:9px;letter-spacing:1px;color:#a8a9b3;flex-shrink:0}.connection{font-size:9px;color:var(--mint)}.in-match .player-strip{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:min(720px,90%);z-index:1;flex-shrink:0}.player-info{display:flex;gap:12px;align-items:center}.player-info b{display:block;font-size:12px}.player-info small{display:block;font-size:9px;margin-top:3px}.clock{font-family:DM Sans,monospace;letter-spacing:1px;font-size:22px;background:#0a111c88;border:1px solid #ffffff0c;border-radius:9px;padding:8px 16px;font-variant-numeric:tabular-nums}.clock.running{color:#b6eccd;border-color:#92d4b044;background:#9de0bd0b}.in-match .opponent-hand{display:flex;justify-content:center;gap:8px;height:52px;margin:8px 0 0;z-index:1;flex-shrink:0}.opponent-back{width:38px;height:51px;border:1px solid #bd9d6255;border-radius:5px;background:repeating-linear-gradient(45deg,#293448,#293448 3px,#263044 3px,#263044 6px);box-shadow:inset 0 0 0 4px #162131,0 4px 10px #0002;color:var(--gold);display:grid;place-items:center;font-size:25px}.opponent-back.spent,.opponent-back.broken{opacity:.25;filter:grayscale(1)}.in-match #scene{height:0;min-height:100px;margin-top:-30px;margin-bottom:-20px;z-index:0}.in-match .board-caption{display:none}.in-match .self{margin-bottom:12px}.in-match .hand{flex-shrink:0;padding-bottom:10px;min-height:114px;overflow-x:auto;justify-content:safe center}.in-match .power-card.compact{flex-shrink:0}.in-match .move-controls{flex-shrink:0;padding-bottom:max(12px,env(safe-area-inset-bottom));min-height:40px}.in-match .power-signal{top:140px}.in-match .hand:has(.power-card:nth-child(6)) .compact{width:105px}.in-match .hand:has(.power-card:nth-child(6)) .compact b{font-size:8px}@keyframes pulse{50%{opacity:.65}}@keyframes reveal{0%{transform:rotateY(100deg) translateY(-25px);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes loot{0%{transform:scale(.4) rotate(-8deg);opacity:0}to{transform:scale(1);opacity:1}}@media(min-width:1600px){main{padding:45px 65px}.arena-layout{grid-template-columns:minmax(0,1fr) 335px;gap:32px}.stage{min-height:740px}.play-panel{padding:35px 30px}#scene{height:530px}.play-panel h2{font-size:36px}}@media(max-width:1150px){.rail{width:80px;padding:25px 12px}.brand{justify-content:center}.brand b,.nav span,.profile-button>span:last-child{display:none}.nav{justify-content:center;padding:12px 0}.profile-button{justify-content:center}.brand>span{font-size:36px}main{margin-left:80px;width:calc(100% - 80px);padding:28px 24px}.arena-layout{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.play-panel{padding:22px 18px}.stage{min-height:630px}.desktop{display:none}}@media(max-width:850px){.arena-layout{grid-template-columns:1fr}.stage{min-height:570px}#scene{height:370px}.play-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.play-panel h2{grid-row:1/3;margin:0}.panel-eyebrow{display:none}.mode-help{margin:0;min-height:0}.play-panel>.field-label{align-self:end}.time-picker,.deck-preview{margin:0}.reward-teaser{grid-column:1/-1;margin-top:0}.fair-note{grid-column:1/-1;margin:0}.play-panel>.primary,.play-panel>.secondary{margin:0}.lobby-header>.quiet{font-size:9px;padding:10px}.card-grid{grid-template-columns:repeat(3,1fr)}.lobby-header{gap:10px}.lobby-footer{letter-spacing:.5px}.in-match .stage{min-height:0}.in-match .stage-top{top:9px}.in-match .match-header{gap:10px}.in-match .connection{display:none}}@media(max-width:600px){.rail{inset:auto 0 0;width:100%;height:64px;padding:5px 6px;border-top:1px solid var(--line);border-right:0;flex-direction:row;background:#151a25f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.brand{display:none}.rail nav{display:flex;width:100%;gap:0}.nav{flex:1;display:grid;justify-items:center;gap:0;padding:5px 0;font-size:19px}.nav span{display:block;font-size:7px}.nav.active{box-shadow:none}.rail-bottom{display:none}main{margin:0;width:100%;padding:25px 15px 85px}.lobby-header{align-items:flex-start;margin-bottom:23px}.lobby-header h1{font-size:29px;letter-spacing:-1.5px}.lobby-header .eyebrow{font-size:6px;letter-spacing:1.5px}.lobby-header p{font-size:9px;max-width:210px}.lobby-header>.quiet{font-size:8px;padding:9px 10px;white-space:nowrap;margin-top:10px}.stage{min-height:500px;border-radius:17px}.stage-top{padding:14px 16px}.arena-name{font-size:7px;letter-spacing:1px}#scene{height:320px}.hand{gap:7px;padding:0 10px 12px}.power-card.compact{width:100px;padding:8px;min-height:95px}.compact b{font-size:8px}.compact .card-symbol{font-size:24px}.compact .card-number{font-size:5px}.board-caption{letter-spacing:1px;font-size:6px;padding-bottom:15px}.move-controls{font-size:8px;padding:0 14px 14px}.play-panel{padding:22px 18px;border-radius:17px;gap:12px 14px}.play-panel h2{font-size:26px}.mode-help{font-size:8px}.segmented button{font-size:9px;padding:9px 3px}.time-picker{gap:5px}.time-picker button{font-size:17px;padding:9px 0}.time-picker small{font-size:7px}.play-panel>.field-label{font-size:7px}.deck-preview small{font-size:6px}.deck-preview button{padding:6px 3px}.deck-preview span{font-size:22px}.play-panel>.primary,.play-panel>.secondary{font-size:9px;padding:13px 10px}.lobby-footer{font-size:5px;gap:15px;flex-wrap:wrap}.mobile-account{display:flex;gap:10px}.mobile-account button{font-size:9px;background:transparent;color:var(--gold)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-grid .power-card{min-height:215px}.power-card b{font-size:11px}.power-card p{font-size:10px}dialog{padding:30px 20px;border-radius:17px;max-height:92dvh}dialog h2{font-size:27px}.deck-summary{top:-30px}.deck-summary .primary{font-size:10px;padding:12px}.collection-grid{gap:8px}.collection-grid.colors{grid-template-columns:repeat(2,1fr)}.collection-tile{padding:17px 7px}.collection-tile b{font-size:9px}.collection-tile small{font-size:8px}.model-symbol{font-size:43px;height:60px}.arena-grid{grid-template-columns:1fr}.arena-option{height:140px;display:grid;grid-template-columns:65px 1fr;gap:5px;text-align:left}.arena-option span{grid-row:1/3;justify-self:center}.arena-option small{font-size:10px}.inline-form{flex-wrap:wrap}.inline-form input{flex:1;min-width:140px}.inline-form .primary{font-size:10px;padding:12px}.list-row{gap:9px;font-size:11px;flex-wrap:wrap}.list-row .primary,.list-row .secondary{font-size:9px;padding:8px}.profile-stats,.chest-grid{grid-template-columns:repeat(2,1fr)}.chest-card{padding:12px 8px}.reveal-cards{gap:7px}.reveal-card{width:31%}.reveal-card .power-card{height:240px;padding:12px 8px}.reveal-card .card-symbol{font-size:33px}.reveal-card .power-card b{font-size:9px}.reveal-card .power-card p{font-size:8px}.reveal-card .card-bottom,.reveal-card .card-number{font-size:5px}.loot-reveal{padding:10px;gap:15px}.in-match .match-header{padding-left:10px;font-size:7px;height:42px;letter-spacing:.4px}.in-match .stage-tools button{height:25px;width:25px;font-size:15px}.in-match .stage-top{right:10px}.in-match .player-strip{width:90%}.player-info b{font-size:11px}.player-info small{font-size:8px}.clock{font-size:20px;padding:6px 11px}.in-match .opponent-hand{height:42px;margin-top:5px}.opponent-back{width:31px;height:42px;font-size:22px}.in-match #scene{margin-top:-5px;margin-bottom:-5px}.in-match .self{margin-bottom:10px}.in-match .hand{min-height:104px}.in-match .move-controls{min-height:40px;gap:7px;flex-wrap:wrap}.in-match #hint{font-size:8px;max-width:270px}.in-match .power-signal{font-size:9px;top:131px;padding:6px 10px;white-space:nowrap}.in-match .hand:has(.power-card:nth-child(6)){justify-content:flex-start}.in-match .hand:has(.power-card:nth-child(6)) .compact{width:90px}.in-match .hand:has(.power-card:nth-child(6)) .compact b{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}#scene[data-arena=cosmos]{background-color:#080d1b;background-image:radial-gradient(circle at 8% 14%,#d8e6ffcc 0 1px,transparent 1.8px),radial-gradient(circle at 21% 72%,#ffe1a8bb 0 1px,transparent 1.7px),radial-gradient(circle at 37% 29%,#d8e6ffbb 0 1px,transparent 1.8px),radial-gradient(circle at 51% 82%,#d8e6ff99 0 1px,transparent 1.6px),radial-gradient(circle at 68% 17%,#ffe1a8bb 0 1px,transparent 1.8px),radial-gradient(circle at 79% 61%,#d8e6ffbb 0 1px,transparent 1.7px),radial-gradient(circle at 93% 31%,#d8e6ffbb 0 1px,transparent 1.8px),radial-gradient(circle at 88% 88%,#ffe1a877 0 1px,transparent 1.6px)}#scene[data-arena=cosmos]{background-color:#070b16;background-image:radial-gradient(circle,#dbe7ff 0 1.25px,transparent 1.8px),radial-gradient(circle,#f5d29b 0 1px,transparent 1.7px);background-size:83px 71px,137px 113px;background-position:13px 21px,47px 9px}#effectBanner{position:absolute;left:50%;top:12%;transform:translate(-50%);z-index:2;pointer-events:none;opacity:0;border:1px solid color-mix(in srgb,var(--effect-color),transparent 45%);border-radius:30px;padding:10px 22px;background:linear-gradient(110deg,#121c30ed,#20273beb);box-shadow:0 8px 40px #0005,0 0 25px color-mix(in srgb,var(--effect-color),transparent 85%);color:var(--effect-color);font-size:11px;letter-spacing:1.8px;text-align:center;max-width:85%;width:max-content;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.power-prepared .opponent-back:not(.spent):not(.broken){animation:prepared-hand 1.8s ease-in-out infinite;border-color:#e8bc78;box-shadow:0 0 16px #e8bc7833,inset 0 0 0 4px #162131}.in-match .hand .power-card.selected{animation:chosen-power 2s ease-in-out infinite}@keyframes prepared-hand{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(3px);filter:brightness(1.35)}}@keyframes chosen-power{0%,to{box-shadow:0 0 0 1px var(--card-color),0 0 12px color-mix(in srgb,var(--card-color),transparent 85%)}50%{box-shadow:0 0 0 1px var(--card-color),0 0 24px color-mix(in srgb,var(--card-color),transparent 65%)}}body:has(#scene.reduced-motion) .power-prepared .opponent-back,body:has(#scene.reduced-motion) .hand .power-card.selected{animation:none}@media(max-width:600px){#effectBanner{font-size:8px;letter-spacing:1px;padding:8px 13px;top:7%}}:root{background:#030303;--muted:#9b9a95}body{background:#030303;min-height:100dvh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff9 0 .7px,transparent 1.3px),radial-gradient(circle,#e8dab37a 0 .6px,transparent 1.2px),radial-gradient(circle,#fff5 0 .5px,transparent 1px);background-size:137px 173px,211px 127px,83px 229px;background-position:23px 37px,81px 19px,47px 101px;z-index:0}#app{position:relative}.rail{background:#0a0a0aef}.play-panel{background:linear-gradient(145deg,#181816ed,#0b0b0bf5)}body:not(.in-match) .stage{display:none}.in-match .lobby-hero{display:none}.lobby-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e8bc7830;border-radius:24px;padding:46px;min-height:645px;background:linear-gradient(130deg,#15140edb,#05050599 65%);display:flex;flex-direction:column;align-items:flex-start}.hero-kicker{font-size:9px;color:var(--gold);letter-spacing:3px;margin-bottom:30px}.lobby-hero h2{font-size:clamp(38px,4.5vw,72px);line-height:1.08;letter-spacing:-3px;position:relative;z-index:1}.lobby-hero p{color:#aaa79b;font-size:13px;position:relative;z-index:1}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;z-index:1}.hero-emblem{position:absolute;right:-10px;top:90px;width:280px;height:320px;display:grid;place-items:center;opacity:.22;z-index:-1}.hero-emblem span{font-family:Georgia,serif;font-size:300px;color:#d7bd83;text-shadow:0 0 80px #ba974b25}.hero-emblem i{position:absolute;width:280px;height:280px;border:1px solid #d5b67555;border-radius:50%;transform:rotateX(40deg)}.hero-features{display:flex;gap:36px;margin-top:auto;padding-top:70px;width:100%}.hero-features b{display:block;font-size:24px;font-weight:500;color:#e0d9c7}.hero-features span{display:block;font-size:7px;letter-spacing:1.5px;margin-top:10px;color:#8d887c}.hero-collection{margin-top:30px;padding:22px 0 0;border-top:1px solid #fff2;width:100%;background:transparent;text-align:left;font-size:12px}.hero-collection span{display:block;font-size:10px;color:#948d7c;margin-top:6px}.view-choice{margin-bottom:20px}.view-choice .segmented{margin-top:8px}.segmented{background:#05050577}.segmented button.selected{background:#37352e}.stage-tools #viewToggle{width:40px;font-size:11px;font-weight:700}.in-match .stage{height:100dvh;min-height:560px;background:transparent;overflow:hidden;padding-bottom:4px}.in-match #scene,#scene[data-arena]{background:transparent!important;margin:0;min-height:120px;height:0;flex:1;overflow:hidden;isolation:isolate}.in-match #scene canvas{display:block;width:100%!important;height:100%!important}.in-match #scene.is-2d canvas{display:none!important;pointer-events:none}.in-match .match-header{padding-right:170px}.in-match .stage-top{z-index:5}.in-match .hand{min-height:110px;padding-top:7px}.in-match .power-signal{top:110px}.clock{background:#090909aa}.opponent-back{background:repeating-linear-gradient(45deg,#25231f,#25231f 3px,#191815 3px,#191815 6px);box-shadow:inset 0 0 0 4px #100f0e}#flatBoard{position:absolute;top:6px;right:6px;bottom:6px;left:6px;display:flex;align-items:center;justify-content:center;container-type:size}.flat-grid{width:min(100cqw,100cqh);height:min(100cqw,100cqh);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:5px solid #39352b;box-shadow:0 10px 50px #000c;flex-shrink:0}.flat-square{position:relative;display:grid;place-items:center;padding:0;border-radius:0;min-height:0;min-width:0;overflow:visible}.flat-square.light{background:#ccc3ad}.flat-square.dark{background:#575648}.flat-square small{position:absolute;bottom:2px;left:3px;font-size:clamp(6px,1.7cqmin,10px);color:#14150c99}.flat-piece{font-family:Georgia,Segoe UI Symbol,serif;font-size:clamp(16px,9cqmin,62px);line-height:1;position:relative;z-index:2;pointer-events:none}.flat-piece.w{color:#fff7e2;text-shadow:0 1px 2px #000,1px 0 #5a5140,-1px 0 #5a5140}.flat-piece.b{color:#151613;text-shadow:0 1px 1px #e5dbc0}.flat-square.selected{box-shadow:inset 0 0 0 3px var(--power,#e8bc78)}.flat-square.legal:after{content:"";position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:50%;background:#94d9a9aa;box-shadow:0 0 12px #8fe0a677;pointer-events:none;z-index:3}.flat-square.shielded{box-shadow:inset 0 0 0 3px #f1c46e}.flat-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:4}.flat-burst{position:absolute;display:grid;place-items:center;border:2px solid var(--fx);color:var(--fx);box-shadow:0 0 25px var(--fx),inset 0 0 15px var(--fx);border-radius:50%;width:48px;height:48px;font-size:26px;background:#08080888;pointer-events:none}.flat-burst.static-effect{transform:translate(-50%,-50%);box-shadow:none}#effectBanner{top:5%;background:#090909eb}.arena-option.cosmos{background:#030303}.in-match .scene-glow{display:none}@media(max-width:850px){.lobby-hero{min-height:500px;padding:32px}.hero-features{padding-top:45px}.view-choice{grid-column:1/-1;margin:0}.lobby-hero h2{font-size:52px}}@media(max-width:600px){.lobby-hero{min-height:470px;padding:28px 24px}.lobby-hero h2{font-size:42px;letter-spacing:-2px}.hero-kicker{font-size:7px}.lobby-hero p{font-size:11px}.hero-actions{gap:8px}.hero-actions button{font-size:10px;padding:12px}.hero-features{gap:22px}.hero-features b{font-size:18px}.hero-features span{font-size:6px}.hero-emblem{right:-70px;top:120px}.in-match .stage{min-height:540px}.in-match .match-header{padding-right:145px}.in-match .hand{min-height:99px}.in-match .power-card.compact{min-height:85px}.in-match #scene{margin:0}.in-match .stage-tools #viewToggle{width:32px}.in-match .opponent-hand{height:32px}.opponent-back{height:32px;width:24px;font-size:17px}}@media(max-height:600px)and (min-width:700px){.in-match .stage{min-height:480px}.in-match .opponent-hand{height:28px}.opponent-back{height:28px;width:22px}.in-match .hand{min-height:80px}.in-match .power-card.compact{min-height:65px;padding:5px 10px}.in-match .compact .card-symbol{font-size:18px}.in-match .clock{font-size:15px;padding:4px 10px}.in-match .player-info small{display:none}}@media(max-height:600px)and (min-width:700px){.in-match .stage{height:100dvh;min-height:320px;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:40px 44px 32px 44px minmax(65px,1fr) 44px;column-gap:12px;padding:0 12px 0 0}.in-match .match-header{grid-column:1/-1;grid-row:1;height:40px}.in-match #scene{grid-column:1;grid-row:2/-1;height:100%;min-height:0;width:100%}.in-match .opponent{grid-column:2;grid-row:2}.in-match .opponent-hand{grid-column:2;grid-row:3;margin:0}.in-match .self{grid-column:2;grid-row:4;margin:0}.in-match .player-strip{width:100%;gap:5px}.in-match .hand{grid-column:2;grid-row:5;min-height:0;padding:8px 0 0;gap:5px;align-items:start}.in-match .hand .power-card.compact{width:80px;min-height:65px;padding:6px}.in-match .compact b{font-size:7px}.in-match .move-controls{grid-column:2;grid-row:6;min-height:0;padding:0;gap:5px;flex-wrap:wrap;font-size:7px}.in-match #hint{max-width:180px;font-size:7px}}