@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#eef6ff;font-synthesis:none;--cyan:#54dfd2;--line:#b1d2e726;background:#07101d;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 14% 15%,#22818a38,#0000 32rem),radial-gradient(circle at 82% 70%,#6039a02b,#0000 34rem),#07101d;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}main{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07101db8;align-items:center;gap:12px;height:78px;padding:0 5vw;display:flex}.brand-mark{color:#07101d;background:linear-gradient(145deg,#b8fff3,#3ac9bd);border-radius:13px;place-items:center;width:42px;height:42px;font:700 22px Space Grotesk;display:grid;box-shadow:0 0 28px #54dfd22e}.brand{letter-spacing:.02em;font:700 15px Space Grotesk}.network{color:#8297a9;margin-top:3px;font-size:11px}.network i{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%;margin-right:5px;display:inline-block}.ghost{color:#c7d7e4;border:1px solid var(--line);background:0 0;border-radius:9px;margin-left:auto;padding:8px 13px}.topbar .ghost{margin-left:0}.wallet-balance{color:#07101d;background:linear-gradient(135deg,#ffe08a,#f1bc4d);border-radius:10px;align-items:baseline;gap:7px;margin-left:auto;padding:7px 12px;display:flex;box-shadow:0 8px 24px #f1bc4d26}.wallet-balance span{letter-spacing:.12em;font-size:9px;font-weight:900}.wallet-balance strong{font:700 17px Space Grotesk}.login-layout{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(40px,8vw,120px);width:min(1160px,90vw);margin:auto;padding:70px 0;display:grid}.eyebrow{color:var(--cyan);letter-spacing:.22em;font-size:11px;font-weight:700}.hero-copy h1,.collection h1{letter-spacing:-.055em;margin:18px 0 24px;font:700 clamp(42px,5.5vw,78px)/.98 Space Grotesk}.hero-copy h1 em{color:var(--cyan);font-style:normal}.hero-copy>p{color:#94a9ba;max-width:620px;font-size:clamp(16px,1.7vw,19px);line-height:1.65}.mini-cards{perspective:800px;gap:14px;margin-top:38px;display:flex}.mini-cards div{aspect-ratio:.72;background-image:url(/monster-sheet.png);background-size:300% 200%;border:1px solid #fff3;border-radius:12px;width:112px;box-shadow:0 18px 35px #00000059}.mini-cards div:first-child{transform:rotate(-7deg)translateY(7px)}.mini-cards div:last-child{transform:rotate(7deg)translateY(7px)}.login-card{border:1px solid var(--line);background:linear-gradient(145deg,#152537eb,#0b1828f0);border-radius:24px;padding:clamp(26px,4vw,44px);box-shadow:0 30px 80px #00000059}.login-icon{width:48px;height:48px;color:var(--cyan);background:#54dfd21a;border:1px solid #54dfd233;border-radius:14px;place-items:center;font-size:22px;display:grid}.login-card h2{margin:22px 0 7px;font:700 28px Space Grotesk}.login-card>p{color:#8ea3b5;margin:0 0 26px}label{margin:17px 0;display:block}label span{color:#7f96a9;letter-spacing:.18em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}input{border:1px solid var(--line);color:#edf7ff;background:#050e19b8;border-radius:10px;outline:none;width:100%;padding:13px 14px}input:focus{border-color:#54dfd2a6;box-shadow:0 0 0 3px #54dfd214}.remember-login{cursor:pointer;align-items:center;gap:9px;margin:12px 0 17px;display:flex}.remember-login input{width:16px;height:16px;accent-color:var(--cyan);margin:0}.remember-login span{color:#8da2b3;letter-spacing:0;text-transform:none;margin:0;font-size:11px;font-weight:500}.primary{color:#06101c;background:linear-gradient(135deg,#72eee1,#3cc8bd);border:0;border-radius:11px;width:100%;margin-top:6px;padding:14px;font-weight:800}.primary:disabled{opacity:.65;cursor:wait}.login-card small{text-align:center;color:#667d90;margin-top:15px;font-size:10px;line-height:1.5;display:block}.error{color:#ffb1aa;background:#ad36361f;border:1px solid #ff6c6233;border-radius:9px;margin-bottom:12px;padding:10px 12px;font-size:13px}.collection{width:min(1240px,91vw);margin:64px auto 100px}.view-tabs{border:1px solid var(--line);background:#050e198c;border-radius:13px;gap:5px;margin-bottom:46px;padding:5px;display:inline-flex}.view-tabs button{color:#7890a3;background:0 0;border:0;border-radius:9px;padding:10px 15px;font-weight:700}.view-tabs button.active{color:#eaf8ff;background:#172b3d;box-shadow:0 5px 16px #0003}.view-tabs b{min-width:20px;color:var(--cyan);background:#54dfd21a;border-radius:10px;margin-left:6px;padding:2px 5px;font-size:10px;display:inline-block}.collection-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.collection h1{margin-bottom:10px;font-size:clamp(42px,6vw,66px)}.identity-line{color:#758da1;font-family:monospace}.ownership-badge{color:#83e4a5;background:#3db36717;border:1px solid #57d48133;border-radius:20px;padding:8px 13px;font-size:12px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:26px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(155deg,#17283a,#0c1929);border-radius:19px;transition:transform .22s,border-color .22s;overflow:hidden;box-shadow:0 24px 50px #00000042}.card:hover{border-color:#54dfd261;transform:translateY(-7px)}.element-card-fire{--element:#ff805e;--element-soft:#ff805e26}.element-card-neutral{--element:#9eb6c6;--element-soft:#9eb6c621}.element-card-nature{--element:#88d872;--element-soft:#88d87226}.element-card-storm{--element:#6dbdff;--element-soft:#6dbdff26}.element-card-crystal{--element:#c487ff;--element-soft:#c487ff26}.element-card-earth{--element:#e7b85c;--element-soft:#e7b85c26}.element-card-moon{--element:#aebdff;--element-soft:#aebdff26}.card-art{aspect-ratio:1;border-bottom:1px solid var(--line);background-image:url(/monster-sheet.png);background-size:300% 200%;position:relative}.element-pill,.rarity-pill{letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:5px 9px;font-size:9px;font-weight:800;position:absolute;top:12px}.element-pill{color:var(--element);border:1px solid color-mix(in srgb, var(--element) 42%, transparent);background:#050e19cc;align-items:center;gap:5px;display:flex;left:12px}.element-pill i{font-size:13px;font-style:normal}.rarity-pill{color:#07101d;background:#cfe5f2;right:12px}.rarity-rare .rarity-pill{background:#67e4d7}.rarity-legendary .rarity-pill{background:#ffd46b}.card-body{padding:19px}.card-body h2{margin:0 0 7px;font:700 23px Space Grotesk}.card-body p{color:#8298aa;min-height:42px;font-size:13px;line-height:1.55}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:17px 0;display:grid}.stats div{border:1px solid var(--line);background:#050e1973;border-radius:9px;justify-content:space-between;align-items:baseline;padding:10px 12px;display:flex}.stats span{color:#71899d;letter-spacing:.12em;font-size:9px}.stats strong{color:var(--cyan);font:700 20px Space Grotesk}.moves{border-top:1px solid var(--line);margin-top:8px}.move{border-bottom:1px solid var(--line);grid-template-columns:32px 1fr;gap:10px;padding:13px 0;display:grid}.move-orb{width:30px;height:30px;color:var(--element);background:var(--element-soft);border:1px solid color-mix(in srgb, var(--element) 38%, transparent);border-radius:50%;align-self:center;place-items:center;font:700 15px Space Grotesk;display:grid}.move-copy>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.move-copy strong{font:700 14px Space Grotesk}.move-copy b{color:var(--element);font:700 18px Space Grotesk}.move-copy p{color:#71899b;min-height:0;margin:4px 0 0;font-size:10px;line-height:1.4}.weakness{justify-content:space-between;align-items:center;margin:12px 0 14px;font-size:10px;display:flex}.weakness span{color:#5f788c;letter-spacing:.12em}.weakness strong{color:#9eb2c2;font-size:11px}.card-body small{color:#526b7e;font-family:monospace;font-size:9px}.empty{border:1px dashed var(--line);text-align:center;color:#7890a3;border-radius:18px;padding:70px}.shop-layout{border:1px solid var(--line);background:radial-gradient(circle at 20% 45%,#54dfd21f,#0000 26rem),linear-gradient(145deg,#132334d9,#081422eb);border-radius:30px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(45px,8vw,120px);min-height:590px;padding:15px 5vw 65px;display:grid;overflow:hidden}.pack-stage{perspective:900px;place-items:center;min-height:500px;display:grid}.booster-pack{aspect-ratio:.66;background:radial-gradient(circle at 50% 46%,#69eede38,#0000 45%),linear-gradient(155deg,#173a4c,#071422 70%);border:1px solid #b1fff56b;border-radius:14px 14px 20px 20px;flex-direction:column;align-items:center;width:min(300px,74vw);padding:37px 24px 28px;display:flex;position:relative;overflow:hidden;transform:rotateY(-6deg)rotate(2deg);box-shadow:0 45px 75px #0000007a,0 0 55px #54dfd221}.booster-pack:before,.booster-pack:after{content:"";z-index:2;background:repeating-linear-gradient(90deg,#7ff4e5 0 9px,#194f5e 9px 18px);height:17px;position:absolute;left:0;right:0}.booster-pack:before{top:0}.booster-pack:after{bottom:0}.booster-pack>span{color:#9feee4;letter-spacing:.36em;font-size:11px;font-weight:900}.booster-pack>strong{letter-spacing:-.05em;text-shadow:0 3px 18px #4ce3d147;margin-top:2px;font:800 32px Space Grotesk}.booster-pack>small{color:#bde8e4;letter-spacing:.21em;margin-top:auto;font-size:9px;font-weight:800}.pack-creature{clip-path:polygon(10% 5%,90% 5%,100% 88%,50% 100%,0 88%);filter:saturate(1.15)drop-shadow(0 14px 18px #00000073);background-image:url(/monster-sheet-4.png);background-position:100% 0;background-size:300% 200%;border-radius:50%;width:230px;height:260px;margin-top:15px}.pack-shine{background:#ffffff14;width:80px;height:750px;position:absolute;top:-130px;left:-90px;transform:rotate(24deg)}.shop-copy h1{letter-spacing:-.05em;margin:16px 0 20px;font:700 clamp(42px,5vw,66px)/1 Space Grotesk}.shop-copy>p{color:#91a6b7;max-width:610px;font-size:16px;line-height:1.65}.shop-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:27px 0 23px;display:grid}.shop-metrics div{border:1px solid var(--line);background:#050e1980;border-radius:12px;padding:15px}.shop-metrics span{color:#6f879a;letter-spacing:.14em;margin-bottom:8px;font-size:8px;font-weight:800;display:block}.shop-metrics strong{font:700 18px Space Grotesk}.buy-button,.secondary{border-radius:12px;width:100%;padding:15px;font-weight:900}.buy-button{color:#07101d;background:linear-gradient(135deg,#ffe38a,#efb842);border:0;box-shadow:0 14px 30px #efb84226}.secondary{color:var(--cyan);background:#54dfd214;border:1px solid #54dfd24d;margin-bottom:10px}.buy-button:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.shop-note{color:#71899b;text-align:center;margin:11px 0;display:block}.shop-copy .error{margin-top:14px}.pack-result{background:linear-gradient(145deg,#193a43b8,#0c1c2be6);border:1px solid #54dfd245;border-radius:22px;margin-top:28px;padding:28px}.pack-result h2{margin:10px 0 20px;font:700 28px Space Grotesk}.pack-result>div{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.pack-result article{border:1px solid var(--line);background:#050e198c;border-radius:10px;padding:13px}.pack-result article strong,.pack-result article span{display:block}.pack-result article span{color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;margin-top:5px;font-size:10px}.pack-result>.ghost{margin:20px 0 0}.world-main{background:#020304;height:100vh;overflow:hidden}.world-main .topbar{z-index:30;background:#050a0ff5;border-bottom-color:#e0bd7924;flex:0 0 78px;position:relative}.world-shell{background:radial-gradient(circle at 50% 45%,#1a1008,#020304 72%);flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.card-room{place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.room-stage{aspect-ratio:16/9;isolation:isolate;-webkit-user-select:none;user-select:none;background:#100b08;width:100%;max-width:calc(177.778vh - 138.667px);position:relative;overflow:hidden;box-shadow:0 0 100px #000}.room-stage:after{content:"";z-index:8;pointer-events:none;background:radial-gradient(at 50% 54%,#0000 52%,#0204061a 77%,#0000006b 115%),linear-gradient(#0000001f,#0000 22% 79%,#0003);position:absolute;inset:0}.room-background{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fire-light{z-index:1;aspect-ratio:1.2;filter:blur(18px);mix-blend-mode:screen;pointer-events:none;transform-origin:45% 60%;background:radial-gradient(#ff761c4d,#ff5b0d1a 35%,#0000 70%);border-radius:50%;width:30%;animation:1.35s steps(6,end) infinite alternate fire-cast;position:absolute;top:22%;left:5%}.room-fire{z-index:4;object-fit:fill;mix-blend-mode:screen;filter:saturate(1.18)drop-shadow(0 0 7px #ff630cb3);pointer-events:none;width:8.65%;height:16.7%;position:absolute;top:34.4%;left:13.15%}.fire-bloom{z-index:2;aspect-ratio:1;filter:blur(30px);mix-blend-mode:screen;pointer-events:none;background:#ff721833;border-radius:50%;width:19%;animation:1.15s steps(5,end) infinite alternate room-fire;position:absolute;top:27%;left:9.5%}@keyframes room-fire{0%{opacity:.52;transform:scale(.91)}28%{opacity:.86;transform:scale(1.01)}52%{opacity:.64;transform:scale(.96)}76%{opacity:.95;transform:scale(1.04)}to{opacity:.7;transform:scale(.98)}}@keyframes fire-cast{0%{opacity:.46;transform:scale(.94)rotate(-1deg)}35%{opacity:.75;transform:scale(1.03)rotate(1deg)}66%{opacity:.58;transform:scale(.98)}to{opacity:.82;transform:scale(1.05)rotate(-.5deg)}}.lamp-glows{z-index:2;pointer-events:none;position:absolute;inset:0}.lamp-glows i{--lamp-delay:0s;aspect-ratio:1;filter:blur(4px);mix-blend-mode:screen;width:3.8%;animation:3.6s ease-in-out infinite alternate lamp-breathe;animation-delay:var(--lamp-delay);background:radial-gradient(circle,#ffda8657,#ff97311a 42%,#0000 70%);border-radius:50%;position:absolute}.lamp-glows i:nth-child(3n){animation-duration:4.4s}.lamp-glows i:nth-child(4n){animation-duration:2.9s}@keyframes lamp-breathe{0%{opacity:.45;transform:translate(-50%,-50%)scale(.88)}to{opacity:.86;transform:translate(-50%,-50%)scale(1.13)}}.table-magic{z-index:2;pointer-events:none;filter:drop-shadow(0 0 8px #41e0d273);width:7.4%;height:9%;position:absolute;top:28.7%;left:46.3%}.table-magic i{background:#8ff9ed;border-radius:50%;width:4px;height:4px;animation:2.8s ease-in-out infinite table-spark;position:absolute;box-shadow:0 0 8px #4be1d2}.table-magic i:first-child{top:62%;left:12%}.table-magic i:nth-child(2){animation-delay:-.9s;top:37%;left:73%}.table-magic i:nth-child(3){animation-delay:-1.8s;top:78%;left:48%}@keyframes table-spark{0%,72%,to{opacity:0;transform:translateY(4px)scale(.4)}82%{opacity:1;transform:translateY(-3px)scale(1)}90%{opacity:.5;transform:translateY(-9px)scale(.7)}}.room-motes{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.room-motes i{--mote:0;left:calc(5% + var(--mote) * 6.7%);opacity:0;width:2px;height:2px;animation:mote-rise calc(5s + var(--mote) * .17s) linear infinite;animation-delay:calc(var(--mote) * -.63s);background:#efc985;border-radius:50%;position:absolute;top:72%;box-shadow:0 0 5px #ffbc5bcc}.room-motes i:nth-child(3n){top:58%}.room-motes i:nth-child(3n+1){top:82%}.room-motes i:nth-child(4n){background:#7cece0;box-shadow:0 0 5px #54dfd2cc}@keyframes mote-rise{0%{opacity:0;transform:translateY(10px)}12%{opacity:.65}72%{opacity:.35}to{opacity:0;transform:translate(12px,-100px)}}.room-player{z-index:6;transform-origin:bottom;pointer-events:none;will-change:left, top;width:5.5%;position:absolute;transform:translate(-50%,-100%)}.room-player img{z-index:2;width:100%;transform:scale(var(--player-scale)) rotate(var(--player-lean,0deg));transform-origin:bottom;filter:drop-shadow(0 7px 7px #00000085);display:block;position:relative}.room-player.is-walking img{animation:.175s cubic-bezier(.2,.72,.35,1) both player-footfall}.player-shadow{z-index:1;filter:blur(4px);width:72%;height:7%;transform:translateX(-50%) scale(var(--player-scale));transform-origin:50%;background:#00000094;border-radius:50%;position:absolute;bottom:-1.5%;left:50%}.room-player.is-walking .player-shadow{animation:.35s ease-in-out infinite alternate shadow-step}@keyframes player-footfall{0%{opacity:.93;transform:scale(var(--player-scale)) translateY(1.8%) rotate(var(--player-lean,0deg))}58%{opacity:1}to{transform:scale(var(--player-scale)) translateY(-1%) rotate(var(--player-lean,0deg))}}@keyframes shadow-step{0%{opacity:.7}to{opacity:.46}}.room-hud{z-index:12;pointer-events:none;justify-content:space-between;align-items:start;gap:20px;display:flex;position:absolute;top:2.5%;left:2%;right:2%}.room-title{text-shadow:0 2px 8px #000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(90deg,#06080abf,#06080a61);border-left:2px solid #d6a85c;border-radius:0 9px 9px 0;padding:12px 15px}.room-title span,.room-title strong{display:block}.room-title span{color:#c9a66b;letter-spacing:.2em;font-size:clamp(6px,.55vw,9px);font-weight:800}.room-title strong{color:#fff7e9;letter-spacing:-.035em;margin-top:3px;font:700 clamp(17px,1.65vw,27px) Space Grotesk}.room-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#070a0db3;border:1px solid #efd9ae26;border-radius:12px;gap:4px;padding:4px;display:flex;box-shadow:0 8px 24px #00000040}.room-nav button{color:#b4aaa0;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:clamp(8px,.7vw,11px);font-weight:700;display:flex}.room-nav button:hover{color:#fff5e6;background:#ffffff0f}.room-nav button.active{color:#f1ca83;background:#e2ae561a}.room-nav i{color:#d7b273;font-size:14px;font-style:normal}.room-nav b{color:#0b1012;background:#65d9cd;border-radius:8px;place-items:center;min-width:16px;margin-left:2px;padding:1px 4px;font-size:8px;display:inline-grid}.room-objective{z-index:12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:linear-gradient(135deg,#080a0cc2,#0e0c0a87);border:1px solid #efcd9129;border-radius:11px;width:min(225px,19%);padding:12px 14px;transition:border-color .25s,transform .25s;position:absolute;top:18%;left:2%;box-shadow:0 12px 28px #0003}.room-objective:before{content:"";background:#d5a85e;width:2px;position:absolute;top:13px;bottom:13px;left:-1px;box-shadow:0 0 12px #daab5b73}.room-objective.is-complete{border-color:#54dfd23d;transform:translate(3px)}.room-objective.is-complete:before{background:var(--cyan);box-shadow:0 0 12px #54dfd280}.room-objective span,.room-objective strong,.room-objective small{display:block}.room-objective span{color:#d4ad6e;letter-spacing:.18em;font-size:clamp(6px,.5vw,8px);font-weight:900}.room-objective.is-complete span{color:var(--cyan)}.room-objective strong{color:#f3eadc;margin-top:4px;font:700 clamp(11px,.95vw,15px) Space Grotesk}.room-objective small{color:#9b8e80;margin-top:3px;font-size:clamp(7px,.58vw,9px);line-height:1.4}.table-prompt{z-index:14;opacity:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#050c0ee6;border:1px solid #54dfd24d;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:2px 18px;min-width:min(310px,42%);padding:11px 12px 11px 15px;transition:opacity .24s,transform .24s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,12px)scale(.96);box-shadow:0 16px 40px #00000080,0 0 28px #54dfd214}.table-prompt.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.table-prompt span{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:7px;font-weight:900}.table-prompt strong{color:#f4eee4;grid-column:1;font:600 clamp(10px,.85vw,14px) Space Grotesk}.table-prompt button{color:#0b1112;background:linear-gradient(135deg,#9af2e8,#4ecfc2);border:0;border-radius:8px;grid-area:1/2/3;padding:9px 12px;font-size:clamp(8px,.68vw,11px);font-weight:900}.table-prompt kbd{color:#d6fff9;font:inherit;background:#102927;border:1px solid #ffffff2e;border-radius:4px;margin-right:6px;padding:2px 5px;box-shadow:inset 0 -1px #0006}.move-guide{z-index:12;color:#eee2d0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none;background:#06090cad;border:1px solid #f0d6a524;border-radius:11px;align-items:center;gap:10px;padding:8px 12px 8px 8px;transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:3%;left:2%;box-shadow:0 8px 24px #0000004d}.move-guide.is-quiet{opacity:.55;transform-origin:0 100%;transform:scale(.94)}.move-guide>div:last-child span,.move-guide>div:last-child strong{display:block}.move-guide>div:last-child span{color:#cda968;letter-spacing:.18em;font-size:clamp(6px,.48vw,8px);font-weight:900}.move-guide>div:last-child strong{margin-top:2px;font-size:clamp(8px,.65vw,11px)}.wasd-keys{grid-template-rows:repeat(2,14px);grid-template-columns:repeat(3,14px);gap:2px;width:47px;height:32px;display:grid}.wasd-keys kbd{color:#f2cf91;background:#d7ab5e14;border:1px solid #edca8a42;border-radius:3px;place-items:center;font:700 7px DM Sans;display:grid;box-shadow:inset 0 -1px #00000080}.wasd-keys kbd:first-child{grid-column:2}.room-balance{z-index:12;text-align:right;text-shadow:0 2px 8px #000;pointer-events:none;background:linear-gradient(270deg,#06080abf,#06080a54);border-right:2px solid #dbb266;border-radius:9px 0 0 9px;padding:8px 12px;position:absolute;bottom:3%;right:2%}.room-balance span,.room-balance strong{display:block}.room-balance span{color:#a99780;letter-spacing:.16em;font-size:clamp(6px,.48vw,8px);font-weight:900}.room-balance strong{color:#ffe1a0;margin-top:2px;font:700 clamp(12px,1vw,17px) Space Grotesk}.room-balance i{color:#bba575;letter-spacing:.12em;font-size:.55em;font-style:normal}.touch-controls{display:none}.battle-loading{color:#8299aa;align-content:center;place-items:center;gap:18px;min-height:520px;display:grid}.battle-loader{border:2px solid #54dfd229;border-top-color:var(--cyan);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite battle-spin}@keyframes battle-spin{to{transform:rotate(360deg)}}.battle-setup{margin-top:-8px}.battle-intro{grid-template-columns:1.3fr .7fr;align-items:end;gap:clamp(28px,6vw,80px);margin-bottom:38px;display:grid}.battle-intro h1{margin:14px 0 18px}.battle-intro>div:first-child>p{color:#8ea4b5;max-width:720px;font-size:15px;line-height:1.65}.battle-intro code{color:#b1c9d9;font-size:11px}.rules-card{border:1px solid var(--line);background:linear-gradient(145deg,#172b3dd1,#091624d9);border-radius:18px;padding:24px 26px;box-shadow:0 22px 48px #0000002e}.rules-card>span{color:var(--cyan);letter-spacing:.2em;font-size:9px;font-weight:800}.rules-card ol{color:#c3d2dd;margin:16px 0;padding-left:19px;font-size:13px;line-height:1.85}.rules-card small{border-top:1px solid var(--line);color:#72899a;padding-top:14px;font-size:10px;line-height:1.6;display:block}.selection-summary{z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#091725ed;border:1px solid #54dfd238;border-radius:15px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:24px;margin-bottom:20px;padding:14px 16px 14px 20px;display:grid;position:sticky;top:12px;box-shadow:0 16px 40px #00000040}.selection-summary>div{align-items:baseline;gap:10px;display:flex}.selection-summary span{color:#718a9c;letter-spacing:.16em;font-size:9px;font-weight:800}.selection-summary strong{color:var(--cyan);font:700 22px Space Grotesk}.selection-summary p{color:#7b92a3;font-size:12px}.start-battle{color:#06101b;background:linear-gradient(135deg,#78eee2,#42c9bd);border:0;border-radius:10px;min-width:190px;padding:12px 18px;font-weight:900}.start-battle:disabled{opacity:.42;cursor:not-allowed}.battle-roster{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;display:grid}.setup-section-heading{align-items:center;gap:12px;margin:30px 0 14px;display:flex}.setup-section-heading>div{align-items:center;gap:9px;display:flex}.setup-section-heading>div>span{width:25px;height:25px;color:var(--cyan);background:#54dfd212;border:1px solid #54dfd240;border-radius:50%;place-items:center;font:800 10px Space Grotesk;display:grid}.setup-section-heading strong{font:700 17px Space Grotesk}.setup-section-heading small{color:#6f8799;margin-left:auto;font-size:10px}.setup-section-heading>button{color:var(--cyan);background:#54dfd212;border:1px solid #54dfd233;border-radius:8px;margin-left:4px;padding:7px 10px;font-size:9px;font-weight:800}.setup-section-heading>button:disabled{opacity:.35;cursor:not-allowed}.assistance-heading{margin-top:42px}.assistance-library{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.assistance-tile{--element:#9eb6c6;text-align:left;color:#d9e7ef;border:1px solid color-mix(in srgb, var(--element) 18%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--element) 6%, #102131ed), #06111df2);border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-width:0;padding:12px;transition:transform .16s,border-color .16s,opacity .16s;display:grid;position:relative}.assistance-tile:hover:not(:disabled){border-color:color-mix(in srgb, var(--element) 48%, transparent);transform:translateY(-2px)}.assistance-tile.selected{border-color:var(--element);box-shadow:0 0 0 2px color-mix(in srgb, var(--element) 12%, transparent)}.assistance-tile:disabled{opacity:.28;cursor:not-allowed}.assist-icon{border:1px solid color-mix(in srgb, var(--element) 30%, transparent);width:36px;height:36px;color:var(--element);background:color-mix(in srgb, var(--element) 10%, transparent);border-radius:10px;place-items:center;font:800 15px Space Grotesk;display:grid}.assistance-tile>span:nth-child(2){min-width:0}.assistance-tile strong,.assistance-tile small,.assistance-tile em{display:block}.assistance-tile strong{font:700 12px Space Grotesk}.assistance-tile small{color:#6b8294;margin-top:3px;font-size:8px;line-height:1.4}.assistance-tile em{color:var(--element);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:7px;font-style:normal;font-weight:800}.assistance-tile>b{color:#06101b;background:var(--element);border-radius:50%;place-items:center;width:23px;height:23px;font:800 10px Space Grotesk;display:grid}.opening-assist-draft{text-align:center;border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#54dfd21a,#0000 25rem),linear-gradient(145deg,#122435e6,#06111df5);border-radius:28px;align-content:center;place-items:center;min-height:580px;padding:50px clamp(18px,6vw,80px);display:grid}.opening-assist-draft h1{margin:10px 0 12px}.opening-assist-draft>p{color:#879cac;max-width:580px;margin:0 auto 28px;line-height:1.6}.opening-offer{grid-template-columns:repeat(3,1fr);gap:14px;width:min(940px,100%);display:grid}.opening-offer .assistance-tile{grid-template-columns:46px 1fr auto;min-height:150px}.opening-offer .assist-icon{width:44px;height:44px;font-size:19px}.opening-offer .assistance-tile strong{font-size:15px}.opening-offer .assistance-tile small{white-space:normal;font-size:10px}.opening-draft-footer{border-top:1px solid var(--line);color:#7e95a6;justify-content:space-between;align-items:center;width:min(940px,100%);margin-top:16px;padding-top:16px;font-size:11px;display:flex}.opening-draft-footer b{color:var(--cyan);font:700 18px Space Grotesk}.opening-draft-footer button{color:#06101b;background:linear-gradient(135deg,#78eee2,#42c9bd);border:0;border-radius:10px;min-width:190px;padding:12px 16px;font-weight:900}.opening-draft-footer button:disabled{opacity:.38;cursor:not-allowed}.roster-card{--element:#8da4b5;text-align:left;min-height:128px;color:inherit;border:1px solid var(--line);background:linear-gradient(145deg,#142637e6,#081422f0);border-radius:15px;grid-template-columns:108px 1fr;padding:0;transition:transform .17s,border-color .17s,box-shadow .17s;display:grid;position:relative;overflow:hidden}.roster-card:hover{border-color:color-mix(in srgb, var(--element) 45%, transparent);transform:translateY(-2px)}.roster-card.selected{border-color:var(--element);box-shadow:0 0 0 2px color-mix(in srgb, var(--element) 16%, transparent), 0 16px 32px #00000038}.roster-art{border-right:1px solid var(--line);background-size:300% 200%;height:100%;min-height:128px;position:relative}.roster-art:after{content:"";background:linear-gradient(90deg,#0000 55%,#08142259);position:absolute;inset:0}.roster-art>strong{z-index:3;color:#06101b;background:var(--element);border-radius:50%;place-items:center;width:28px;height:28px;font:800 14px Space Grotesk;display:grid;position:absolute;top:9px;left:9px;box-shadow:0 4px 12px #0000004d}.battle-element{--element:#8da4b5;color:var(--element);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.battle-element i{font-size:13px;font-style:normal}.roster-art .battle-element{z-index:2;color:var(--element);background:#040c15cc;border-radius:12px;padding:5px 7px;position:absolute;bottom:8px;left:8px}.roster-copy{min-width:0;padding:16px 15px}.roster-copy h3{margin:0;font:700 18px Space Grotesk;display:inline}.roster-copy>span{float:right;color:#71899b;letter-spacing:.1em;text-transform:uppercase;font-size:8px}.roster-copy>div{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:19px;display:grid}.roster-copy b{color:var(--element);font:700 15px Space Grotesk}.roster-copy small{color:#5f778a;letter-spacing:.1em;margin-top:3px;font:700 7px DM Sans;display:block}.battle-arena{--arena-glow:#54dfd217;border:1px solid var(--line);background:radial-gradient(circle at 50% 36%, var(--arena-glow), transparent 27rem), linear-gradient(180deg, #0f1f2fe0, #06101cf2);border-radius:28px;margin:-10px calc(min(1240px,91vw)/2 - min(1380px,96vw)/2) 0;padding:0 22px 34px;overflow:hidden;box-shadow:0 35px 90px #0000004d}.battle-arena.eclipse{--arena-glow:#ab4dbe24;border-color:#bd68d340}.arena-header{align-items:center;gap:20px;padding:24px 4px 14px;display:flex}.arena-header h1{letter-spacing:-.03em;margin:5px 0 0;font-size:32px}.round-state{flex-direction:column;align-items:end;gap:3px;margin-left:auto;display:flex}.round-state span{color:var(--cyan);letter-spacing:.2em;font-size:9px;font-weight:900}.round-state strong{color:#698194;font-size:10px;font-weight:600}.round-state.danger span{color:#e49cf0}.round-state.danger strong{color:#b988c0}.leave-battle{color:#8299aa;border:1px solid var(--line);background:0 0;border-radius:9px;padding:8px 11px;font-size:10px}.battle-team-strip{justify-content:center;gap:10px;padding:5px 0 9px;display:flex}.battle-team-strip.ai{flex-direction:row-reverse}.team-owner-label{color:var(--cyan);letter-spacing:.16em;white-space:nowrap;align-self:center;font:800 8px DM Sans}.team-owner-label small{color:#5f788a;letter-spacing:.08em;margin-top:3px;font-size:6px;display:block}.battle-team-strip.ai .team-owner-label{color:#b992d5}.team-token{color:#8197a8;background:#040d177a;border:1px solid #a5c2d51a;border-radius:9px;grid-template-columns:34px 1fr;align-items:center;gap:7px;width:112px;padding:5px 8px 7px 5px;font-size:9px;transition:opacity .2s,border-color .2s;display:grid;position:relative;overflow:hidden}.team-token>div{background-size:300% 200%;border-radius:6px;width:30px;height:30px}.team-token>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-token>i{background:var(--cyan);height:2px;transition:width .45s;position:absolute;bottom:0;left:0}.team-token.active{color:#dbeaf3;border-color:#54dfd259}.team-token.knocked-out{opacity:.28;filter:grayscale()}.battlefield{isolation:isolate;background:radial-gradient(at 50% 75%,#578e991f,#0000 42%),linear-gradient(#09172559,#030b14a8);border:1px solid #adcfe31a;border-radius:22px;grid-template-columns:1fr 54px 1fr;align-items:center;gap:12px;min-height:345px;margin:0 auto;display:grid;position:relative;overflow:hidden}.battlefield:before{content:"";z-index:-2;background:repeating-radial-gradient(#0000 0 45px,#54dfd209 47px 48px);border:1px solid #70b1b829;border-radius:50%;position:absolute;inset:54% -20% -55%;transform:perspective(500px)rotateX(65deg)}.arena-lines{z-index:-1;opacity:.3;background:linear-gradient(110deg,#0000 36%,#54dfd20a 36.2%,#0000 36.5%),linear-gradient(70deg,#0000 63%,#ae81de0a 63.2%,#0000 63.5%);position:absolute;inset:0}.assist-reveal{z-index:10;background:#05101be6;border:1px solid #54dfd247;border-radius:11px;min-width:130px;padding:8px 11px;animation:.85s ease-out both assist-reveal;position:absolute;top:12%;box-shadow:0 12px 28px #0000004d}.assist-reveal.player{color:var(--cyan);left:27%}.assist-reveal.ai{color:#d0a5e4;border-color:#be8bd947;right:27%}.assist-reveal span,.assist-reveal strong{display:block}.assist-reveal span{letter-spacing:.15em;font-size:6px;font-weight:900}.assist-reveal strong{color:#e5f0f6;margin-top:2px;font:700 11px Space Grotesk}@keyframes assist-reveal{0%{opacity:0;transform:translateY(8px)scale(.96)}25%,72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.99)}}.versus-mark{z-index:3;place-items:center;display:grid;position:relative}.versus-mark span{color:#71899b;letter-spacing:.1em;background:#091725;border:1px solid #99bdd229;border-radius:50%;place-items:center;width:42px;height:42px;font:700 11px Space Grotesk;display:grid}.versus-mark i{z-index:-1;background:linear-gradient(#0000,#8db1c82e,#0000);width:1px;height:210px;position:absolute}.combatant{--element:#91a6b6;text-align:right;grid-template-columns:minmax(150px,1fr) minmax(155px,220px);grid-template-areas:"meta art""health art""status art";align-items:center;column-gap:clamp(12px,2vw,28px);min-width:0;padding:20px;display:grid;position:relative}.combatant.ai{text-align:left;grid-template-columns:minmax(155px,220px) minmax(150px,1fr);grid-template-areas:"art meta""art health""art status"}.combatant-meta{flex-direction:row-reverse;grid-area:meta;justify-content:space-between;align-self:end;align-items:end;gap:12px;min-width:0;display:flex}.combatant.ai .combatant-meta{flex-direction:row}.combatant-identity{justify-content:flex-end;align-items:center;gap:7px;display:flex}.combatant.ai .combatant-identity{justify-content:flex-start}.owner-tag{color:var(--cyan);letter-spacing:.13em;background:#54dfd217;border:1px solid #54dfd252;border-radius:9px;padding:4px 7px;font-size:8px;font-weight:900}.owner-tag.ai{color:#d0a5e4;background:#b268d317;border-color:#be8bd94d}.combatant-meta h2{color:#edf7fc;letter-spacing:-.045em;text-overflow:ellipsis;margin:5px 0 0;font:700 clamp(23px,2.3vw,34px) Space Grotesk;overflow:hidden}.focus-pips{gap:4px;padding-bottom:5px;display:flex}.focus-pips i{background:#040c158c;border:1px solid #9dbfd340;border-radius:50%;width:9px;height:9px}.focus-pips i.filled{border-color:var(--element);background:var(--element);box-shadow:0 0 10px color-mix(in srgb, var(--element) 45%, transparent)}.combatant-art-wrap{aspect-ratio:1;grid-area:art;width:100%;position:relative}.combatant-art{z-index:2;border:1px solid color-mix(in srgb, var(--element) 28%, transparent);background-size:300% 200%;border-radius:46% 46% 42% 42%;transition:filter .15s;position:absolute;inset:7%;box-shadow:0 22px 38px #00000052}.combatant-aura{z-index:1;background:radial-gradient(circle, color-mix(in srgb, var(--element) 18%, transparent), transparent 67%);filter:blur(12px);border-radius:50%;position:absolute;inset:4%}.combatant.player .combatant-art{transform:scaleX(-1)}.health-row{grid-area:health;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:13px 0 7px;display:grid}.health-row>span{color:#667f91;font-size:8px;font-weight:900}.health-row>div{background:#030a12b3;border:1px solid #a2c4d721;border-radius:8px;height:8px;overflow:hidden}.health-row>div i{border-radius:inherit;background:linear-gradient(90deg, var(--element), color-mix(in srgb, var(--element) 62%, #e7fff9));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--element) 35%, transparent);transition:width .55s cubic-bezier(.22,.8,.25,1);display:block}.health-row>strong{color:#e5f0f7;min-width:54px;font:700 14px Space Grotesk}.health-row>strong small{color:#617a8c;font-size:9px}.status-chips{flex-wrap:wrap;grid-area:status;justify-content:end;align-self:start;gap:5px;min-height:24px;display:flex}.combatant.ai .status-chips{justify-content:start}.status-chips span{border:1px solid color-mix(in srgb, var(--element) 25%, transparent);color:#91a8b8;letter-spacing:.05em;text-transform:uppercase;background:#040d178c;border-radius:10px;padding:4px 7px;font-size:8px}.damage-number{z-index:8;color:#fff4ee;text-shadow:0 3px 16px #ff5c42cc;font:800 30px Space Grotesk;animation:.68s ease-out both damage-rise;position:absolute;top:11%;right:3%}.move-callout{z-index:7;border:1px solid color-mix(in srgb, var(--element) 40%, transparent);max-width:92%;color:var(--element);white-space:nowrap;background:#040d17e0;border-radius:12px;padding:6px 10px;font:700 10px Space Grotesk;animation:.5s ease-out both callout-in;position:absolute;bottom:2%;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000004d}.combatant.is-attacking.player .combatant-art-wrap{animation:.55s ease-in-out lunge-right}.combatant.is-attacking.ai .combatant-art-wrap{animation:.55s ease-in-out lunge-left}.combatant.is-hit .combatant-art{animation:.48s ease-out restrained-hit}.combatant.is-signature .combatant-aura{animation:.88s ease-out signature-pulse}@keyframes lunge-left{0%,to{transform:translate(0)}42%{transform:translate(-10px)scale(1.025)}}@keyframes lunge-right{0%,to{transform:translate(0)}42%{transform:translate(10px)scale(1.025)}}@keyframes restrained-hit{0%,to{filter:brightness()}28%{filter:brightness(1.65)saturate(.65)}42%{transform:translate(-3px)}60%{transform:translate(3px)}}@keyframes signature-pulse{0%{opacity:.3;transform:scale(.8)}35%{opacity:1;transform:scale(1.15)}to{opacity:.3;transform:scale(1)}}@keyframes damage-rise{0%{opacity:0;transform:translateY(12px)scale(.8)}25%{opacity:1}to{opacity:0;transform:translateY(-25px)scale(1.05)}}@keyframes callout-in{0%{opacity:0;transform:translate(-50%,8px)}30%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}.battle-dashboard{grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:14px;margin-top:14px;display:grid}.action-panel,.battle-log{background:#06111dc2;border:1px solid #a7c7da1c;border-radius:17px}.action-panel{padding:18px}.action-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:13px;display:flex}.action-heading span,.battle-log-title span{color:#6d8597;letter-spacing:.17em;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.action-heading strong{font:700 17px Space Grotesk}.action-heading>small{color:#5f7789;font-size:9px}.support-hand{background:#030c1573;border:1px solid #a6c7da1a;border-radius:11px;margin-bottom:11px;padding:10px}.support-hand-heading{justify-content:space-between;align-items:end;gap:10px;margin-bottom:8px;display:flex}.support-hand-heading>div{align-items:baseline;gap:8px;display:flex}.support-hand-heading span{color:#71899b;letter-spacing:.16em;font-size:7px;font-weight:900}.support-hand-heading strong{color:#e6c873;font:700 11px Space Grotesk}.support-hand-heading small{color:#60798b;font-size:8px}.support-hand>div:last-child{scrollbar-width:thin;gap:7px;padding:2px;display:flex;overflow-x:auto}.support-hand>div:last-child>p{color:#5c7588;margin:8px 2px;font-size:9px}.assistance-tile.compact{flex:1 0 178px;grid-template-columns:29px 1fr;padding:8px}.assistance-tile.compact .assist-icon{border-radius:8px;width:28px;height:28px;font-size:12px}.assistance-tile.compact small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.assistance-tile.compact em,.assistance-tile.compact>b{display:none}.move-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.battle-action{--element:#9bb0bf;text-align:left;color:#dbe9f2;border:1px solid color-mix(in srgb, var(--element) 20%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--element) 7%, #0b1a29f2), #07121ff2);border-radius:11px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-width:0;padding:12px;transition:border-color .16s,transform .16s,background .16s;display:grid}.battle-action:hover:not(:disabled){border-color:color-mix(in srgb, var(--element) 52%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--element) 13%, #0b1a29f2), #07121ff2);transform:translateY(-1px)}.battle-action:disabled{opacity:.34;cursor:not-allowed}.action-icon{border:1px solid color-mix(in srgb, var(--element) 30%, transparent);width:32px;height:32px;color:var(--element);background:color-mix(in srgb, var(--element) 9%, transparent);border-radius:50%;place-items:center;display:grid}.battle-action>span:nth-child(2){min-width:0}.battle-action strong,.battle-action small{display:block}.battle-action strong{font:700 13px Space Grotesk}.battle-action small{color:#657e91;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;line-height:1.35;overflow:hidden}.battle-action>b{color:var(--element);text-align:right;font:700 20px Space Grotesk}.battle-action>b em{color:#5b7486;letter-spacing:.1em;margin-top:2px;font:800 6px DM Sans;display:block}.battle-action.signature{box-shadow:inset 0 0 24px color-mix(in srgb, var(--element) 4%, transparent)}.utility-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;display:grid}.utility-actions button{text-align:left;color:#9fb2c0;border:1px solid var(--line);background:#0e1e2dbf;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.utility-actions button:disabled{opacity:.32;cursor:not-allowed}.utility-actions i{width:28px;height:28px;color:var(--cyan);border:1px solid #54dfd22b;border-radius:8px;place-items:center;font-style:normal;display:grid}.utility-actions strong,.utility-actions small{display:block}.utility-actions strong{font-size:11px}.utility-actions small{color:#5e778a;margin-top:2px;font-size:8px}.switch-picker,.replacement-picker{background:#030c158c;border:1px solid #54dfd221;border-radius:11px;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding:10px;display:grid}.switch-picker button,.replacement-picker button{color:#c7d7e1;text-align:left;border:1px solid var(--line);background:#102232bf;border-radius:8px;align-items:center;gap:9px;padding:7px;display:flex}.switch-picker button>div,.replacement-picker button>div{background-size:300% 200%;border-radius:6px;flex:none;width:38px;height:38px}.switch-picker span,.replacement-picker strong,.replacement-picker small{display:block}.switch-picker small,.replacement-picker small{color:#637c8f;margin-top:2px;font-size:8px}.replacement-picker{grid-template-columns:1fr 1fr}.replacement-picker>p{color:#8ca2b3;grid-column:1/-1;margin:0 0 2px;font-size:11px}.battle-error{margin:10px 0 0}.battle-log{min-height:100%;padding:16px}.battle-log-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.battle-log-title i{color:#4bd5a8;letter-spacing:.15em;font-size:7px;font-style:normal}.log-turn{border-top:1px solid #a3c4d814;grid-template-columns:24px 1fr;gap:6px;padding:9px 0;display:grid}.log-turn>strong{color:#526c7f;font:700 8px Space Grotesk}.log-turn p{color:#768e9f;margin:0 0 3px;font-size:9px;line-height:1.4}.log-turn p.advantage{color:#7ee0d0}.quiet-log{color:#587184;font-size:10px}.battle-result{text-align:center;background:linear-gradient(145deg,#15303be6,#071422f2);border:1px solid #54dfd233;border-radius:20px;width:min(510px,92%);margin:18px auto 0;padding:28px;box-shadow:0 24px 55px #0000004d}.battle-result>span{width:46px;height:46px;color:var(--cyan);background:#54dfd214;border:1px solid #54dfd240;border-radius:50%;place-items:center;margin:0 auto;font-size:20px;display:grid}.battle-result>p{color:#6e8799;letter-spacing:.2em;text-transform:uppercase;margin:15px 0 3px;font-size:8px;font-weight:900}.battle-result h2{letter-spacing:-.05em;margin:0;font:700 46px Space Grotesk}.battle-result>small{color:#859aaa}.result-defeat{border-color:#a084bc33}.result-defeat>span{color:#c79bd9;background:#ae69cb14;border-color:#c290dc40}.reward-chip{background:#f1bc4d14;border:1px solid #f1bc4d40;border-radius:13px;grid-template-columns:auto auto;align-items:center;gap:0 9px;width:-moz-fit-content;width:fit-content;margin:19px auto;padding:9px 15px;display:grid}.reward-chip i{color:#07101d;background:#f1c657;border-radius:5px;grid-row:1/3;padding:5px;font:900 8px DM Sans}.reward-chip strong{color:#f5d477;text-align:left;font:700 18px Space Grotesk}.reward-chip span{color:#7f8e8e;text-transform:uppercase;letter-spacing:.1em;font-size:7px}.claim-reward,.battle-rematch{border-radius:10px;width:100%;padding:12px;font-weight:800}.claim-reward{color:#07101d;background:linear-gradient(135deg,#ffe28b,#efb943);border:0}.claim-reward:disabled{opacity:.55;cursor:wait}.battle-rematch{color:#9aafbd;border:1px solid var(--line);background:0 0;margin-top:8px}.reward-review{color:#e1ad96;font-size:10px}.shop-progress{color:#86aaa8;letter-spacing:.06em;text-align:center;margin-top:9px;font-size:9px;display:block}footer{border-top:1px solid var(--line);color:#536b7e;letter-spacing:.1em;text-align:center;text-transform:uppercase;margin-top:auto;padding:22px;font-size:10px}@media (max-width:800px){.login-layout{grid-template-columns:1fr;padding:48px 0}.mini-cards{display:none}.collection-heading{flex-direction:column;align-items:start}.shop-layout{grid-template-columns:1fr;padding:45px 24px}.pack-stage{min-height:auto}.pack-result>div{grid-template-columns:1fr 1fr}.shop-metrics,.battle-intro{grid-template-columns:1fr}.selection-summary{grid-template-columns:1fr 1fr;position:static}.selection-summary p{display:none}.selection-summary .start-battle{grid-column:1/-1}.assistance-library{grid-template-columns:repeat(2,1fr)}.opening-offer{grid-template-columns:1fr}.opening-offer .assistance-tile{min-height:0}.battle-arena{border-radius:20px;margin-inline:-2.5vw;padding-inline:10px}.battlefield{grid-template-rows:1fr 34px 1fr;grid-template-columns:1fr;min-height:620px}.combatant,.combatant.ai{text-align:right;grid-template-columns:1fr minmax(125px,185px);grid-template-areas:"meta art""health art""status art";width:min(560px,100%);margin:auto;padding:12px}.combatant.ai{text-align:left;grid-template-columns:minmax(125px,185px) 1fr;grid-template-areas:"art meta""art health""art status"}.combatant.ai .combatant-meta{flex-direction:row}.versus-mark i{width:210px;height:1px}.battle-dashboard{grid-template-columns:1fr}.battle-log{min-height:auto}.room-title{padding:7px 9px}.room-nav button{padding:6px 7px}.room-nav button span{display:none}.room-objective{padding:7px 8px;top:21%}.table-prompt{top:47%}.move-guide{display:none}.touch-controls{z-index:15;pointer-events:auto;touch-action:none;grid-template-rows:repeat(2,24px);grid-template-columns:repeat(3,24px);gap:3px;width:78px;height:54px;display:grid;position:absolute;bottom:3%;right:2%}.touch-controls button{color:#f2cf91;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05090bba;border:1px solid #edca8a47;border-radius:6px;place-items:center;padding:0;font-size:8px;font-weight:900;display:grid;box-shadow:inset 0 -2px #0006}.touch-controls button:active{color:#081210;background:var(--cyan)}.touch-w{grid-column:2}.touch-a{grid-area:2/1}.touch-s{grid-area:2/2}.touch-d{grid-area:2/3}.room-balance{text-align:left;border-left:2px solid #dbb266;border-right:0;border-radius:0 9px 9px 0;left:2%;right:auto}}@media (max-width:520px){.topbar{padding:0 4vw}.brand+.network{display:none}.wallet-balance{padding:6px 8px}.view-tabs{width:100%}.view-tabs button{flex:1;padding-inline:8px}.pack-result>div{grid-template-columns:1fr}.collection{width:94vw;margin-top:34px}.selection-summary{grid-template-columns:1fr;gap:8px}.start-battle{width:100%}.battle-roster{grid-template-columns:1fr}.setup-section-heading{flex-wrap:wrap;align-items:start}.setup-section-heading small{width:100%;margin-left:34px}.setup-section-heading>button{margin-left:auto}.assistance-library{grid-template-columns:1fr}.opening-assist-draft{padding:38px 15px}.opening-draft-footer{flex-direction:column;align-items:stretch;gap:12px}.opening-draft-footer button{width:100%}.arena-header{flex-wrap:wrap}.round-state{order:3;align-items:start;width:100%}.battle-team-strip{gap:4px}.team-token{grid-template-columns:25px 1fr;width:31%;padding-right:4px}.team-token>div{width:23px;height:23px}.battlefield{min-height:540px}.assist-reveal.player{left:8%}.assist-reveal.ai{top:56%;right:8%}.combatant,.combatant.ai{grid-template-columns:1fr 125px}.combatant.ai{grid-template-columns:125px 1fr}.combatant-meta{flex-direction:column;align-items:end}.combatant.ai .combatant-meta{flex-direction:column;align-items:start}.combatant-meta h2{font-size:22px}.move-actions,.utility-actions{grid-template-columns:1fr}.support-hand-heading{flex-direction:column;align-items:start}.battle-action small{white-space:normal}.replacement-picker,.switch-picker{grid-template-columns:1fr}}.pc-route-loading{z-index:5;color:#ffe2a6;font:700 11px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;background:radial-gradient(circle at 50% 60%,#392716 0,#17120e 52%,#080706 100%);place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}.pc-route-loading i{border:2px solid #c7823c55;border-top-color:#ffc56c;border-radius:50%;width:32px;height:32px;animation:.75s linear infinite pc-spin}@keyframes pc-spin{to{transform:rotate(360deg)}}.pc-room{background:#080506;width:100%;height:100%;overflow:hidden}.pc-room-stage{isolation:isolate;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 45%,#29150e,#050305 75%);width:100%;height:100%;position:relative;overflow:hidden}.pc-room-stage:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(#03020461,#0000 17% 77%,#02010338),radial-gradient(at 50% 58%,#0000 57%,#0201034d 100%);position:absolute;inset:0}.pc-world-canvas{z-index:1;touch-action:none;cursor:grab;outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}.pc-world-canvas:active{cursor:grabbing}.pc-loading,.pc-load-error{z-index:24;text-align:center;background:radial-gradient(circle,#1a120fe0,#030406fa);align-content:center;place-items:center;gap:10px;padding:32px;display:grid;position:absolute;inset:0}.pc-loading i{border:2px solid #70e6d9;border-color:#70e6d9 #d3a85f #6fefe126 #6fefe126;border-radius:50%;width:48px;height:48px;margin-bottom:10px;animation:.9s linear infinite battle-spin;box-shadow:0 0 28px #44e0d01f}.pc-loading span,.pc-load-error span{color:#66ded2;letter-spacing:.22em;font-size:9px;font-weight:900}.pc-loading strong,.pc-load-error strong{color:#f2e5d4;max-width:560px;font:600 clamp(15px,1.5vw,23px) Space Grotesk}.pc-load-error small{color:#9b8b80}.pc-room-hud{z-index:12;pointer-events:none;justify-content:space-between;align-items:start;gap:20px;display:flex;position:absolute;top:2.6%;left:2%;right:2%}.pc-room-title{text-shadow:0 2px 8px #000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#050709d1,#0507096b);border-left:2px solid #d5a85d;border-radius:0 11px 11px 0;min-width:min(330px,29vw);padding:12px 15px;box-shadow:0 12px 30px #0000002e}.pc-room-title span,.pc-room-title strong,.pc-room-title small{display:block}.pc-room-title span{color:#d2ad6d;letter-spacing:.21em;font-size:clamp(6px,.52vw,9px);font-weight:900}.pc-room-title strong{color:#fff5e7;letter-spacing:-.04em;margin-top:3px;font:700 clamp(18px,1.7vw,28px) Space Grotesk}.pc-room-title small{color:#66d9cf;letter-spacing:.15em;margin-top:4px;font-size:clamp(6px,.45vw,8px);font-weight:800}.pc-room-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#06080ac2;border:1px solid #efd9ae29;border-radius:12px;gap:4px;padding:4px;display:flex;box-shadow:0 9px 28px #00000042}.pc-room-nav button{color:#b5aaa0;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:clamp(8px,.7vw,11px);font-weight:800;display:flex}.pc-room-nav button:hover{color:#fff5e6;background:#ffffff12}.pc-room-nav button.active{color:#f1ca83;background:#e2ae561c}.pc-room-nav i{color:#d7b273;font-size:14px;font-style:normal}.pc-room-nav b{color:#081311;background:#65d9cd;border-radius:8px;place-items:center;min-width:16px;margin-left:2px;padding:1px 4px;font-size:8px;display:inline-grid}.pc-room-nav .pc-sound-toggle{border-left:1px solid #ffffff12;border-radius:0 8px 8px 0;padding-inline:9px}.pc-room-nav .pc-sound-toggle i{color:#67ddd2}.pc-objective{z-index:12;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);pointer-events:none;background:linear-gradient(135deg,#07090bd1,#110c0a94);border:1px solid #efcd912b;border-radius:11px;width:min(235px,20vw);padding:12px 14px;transition:border-color .25s,transform .25s;position:absolute;top:20%;left:2%;box-shadow:0 13px 30px #00000038}.pc-objective:before{content:"";background:#d5a85e;width:2px;position:absolute;top:13px;bottom:13px;left:-1px;box-shadow:0 0 12px #daab5b73}.pc-objective.is-complete{border-color:#54dfd254;transform:translate(4px)}.pc-objective.is-complete:before{background:var(--cyan);box-shadow:0 0 14px #54dfd2a6}.pc-objective span,.pc-objective strong,.pc-objective small{display:block}.pc-objective span{color:#d4ad6e;letter-spacing:.18em;font-size:clamp(6px,.5vw,8px);font-weight:900}.pc-objective.is-complete span{color:var(--cyan)}.pc-objective strong{color:#f4eadb;margin-top:4px;font:700 clamp(11px,.95vw,15px) Space Grotesk}.pc-objective small{color:#a09183;margin-top:3px;font-size:clamp(7px,.58vw,9px);line-height:1.45}.pc-table-prompt{z-index:14;opacity:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none;background:#050c0ee8;border:1px solid #54dfd25c;border-radius:13px;justify-content:space-between;align-items:center;gap:22px;min-width:min(390px,48%);padding:12px 12px 12px 16px;transition:opacity .22s,transform .22s;display:flex;position:absolute;bottom:17%;left:50%;transform:translate(-50%,15px)scale(.96);box-shadow:0 18px 45px #00000080,0 0 34px #54dfd21a}.pc-table-prompt.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.pc-table-prompt div span,.pc-table-prompt div strong{display:block}.pc-table-prompt div span{color:var(--cyan);letter-spacing:.2em;font-size:7px;font-weight:900}.pc-table-prompt div strong{color:#f4eee4;margin-top:3px;font:600 clamp(10px,.85vw,14px) Space Grotesk}.pc-table-prompt button{color:#081311;background:linear-gradient(135deg,#9af2e8,#4ecfc2);border:0;border-radius:8px;flex:none;padding:10px 13px;font-size:clamp(8px,.68vw,11px);font-weight:900;box-shadow:0 7px 18px #2ec1b529}.pc-table-prompt kbd{color:#d6fff9;font:inherit;background:#102927;border:1px solid #ffffff2e;border-radius:4px;margin-right:7px;padding:2px 5px;box-shadow:inset 0 -1px #0006}.pc-control-guide{z-index:12;color:#eee2d0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#06090cba;border:1px solid #f0d6a526;border-radius:11px;align-items:center;gap:11px;padding:8px 13px 8px 8px;transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:3%;left:2%;box-shadow:0 9px 26px #0000004d}.pc-control-guide.is-quiet{opacity:.5;transform-origin:0 100%;transform:scale(.94)}.pc-control-guide>div:last-child span,.pc-control-guide>div:last-child strong,.pc-control-guide>div:last-child small{display:block}.pc-control-guide>div:last-child span{color:#cda968;letter-spacing:.18em;font-size:clamp(6px,.48vw,8px);font-weight:900}.pc-control-guide>div:last-child strong{margin-top:2px;font-size:clamp(8px,.65vw,11px)}.pc-control-guide>div:last-child small{color:#81766e;margin-top:2px;font-size:clamp(6px,.5vw,8px)}.pc-wasd{grid-template-rows:repeat(2,14px);grid-template-columns:repeat(3,14px);gap:2px;width:47px;height:32px;display:grid}.pc-wasd kbd{color:#f2cf91;background:#d7ab5e14;border:1px solid #edca8a42;border-radius:3px;place-items:center;font:700 7px DM Sans;display:grid;box-shadow:inset 0 -1px #00000080}.pc-wasd kbd:first-child{grid-column:2}.pc-room-balance{z-index:12;text-align:right;text-shadow:0 2px 8px #000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:linear-gradient(270deg,#06080ac7,#06080a59);border-right:2px solid #dbb266;border-radius:9px 0 0 9px;padding:8px 12px;position:absolute;bottom:3%;right:2%}.pc-room-balance span,.pc-room-balance strong{display:block}.pc-room-balance span{color:#aa9982;letter-spacing:.16em;font-size:clamp(6px,.48vw,8px);font-weight:900}.pc-room-balance strong{color:#ffe1a0;margin-top:2px;font:700 clamp(12px,1vw,17px) Space Grotesk}.pc-room-balance i{color:#bba575;letter-spacing:.12em;font-size:.55em;font-style:normal}.pc-touch-controls{display:none}@media (max-width:900px),(hover:none){.pc-room-title{min-width:0;padding:7px 9px}.pc-room-title small{display:none}.pc-room-nav button{padding:6px 7px}.pc-room-nav button span{display:none}.pc-objective{width:min(220px,32vw);padding:8px 9px;top:22%}.pc-control-guide{display:none}.pc-table-prompt{min-width:min(390px,66%);bottom:18%}.pc-touch-controls{z-index:15;pointer-events:auto;touch-action:none;grid-template-rows:repeat(2,26px);grid-template-columns:repeat(3,26px);gap:3px;width:84px;height:58px;display:grid;position:absolute;bottom:3%;right:2%}.pc-touch-controls button{color:#f2cf91;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05090bc7;border:1px solid #edca8a4d;border-radius:7px;place-items:center;padding:0;font-size:8px;font-weight:900;display:grid;box-shadow:inset 0 -2px #0000006b}.pc-touch-controls button:active{color:#071310;background:var(--cyan)}.pc-touch-controls .touch-w{grid-column:2}.pc-touch-controls .touch-a{grid-area:2/1}.pc-touch-controls .touch-s{grid-area:2/2}.pc-touch-controls .touch-d{grid-area:2/3}.pc-room-balance{text-align:left;border-left:2px solid #dbb266;border-right:0;border-radius:0 9px 9px 0;left:2%;right:auto}}@media (max-width:560px){.pc-room-hud{top:2%}.pc-room-title span{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.pc-room-title strong{font-size:16px}.pc-objective{width:min(210px,48vw);top:18%}.pc-table-prompt{min-width:80%;padding:9px 9px 9px 11px;bottom:16%}.pc-table-prompt div strong{max-width:190px}.pc-room-balance,.pc-touch-controls{bottom:2%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}