@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@400;600;700;800;900&display=swap');
:root{--bg:#00040b;--deep:#020c19;--navy:#061226;--panel:#071426;--cyan:#02d9ff;--blue:#188dff;--gold:#e5a93c;--green:#00ff66;--pink:#ff007a;--purple:#b469ff;--teal:#00ffff;--ink:#eaf7ff;--muted:#86a5bf;--edge:#195078;--sidebar:248px;font-family:'Rajdhani',sans-serif;color:var(--ink);background:#00040b;font-weight:600}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}h1,h2,h3,h4,p{margin:0}a{color:inherit}::selection{background:#03bfe4;color:#00111e}.shell{min-height:100vh;background:radial-gradient(ellipse at 72% 10%,#09264a 0,transparent 42%),#00040b}.ticker{min-height:23px;background:#071a30;color:#92bbd2;text-align:center;letter-spacing:2.5px;font-size:10px;display:grid;place-items:center;border-bottom:1px solid #1c4363}.sidebar{position:fixed;inset:23px auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#051225,#010813);border-right:1px solid #13608c;z-index:30;display:flex;flex-direction:column;padding:14px 12px 17px;box-shadow:5px 0 40px #000d}.brand{border:1px solid #1f719a;clip-path:polygon(0 0,91% 0,100% 15%,100% 100%,8% 100%,0 85%);height:83px;display:flex;align-items:center;gap:10px;padding:12px 13px;background:linear-gradient(120deg,#0a1b35,#050d18);box-shadow:inset 0 0 27px #078de62c;position:relative}.brand:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:#19dfff}.brand-glyph{font:900 43px Orbitron;color:#b5f8ff;transform:skew(-11deg);text-shadow:0 0 8px #008cff,0 0 20px #009fff}.brand strong{display:block;font:900 21px Rajdhani;letter-spacing:.2px;white-space:nowrap}.brand strong span{color:#19e0ff}.brand small{display:block;letter-spacing:3px;font-size:8px;color:#a6c5da}.nav{flex:1;overflow-y:auto;margin:15px -2px}.nav button{display:flex;align-items:center;width:100%;gap:13px;border:1px solid transparent;background:transparent;color:#b4c8df;padding:9px 10px;text-align:left;margin:3px 0;border-radius:6px;transition:.2s;min-height:53px}.nav button:hover{background:#0c2d4e;border-color:#175681;color:white}.nav button.active{background:linear-gradient(90deg,#104a80,#071e38);border-color:#18ceff;box-shadow:0 0 10px #05aeff6b,inset 0 0 18px #05adff25;color:white}.nav .glyph{font-size:22px;width:24px;text-align:center;color:#85cfff}.nav strong{display:block;font-size:15px;font-weight:700;line-height:1}.nav small{font-size:9px;letter-spacing:1.3px;color:#7da5c4;display:block;margin-top:4px}.nav button.active .glyph{color:#42edff;text-shadow:0 0 10px #08cfff}.side-bottom{display:grid;gap:10px}.network,.operator{padding:11px 12px;border:1px solid #205078;border-radius:8px;background:#07182c}.network strong,.operator strong{display:block;font-size:13px;letter-spacing:1px}.network small,.operator small{font-size:9px;color:#8bacce;letter-spacing:1px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00ffb0;box-shadow:0 0 10px #00ffb0;margin-right:7px}.operator{display:flex;gap:10px;align-items:center}.portrait{display:grid;place-items:center;border-radius:50%;border:1px solid #4cddff;color:#7ef1ff;background:radial-gradient(circle at 35% 20%,#135b86,#071c35 75%);box-shadow:0 0 12px #00bfff77;width:40px;height:40px;font-size:21px}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #126091;padding:0 23px;background:linear-gradient(90deg,#030a15,#071426);position:sticky;top:0;z-index:20}.top-left{color:#8ce4ee;letter-spacing:1.8px;font-size:12px;display:flex;gap:8px;align-items:center}.top-left b{color:white}.top-left em{font-style:normal;color:#516e88}.top-right{display:flex;gap:9px;align-items:center}.hud-chip{min-width:102px;height:42px;padding:5px 10px;display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#0a2038,#051123);border:1px solid #1d7eb9;border-radius:8px;box-shadow:0 0 10px #0179ed38,inset 0 0 17px #006cf01b}.hud-chip .symbol{font-size:25px;line-height:1;color:#ffce68;text-shadow:0 0 10px #e5a93c}.hud-chip.corlx .symbol{color:#83eafa;text-shadow:0 0 14px cyan}.hud-chip b{display:block;font:800 19px Rajdhani}.hud-chip small{display:block;color:#76a5c7;font-size:9px;letter-spacing:1.3px}.hud-chip button{margin-left:auto;background:#092c4d;border:1px solid #388cce;border-radius:5px;color:#83e7ff;font-size:18px;line-height:20px}.profile-top{padding:6px 8px;display:flex;align-items:center;gap:9px;border:1px solid #205a81;border-radius:8px;background:#06152a}.profile-top strong{display:block;font-size:12px;line-height:1}.profile-top small{font-size:9px;letter-spacing:1px;color:#87a7c5}.profile-top .portrait{width:30px;height:30px;font-size:16px}.viewport{max-width:1720px;margin:0 auto;padding:18px 23px 48px}.screen{animation:appear .35s ease both}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-caption{color:#8be6ec;letter-spacing:2px;font-size:11px;margin-bottom:4px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:13px 0 12px;gap:14px}.section-heading h2{font:800 25px Rajdhani;letter-spacing:.6px;text-transform:uppercase}.section-heading small{letter-spacing:1.1px;color:#91adce;font-size:11px}.text-cyan{color:#27e3ff}.text-gold{color:#ffd178}.text-pink{color:#ff4ea0}.outline{border:1px solid #2b83ba;background:#071b30;color:#dbf8ff;box-shadow:0 0 12px #007ee535,inset 0 0 17px #008be512}.btn{min-height:41px;padding:8px 19px;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font:800 16px Rajdhani;letter-spacing:.7px;transition:transform .18s,box-shadow .18s;color:#eaf8ff;text-transform:uppercase}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.btn.gold{background:linear-gradient(135deg,#ffd46d,#ad6016);color:#1c0f03;border:1px solid #ffe7ab;box-shadow:0 0 11px #e5a93c,0 0 23px #aa68145c,inset 0 0 9px #ffedc1}.btn.blue{background:linear-gradient(135deg,#047bda,#06417a);border:1px solid #55e3ff;box-shadow:0 0 12px #00bfff,0 0 22px #007ae055}.btn.green{background:linear-gradient(135deg,#064c3d,#022c2b);border:1px solid #00ff97;box-shadow:0 0 11px #00ff6645}.hud-panel{background:linear-gradient(135deg,#081b34dd,#030b19f0);border:1px solid #2070a4;border-radius:10px;box-shadow:0 0 13px #008cff22,inset 0 0 23px #006ad018;position:relative}.hud-panel:before{content:'';position:absolute;top:-1px;left:11px;width:38px;height:2px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.hud-panel:after{content:'';position:absolute;bottom:-1px;right:11px;width:32px;height:2px;background:var(--gold);box-shadow:0 0 9px var(--gold)}.hero{height:355px;border:1px solid #1c7cc3;border-radius:10px;overflow:hidden;position:relative;background:radial-gradient(circle at 72% 45%,#174369,#031329 52%,#020610 84%);box-shadow:0 0 21px #006aca36,inset 0 0 50px #041529}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(#0368b320 1px,transparent 1px),linear-gradient(90deg,#0368b320 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.7;pointer-events:none}.hero.home:after{content:'';position:absolute;inset:auto 0 0;height:70px;background:repeating-linear-gradient(90deg,#2bc8ff24 0 1px,transparent 1px 95px);transform:perspective(190px) rotateX(28deg);transform-origin:bottom;pointer-events:none}.hero-copy{position:absolute;left:33px;top:50%;transform:translateY(-50%);max-width:55%;z-index:4}.hero h1{font:900 clamp(44px,5vw,75px)/.99 Orbitron,Arial,sans-serif;letter-spacing:-3px;text-shadow:0 0 20px #a6f3ff20}.hero h1 span{color:#1ae1ff;text-shadow:0 0 25px #00a6ff}.hero .subtitle{margin:12px 0 14px;letter-spacing:7px;font-size:16px;color:#e8f7ff}.hero p{font-size:15px;line-height:1.5;color:#c1d4e6;max-width:490px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:22px}.vault-world{position:absolute;right:2%;top:-5%;width:52%;height:115%;pointer-events:none;z-index:1}.vault-orbit{position:absolute;right:17%;top:4%;width:min(27vw,330px);height:min(27vw,330px);border-radius:50%;border:13px ridge #d69a2e;box-shadow:0 0 15px #ffb933,0 0 45px #c47d165b,inset 0 0 35px #c68238;background:repeating-conic-gradient(from 7deg,#8b5617 0deg 4deg,#211b18 4deg 12deg,#d18c2d 12deg 15deg,#001522 15deg 30deg);animation:vaultRotate 35s linear infinite}.vault-orbit:before{content:'';position:absolute;inset:12%;border:12px solid #254664;border-radius:50%;box-shadow:0 0 30px #f6b74c,inset 0 0 50px #000;background:radial-gradient(circle at 49% 50%,#291901 0,#030709 53%,#071725 55%)}.vault-orbit:after{content:'V';position:absolute;inset:29%;border:5px solid #ffe29d;border-radius:50%;display:grid;place-items:center;color:#ffe6a8;font:900 68px Orbitron;text-shadow:0 0 25px #ffa72d;box-shadow:0 0 36px #f4a82b;background:#33220bd9;animation:vaultRotate 35s linear infinite reverse}.vault-beam{position:absolute;right:30%;top:75%;width:16%;height:48%;background:linear-gradient(#ffd36b,#ffc14730 30%,transparent);filter:blur(8px)}@keyframes vaultRotate{to{transform:rotate(360deg)}}.vault-runner{position:absolute;bottom:8px;right:10%;font-size:80px;color:#0b1d33;filter:drop-shadow(0 0 18px #65b7fe);transform:scaleX(.75)}.scene-label{position:absolute;right:5%;bottom:20px;font-size:13px;color:#b2e9ff;letter-spacing:3px;text-shadow:0 0 10px #07ccff}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:13px 0 19px}.stat{padding:12px;display:flex;align-items:center;gap:10px;min-height:78px}.stat-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid currentColor;border-radius:8px;font-size:29px;box-shadow:0 0 13px currentColor;flex:none}.stat b{font:800 25px Rajdhani;display:block;line-height:1}.stat small{font-size:10px;color:#9cb5ce;letter-spacing:1px;display:block}.stat em{font-style:normal;color:#72bedc;font-size:10px}.stat.gold .stat-icon{color:#ffc65b}.stat.cyan .stat-icon{color:#45dfff}.stat.purple .stat-icon{color:#d08cff}.card-row{display:flex;gap:15px;overflow-x:auto;padding:10px 6px 18px;scroll-snap-type:x mandatory}.card-row::-webkit-scrollbar,.nav::-webkit-scrollbar{height:6px;width:5px}.card-row::-webkit-scrollbar-thumb,.nav::-webkit-scrollbar-thumb{background:#125783;border-radius:10px}.card-shell{--card:#e5a93c;--card2:#8e4f13;position:relative;min-width:175px;width:175px;height:242px;padding:8px;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 55%,#0b0e19),#04070f 24%,#07111d 75%,color-mix(in srgb,var(--card) 28%,#010712));border:2px solid var(--card);box-shadow:0 0 9px var(--card),0 0 26px color-mix(in srgb,var(--card) 40%,transparent),inset 0 0 20px color-mix(in srgb,var(--card) 20%,transparent);scroll-snap-align:start;overflow:hidden;transition:transform .25s,box-shadow .25s;flex:none}.card-shell:before{content:'';position:absolute;inset:4px;border:1px solid color-mix(in srgb,var(--card) 80%,white);clip-path:polygon(0 0,100% 0,100% 88%,89% 100%,0 100%);pointer-events:none}.card-shell:after{content:'';position:absolute;inset:-50%;background:linear-gradient(90deg,transparent 41%,#ffffff32 50%,transparent 59%);transform:rotate(26deg) translateX(-60%);animation:cardShine 5s linear infinite;pointer-events:none}.card-shell:hover,.card-shell.selected{transform:translateY(-5px);box-shadow:0 0 16px var(--card),0 0 42px color-mix(in srgb,var(--card) 58%,transparent)}@keyframes cardShine{to{transform:rotate(26deg) translateX(60%)}}.card-shell .card-brand{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:900;letter-spacing:1px;color:#fff}.card-shell .card-brand span:last-child{color:var(--card)}.card-field{position:relative;margin:7px 0 4px;min-height:139px;border:1px solid color-mix(in srgb,var(--card) 55%,#183650);border-radius:6px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#102538 0,#030c17 68%)}.card-field:before{content:'';width:104px;height:104px;position:absolute;border:2px solid var(--card);transform:rotate(45deg);box-shadow:0 0 15px var(--card),inset 0 0 12px color-mix(in srgb,var(--card) 35%,transparent)}.card-field:after{content:'';position:absolute;width:122px;height:122px;border:1px dashed var(--card);border-radius:50%;animation:vaultRotate 16s linear infinite}.card-sigil{position:relative;z-index:1;font:800 74px Orbitron;color:var(--card);text-shadow:0 0 10px var(--card),0 0 30px var(--card);line-height:1}.card-name{text-align:center;font:800 16px Rajdhani;line-height:1.05;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{text-align:center;font-size:9px;letter-spacing:1.4px;color:var(--card);margin:3px 0}.card-foot{display:flex;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--card) 35%,#12304b);padding-top:5px;color:#e7f8ff;font-size:11px}.card-shell.mini{width:108px;min-width:108px;height:154px;padding:5px;border-width:1px}.card-shell.mini .card-field{min-height:78px;margin:4px 0}.card-shell.mini .card-field:before{width:55px;height:55px}.card-shell.mini .card-field:after{width:72px;height:72px}.card-shell.mini .card-sigil{font-size:39px}.card-shell.mini .card-name{font-size:11px}.card-shell.mini .card-brand{font-size:7px}.card-shell.mini .card-foot{font-size:8px}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#071b32;border:1px solid #23628b;border-radius:5px;color:#80eaff;letter-spacing:1.2px;text-transform:uppercase;font-size:10px}.collection-hero{height:155px;padding:23px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;overflow:hidden}.collection-hero h1,.arena-header h1{font:900 clamp(30px,4vw,52px) Orbitron;letter-spacing:-1.5px;color:#e9fcff;text-shadow:0 0 25px #31bdff66}.collection-hero h1 span,.arena-header h1 span{color:#0fe9ff}.collection-hero p{font-size:15px;letter-spacing:3px;color:#c6e6f8;margin-top:7px}.collection-decor{height:160px;min-width:270px;position:relative}.collection-decor .vault-orbit{right:10%;top:1%;width:170px;height:170px;border-width:7px}.collection-decor .vault-orbit:after{font-size:40px;border-width:3px}.filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:12px 0}.filter{padding:8px 12px;border:1px solid #275678;color:#9abada;background:#051429;border-radius:7px;letter-spacing:.6px;text-transform:uppercase;font-size:12px;font-weight:800}.filter.selected{border-color:#31d8ff;color:#fff;box-shadow:0 0 10px #00baff85;background:#0b3355}.search{margin-left:auto;background:#06152a;border:1px solid #1b6395;color:white;padding:8px 12px;border-radius:7px;min-width:180px}.market-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:13px;min-height:360px}.market-stage{padding:17px;min-width:0;background:radial-gradient(circle at 50% 60%,#123c64,#030914 65%)}.market-stage .card-row{min-height:286px;align-items:center;justify-content:flex-start}.market-stage .card-shell{cursor:pointer}.inspector{padding:15px;min-width:0;display:flex;flex-direction:column;gap:11px;border-color:#864681;background:radial-gradient(circle at 85% 35%,#33102a,#091123 63%)}.inspector h2{font:800 26px Rajdhani;text-transform:uppercase}.inspector .preview{display:flex;gap:10px;align-items:center}.inspector .preview .card-shell{transform:scale(.78);transform-origin:left center;margin-right:-37px}.inspector p{color:#9fb6cf;font-size:12px;line-height:1.4}.mod-row{display:flex;align-items:center;justify-content:space-between;padding:5px 2px;border-bottom:1px solid #3b2544;font-size:13px}.mod-row strong{color:#ffaed8}.coin-price{padding:10px;border:1px solid #956027;background:#201507a8;border-radius:7px;display:flex;align-items:center;gap:10px}.coin-price b{font:800 25px Rajdhani;color:#ffce5a}.inspector .btn{width:100%;font-size:18px}.arena-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 15px 12px}.arena-header p{letter-spacing:3px;color:#91c6dc;font-size:13px}.round-badge{text-align:center;min-width:118px;padding:8px 13px;background:#081b31;border:1px solid #19baf9;box-shadow:0 0 15px #00caff66;clip-path:polygon(0 0,88% 0,100% 24%,100% 80%,87% 100%,13% 100%,0 80%)}.round-badge span{display:block;color:#f1c779;font-size:11px;letter-spacing:1.5px}.round-badge b{display:block;font:900 37px Orbitron;color:#fff}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px}.arena-main{min-width:0}.match-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:12px}.fighter-info{padding:9px 11px}.fighter-info:last-child{text-align:right;border-color:#a7296a}.fighter-info strong{font:800 16px Rajdhani;display:block}.fighter-info small{font-size:11px;color:#a2c1dd}.healthbar{height:11px;background:#132237;border:1px solid #245c83;box-shadow:inset 0 0 12px #000;margin:5px 0;border-radius:5px;overflow:hidden}.healthbar i{display:block;height:100%;background:linear-gradient(90deg,#00f7c1,#00da72);box-shadow:0 0 11px #00ff9d;transition:width .45s}.fighter-info:last-child .healthbar i{background:linear-gradient(90deg,#ff357b,#f71153);box-shadow:0 0 12px #ff0059}.versus{font:900 29px Orbitron;color:#ffd47e;text-shadow:0 0 19px #f5ad27}.battle-stage{position:relative;min-height:350px;border:1px solid #2671aa;border-radius:10px;background:radial-gradient(ellipse at 49% 18%,#163a67 0%,#07172f 43%,#010713 85%);box-shadow:0 0 16px #006aff3a;overflow:hidden;padding:22px 13px 11px}.battle-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(#1774b31b 1px,transparent 1px),linear-gradient(90deg,#1774b31b 1px,transparent 1px);background-size:38px 38px;transform:perspective(340px) rotateX(25deg) scale(1.35);opacity:.75}.battle-stage:after{content:'V';position:absolute;top:2px;left:50%;transform:translateX(-50%);width:125px;height:125px;border:7px ridge #d89433;border-radius:50%;display:grid;place-items:center;font:900 57px Orbitron;color:#ffc55d;text-shadow:0 0 24px #ffb330;box-shadow:0 0 25px #ffa52b4d;opacity:.68}.battle-card-row{display:flex;justify-content:center;align-items:flex-end;gap:10px;position:relative;z-index:3;margin-top:91px}.battle-card-row .card-shell{width:clamp(100px,11.8vw,156px);min-width:0;height:221px;flex:1;max-width:155px}.battle-card-row .card-field{min-height:126px}.battle-card-row .card-field:before{width:85px;height:85px}.battle-card-row .card-field:after{width:105px;height:105px}.battle-card-row .card-sigil{font-size:61px}.battle-card-row .card-name{font-size:14px}.battle-card-row .card-shell:nth-child(2){transform:translateY(-12px)}.battle-card-row .card-shell:nth-child(3){transform:translateY(5px)}.combat-beam{position:absolute;height:8px;width:35%;top:58%;left:35%;z-index:4;transform:rotate(-7deg);background:linear-gradient(90deg,transparent,#00ff81,#fff,#ff398c,transparent);filter:drop-shadow(0 0 9px #63efff);animation:beamPulse 1.6s ease-in-out infinite;pointer-events:none}@keyframes beamPulse{50%{opacity:.36;filter:blur(4px)}}.impact{position:absolute;top:42%;left:69%;z-index:5;color:#ff548d;font:900 32px Orbitron;text-shadow:0 0 17px #ff007a;animation:hitPop .75s ease both}@keyframes hitPop{from{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:translateY(-22px)}}.battle-footer{display:grid;grid-template-columns:245px minmax(0,1fr);gap:12px;margin-top:12px}.support,.actions,.combat-log{padding:10px}.support h3,.actions h3,.combat-log h3{font:800 16px Rajdhani;letter-spacing:1px;margin-bottom:8px}.support-row{display:flex;gap:7px}.support-row .card-shell{width:87px;min-width:87px;height:124px}.support-row .card-field{min-height:58px}.support-row .card-field:before{width:42px;height:42px}.support-row .card-field:after{width:55px;height:55px}.support-row .card-sigil{font-size:27px}.support-row .card-name{font-size:9px}.support-row .card-foot,.support-row .card-sub{display:none}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.action{min-height:79px;border-radius:8px;background:#051526;border:1px solid var(--action);color:white;box-shadow:0 0 10px color-mix(in srgb,var(--action) 60%,transparent),inset 0 0 20px color-mix(in srgb,var(--action) 14%,transparent);font-size:12px;font-weight:900;text-align:center;transition:.2s}.action:hover:not(:disabled){transform:translateY(-3px);background:#0c2644}.action .a-icon{display:block;font-size:27px;color:var(--action);text-shadow:0 0 9px var(--action)}.action small{display:block;font-size:9px;color:#a7bdd3}.combat-log{display:flex;flex-direction:column;min-height:480px}.combat-log header{display:flex;align-items:center;justify-content:space-between}.combat-log header span{font-size:10px;color:#28ffae;letter-spacing:1px}.log-stream{flex:1;overflow:auto;max-height:420px;display:flex;flex-direction:column;gap:9px}.log-line{border-bottom:1px solid #173c5b;padding:7px 2px;font-size:12px;color:#adcade;line-height:1.35}.log-line b{color:#f0fcff}.log-line .time{color:#51d1fa;margin-right:6px}.log-line .red{color:#ff589a}.log-line .green{color:#6dffab}.other-hero{padding:22px 25px;min-height:165px;margin-bottom:16px;background:radial-gradient(circle at 77% 25%,#163f64,#06172c 55%,#030a16)}.other-hero h1{font:900 clamp(30px,3.6vw,49px) Orbitron;color:#e8faff}.other-hero h1 span{color:#16dbff}.other-hero p{max-width:600px;margin-top:9px;color:#a4c4db}.utility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.utility{padding:18px;min-height:155px}.utility h3{font-size:23px;margin:8px 0}.utility p{color:#a0bed6;line-height:1.4}.utility .btn{margin-top:13px}.token-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:11px}.allocation{padding:10px 12px}.allocation strong{display:flex;justify-content:space-between;align-items:center}.allocation strong span{color:#3deaff}.allocation small{color:#8faecb}.alloc-bar{height:5px;margin:8px 0;background:#0b2840}.alloc-bar i{display:block;height:100%;background:linear-gradient(90deg,#007de1,#47f4ff);box-shadow:0 0 10px cyan}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wallet-big{padding:22px}.wallet-big strong{font:900 42px Orbitron;color:#3cedff}.wallet-big p{color:#a5bfd8;margin:9px 0}.wallet-big button{margin-top:15px}.small-note{color:#82a9c9;font-size:12px;line-height:1.5;margin-top:14px}.leader-list{display:grid;gap:9px}.leader-row{display:flex;align-items:center;gap:12px;padding:13px}.leader-row b{font:800 23px Rajdhani}.leader-row small{margin-left:auto;color:#78edff}.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.city{padding:18px;background:radial-gradient(circle at 80% 10%,#0d3760,#071325 70%)}.city strong{font:800 23px Rajdhani}.city p{color:#a5bfd8;margin:8px 0}.city .badge{font:900 50px Orbitron;color:#22dfff;float:right}.toast{position:fixed;z-index:200;bottom:24px;right:20px;max-width:min(380px,92vw);padding:13px 18px;color:#dffaff;background:#051b34;border:1px solid #24d7ff;box-shadow:0 0 24px #04c2ff77;border-radius:9px;font-size:15px;animation:appear .25s}.modal{position:fixed;z-index:100;inset:0;background:#000c;display:grid;place-items:center;padding:15px}.modal-body{width:min(580px,100%);padding:27px;max-height:90vh;overflow:auto}.modal-body h2{font:800 31px Orbitron;margin-bottom:7px}.modal-body p{color:#a6c2d8;margin:8px 0 16px}.puzzle-answer{width:100%;margin:12px 0 17px;background:#020c19;border:1px solid #2785bb;border-radius:8px;color:#ecfbff;text-align:center;font:900 37px Orbitron;padding:12px}.puzzle{font:800 42px Orbitron;color:#72efff;text-align:center;padding:26px 7px}.timer{font:900 27px Orbitron;color:#ffd079;text-align:right}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.mobile-menu{display:none}@media(max-width:1250px){:root{--sidebar:210px}.market-grid{grid-template-columns:minmax(0,1fr) 260px}.card-row{gap:10px}.card-shell{width:156px;min-width:156px;height:225px}.card-field{min-height:129px}.battle-footer{grid-template-columns:190px 1fr}.actions-grid{gap:5px}.support-row .card-shell{width:74px;min-width:74px}.hero h1{font-size:51px}.hero-copy{max-width:57%}.stat{padding:8px;gap:6px}.stat-icon{width:36px;height:36px;font-size:21px}.stat b{font-size:21px}}@media(max-width:1000px){.arena-layout{grid-template-columns:1fr}.combat-log{min-height:180px}.log-stream{max-height:200px}.battle-card-row{gap:7px}.battle-footer{grid-template-columns:185px 1fr}.market-grid{grid-template-columns:1fr}.inspector{display:grid;grid-template-columns:1fr 1fr;align-items:center}.inspector .btn{grid-column:1/-1}.stat-grid{grid-template-columns:repeat(3,1fr)}.hero{height:320px}.vault-orbit{width:250px;height:250px;right:6%;top:8%}.hero-copy{max-width:66%}.city-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){:root{--sidebar:0px}.sidebar{transform:translateX(-104%);transition:transform .25s;width:250px}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.topbar{padding:0 10px;height:57px}.top-left{font-size:10px}.profile-top{display:none}.hud-chip{min-width:68px;height:38px;padding:4px 6px}.hud-chip small{display:none}.hud-chip b{font-size:16px}.viewport{padding:12px}.mobile-menu{display:inline-flex;border:1px solid #318ac2;color:#dffaff;background:#0b2541;border-radius:7px;padding:6px 8px}.hero{height:335px}.hero-copy{left:18px;max-width:78%}.hero h1{font-size:clamp(33px,8vw,55px)}.hero p{max-width:330px;font-size:13px}.hero .subtitle{font-size:11px;letter-spacing:3px}.vault-world{opacity:.65;right:-18%;top:3%}.hero-actions{gap:8px}.btn{padding:8px 12px;font-size:13px}.stat-grid{grid-template-columns:repeat(2,1fr)}.collection-hero{height:143px}.collection-decor{display:none}.collection-hero h1,.arena-header h1{font-size:30px}.filters{overflow:auto;flex-wrap:nowrap}.filter{white-space:nowrap;flex:none}.search{min-width:130px}.battle-footer{grid-template-columns:1fr}.support-row{justify-content:flex-start}.actions-grid{grid-template-columns:repeat(4,1fr)}.battle-stage{min-height:290px}.battle-card-row{margin-top:100px}.battle-card-row .card-shell{height:155px;width:25%;min-width:0}.battle-card-row .card-field{min-height:75px}.battle-card-row .card-field:before{width:50px;height:50px}.battle-card-row .card-field:after{width:66px;height:66px}.battle-card-row .card-sigil{font-size:37px}.battle-card-row .card-name{font-size:10px}.battle-card-row .card-foot{font-size:8px}.round-badge{min-width:72px}.round-badge b{font-size:23px}.round-badge span{font-size:8px}.wallet-grid,.token-grid,.city-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* VAULT RUSH 0.9 — cinematic reference-matched composition; all HUD layers remain real DOM */
:root{--sidebar:250px;--cyan:#19cfff;--gold:#ffbd46;--edge:#1675b7;--ink:#02050b}
body{background:#000;color:#e6f5ff}
.shell{background:#000}
.ticker{height:22px;min-height:22px;font-size:9px;background:#001124;border-bottom:1px solid #116e99;color:#8ab7d2}
.sidebar{background:linear-gradient(170deg,#030b1a,#010510 60%,#020814);border-right:1px solid #1299cf;padding:10px 10px 13px}
.brand{height:77px;border:1px solid #23b9f6;background:radial-gradient(circle at 75% 0,#103a59,transparent 67%),#020b1c;clip-path:polygon(0 0,91% 0,100% 15%,100% 100%,5% 100%,0 92%)}
.brand strong{font-size:25px;line-height:1}.brand-glyph{font-size:45px;color:#a4ebff;text-shadow:0 0 15px #36cfff}
.nav button{border:1px solid transparent;border-radius:3px;min-height:57px;background:linear-gradient(90deg,transparent,#061a2b40);font-size:14px}
.nav button.active{border-color:#3bcfff;background:linear-gradient(90deg,#103a66ee,#041024);box-shadow:inset 3px 0 #51eeff,0 0 14px #008dfc66,0 0 4px #2ed7ff}
.nav .glyph{font-size:27px;color:#e0f0ff}.nav small{font-size:9px;letter-spacing:1px}
.network,.operator{border-color:#1592ca!important;background:#041528!important;box-shadow:inset 0 0 20px #0b7db422,0 0 12px #0086cd1c}
.topbar{background:linear-gradient(180deg,#020916,#030917);border-bottom:1px solid #157eb0;padding:0 18px;height:57px}
.top-left{font-size:10px;letter-spacing:1px}.top-right{gap:8px}.hud-chip{height:45px;background:#030e1f;border:1px solid #2680af;box-shadow:0 0 12px #039bff33, inset 0 0 14px #0f79cd22}.hud-chip .symbol{font-size:22px;color:#ffd667;text-shadow:0 0 13px #ffb22a}.hud-chip.corlx .symbol{color:#79d8ff;text-shadow:0 0 13px #04a9fb}
.profile-top{border-color:#2474a1;background:#031025}
.viewport{background:radial-gradient(ellipse at 75% 20%,#0c1832 0,transparent 65%),#010408}
.screen{max-width:1780px;padding:14px 16px 28px}
.section-heading{margin:12px 0 8px}.section-heading h2,.market-label,.combat-log h3{font-family:Rajdhani,Arial,sans-serif;letter-spacing:.8px;font-weight:900}
.hero.home{height:342px;background:linear-gradient(90deg,#01030be8 0%,#010714d9 35%,transparent 73%),url('assets/vault_chamber.svg') center 44%/cover no-repeat;border-radius:5px;border:1px solid #2086b8;box-shadow:inset 0 0 34px #25a3ff16,0 0 22px #054fbe22}
.hero.home:before{background:linear-gradient(90deg,#01050d50,transparent 60%);opacity:.8}
.hero.home:after{background:linear-gradient(180deg,transparent 70%,#030a14d0);height:auto;inset:0;transform:none}
.scene-grain{position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(90deg,#72a8fd1a 0 1px,transparent 1px 82px)}
.hero-copy{top:49%;left:23px;max-width:59%;z-index:3}.hero h1{font-size:clamp(50px,5vw,90px);letter-spacing:-4px;line-height:.96;margin-bottom:0;color:#f3faff;text-shadow:0 0 12px #d3e9ff50,0 2px 3px #000}.hero h1 span{color:#22e3ff;text-shadow:0 0 19px #00b8ff77}
.hero .subtitle{font-size:16px;letter-spacing:5px;font-weight:900;margin:4px 0 17px}.hero p{max-width:430px;line-height:1.5;margin:0;font-size:14px;color:#e1e8f4;text-shadow:0 2px 3px #000}
.hero .section-caption{margin-bottom:12px;color:#8bdafa;letter-spacing:1.2px;font-size:10px}.hero-actions{margin-top:17px;gap:11px}
.btn{border-radius:7px;min-height:44px;padding:10px 19px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}
.btn.gold{color:#fff2d8;background:linear-gradient(180deg,#603010,#2a1708 80%);border:2px solid #ffd361;box-shadow:0 0 6px #ffe090,0 0 18px #ff9100a8,inset 0 0 16px #fa7a0547;text-shadow:0 0 9px #ffa820}.btn.blue{background:linear-gradient(180deg,#033f75,#03152e);color:#e5f8ff;border:2px solid #1cc9ff;box-shadow:0 0 6px #35caff,0 0 17px #04a5fd8c,inset 0 0 18px #007cf44b}
.home-environment-label{position:absolute;right:18px;top:34px;color:#ffc765;line-height:1.7;letter-spacing:1px;text-align:right;font-size:12px;font-weight:900;text-shadow:0 0 12px #efad31}
.home-globe{position:absolute;right:13px;bottom:30px;width:115px;height:115px;border-radius:50%;border:2px solid #24cbff;box-shadow:inset 0 0 25px #1ce9ff77,0 0 20px #005fff;color:#4edcff;font-size:55px;display:grid;place-items:center;background:radial-gradient(circle at 35% 22%,#2768ac,#071631 70%);opacity:.9}.home-globe small{font-size:10px;position:absolute;bottom:-13px;right:0;background:#04132aec;border:1px solid #0aa7e2;color:#effaff;line-height:1.1;padding:5px;text-align:center}
.scene-label{bottom:8px;right:12px;opacity:.8;font-size:10px}
.stat-grid{gap:8px;margin-top:9px}.stat{height:76px;border-radius:5px;border-color:#1a7bb6;background:linear-gradient(110deg,#050914,#061529 65%,#01050b);box-shadow:0 0 12px #0187ff2a,inset 0 0 15px #03448b44;position:relative;overflow:hidden}.stat:after{content:'';position:absolute;inset:0;border-top:1px solid #29c7ff55;pointer-events:none}.stat-icon{filter:drop-shadow(0 0 7px currentColor);font-size:28px}.stat small{font-size:10px}.stat b{font:800 26px Rajdhani;color:#fff}.stat em{font-size:9px}
.home-feature-head{background:linear-gradient(90deg,#061024,#020611);border-top:1px solid #12598a;padding:7px 10px;margin:12px 0 0}
.featured-platform{display:flex;align-items:center;gap:4px;padding:14px 7px 18px;border:1px solid #155183;background:radial-gradient(ellipse at 50% 70%,#11233e,transparent 70%),linear-gradient(180deg,#020710,#050a13);position:relative;overflow:hidden}
.featured-platform:before,.market-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2189e018 1px,transparent 1px),linear-gradient(#1f80d219 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.featured-cards{flex:1;justify-content:space-around;gap:12px;padding:0 6px;position:relative;z-index:1}.carousel-step{flex:0 0 26px;background:none;border:0;color:#79e7ff;text-shadow:0 0 14px #11bfff;font-size:28px;cursor:pointer}
/* actual NFT art: individual images from source, never screenshot UI */
.art-card{width:min(100%,190px);min-width:140px;height:auto;aspect-ratio:317/426;padding:0;border-radius:5px;background:#030914;border:2px solid var(--card);box-shadow:0 0 6px var(--card),0 0 18px color-mix(in srgb,var(--card) 55%,transparent),inset 0 0 22px var(--card);overflow:visible;isolation:isolate;display:block}
.art-card:before{content:'';inset:-5px;border:1px solid var(--card);clip-path:polygon(0 0,100% 0,100% 88%,93% 100%,0 100%);opacity:.55;pointer-events:none}
.art-card:after{inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff30 45%,transparent 61%);animation:cardShine 4.5s ease-in-out infinite;mix-blend-mode:screen}
.art-card .card-image{display:block;width:100%;height:100%;object-fit:fill;border-radius:2px;position:relative;z-index:0}
.art-light{position:absolute;bottom:-12px;left:4%;width:92%;height:22px;border-radius:50%;background:var(--card);filter:blur(13px);opacity:.75;z-index:-1}.art-pedestal{position:absolute;bottom:-14px;left:4%;width:92%;height:13px;border-radius:50%;border:2px solid var(--card);box-shadow:0 0 12px var(--card);z-index:-1}.art-card:hover,.art-card.selected{transform:translateY(-10px) scale(1.025);z-index:6}
.art-card.mini{min-width:75px;width:84px;height:113px}.art-price{position:absolute;bottom:-34px;left:0;right:0;text-align:center;background:#050913;border:1px solid var(--card);border-radius:4px;font:800 14px Rajdhani;padding:4px 2px;color:#ffe298;white-space:nowrap}
/* collectible gallery: cinematic environment, carousel, floating inspection terminal */
.collection-hero{height:165px;border-radius:5px;padding:19px 25px;background:linear-gradient(90deg,#01050ce8 0%,#020710cc 50%,#0007),url('assets/vault_chamber.svg') center 32%/cover;border:1px solid #218ac1;display:block;position:relative;box-shadow:0 0 18px #087fda38}
.collection-hero h1{font:900 clamp(42px,4.1vw,70px) Orbitron,Arial;line-height:1.03;letter-spacing:-2px;margin:4px 0}.collection-hero h1 span{color:#18dfff}.collection-subtitle{font-size:14px;letter-spacing:4px;color:#d7f2ff}.collection-caption{margin-top:9px;font-size:11px;letter-spacing:1.4px;color:#d4d9e7}
.filters{padding:5px 0;margin:10px 0;gap:6px;flex-wrap:wrap}.filter{font-size:10px;letter-spacing:.3px;padding:8px 10px;background:linear-gradient(180deg,#0b1b32,#020914);border:1px solid #2976aa}.filter.selected{background:#07315d;border-color:#5be7ff;box-shadow:0 0 10px #009bff}
.market-grid{grid-template-columns:minmax(0,1fr) 275px;gap:9px;align-items:stretch}.market-stage{border-radius:4px;min-width:0;padding:13px 11px 12px;background:linear-gradient(180deg,#030715ab,#02050d 96%),url('assets/vault_chamber.svg') center 53%/cover;position:relative;overflow:hidden;min-height:550px;border-color:#126ba5}.market-stage:before{opacity:.2}.market-label{position:relative;z-index:1;color:#c0dcf6;letter-spacing:1px;font-size:14px}.market-label small{color:#75b8ec;font-size:10px;margin-left:13px}.market-carousel{position:relative;z-index:1;min-height:325px;display:flex;align-items:center;justify-content:center;overflow:visible}.market-carousel .card-row{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:14px 5px 32px;scroll-snap-type:x proximity;overflow-x:auto}
.market-carousel .art-card{width:clamp(116px,13vw,190px);min-width:112px;box-shadow:0 0 12px var(--card),0 0 25px color-mix(in srgb,var(--card) 40%,transparent);margin:0}
.market-carousel .art-card.selected{transform:translateY(-8px) scale(1.09)}
.market-stage .section-heading{margin-top:15px;position:relative;z-index:1;border-top:1px solid #185a92;padding-top:9px}.market-stage .section-heading h2{font-size:20px}.feature-thumbs{z-index:1;position:relative;overflow-x:auto;gap:9px;padding:6px 5px 42px}.feature-thumbs .art-card.mini{width:86px;min-width:86px;height:115px}
.inspector{background:linear-gradient(180deg,#130619,#050714 58%,#020710);border:1px solid #a93c98;box-shadow:0 0 15px #fe2c9e24;display:flex;gap:7px;padding:12px;border-radius:4px}.inspector-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c4a2ce}.inspector h2{font-size:28px;margin:1px 0;text-shadow:0 0 13px #ff3ea54d}.inspector-type{font-size:10px;letter-spacing:2px}.inspector-art{display:grid;place-items:center;min-height:210px;padding:5px;background:radial-gradient(ellipse at 50% 45%,#75174944,transparent 70%)}.inspector-art .art-card{width:138px;min-width:138px}.inspector p{font-size:11px;line-height:1.4;margin:3px 0}.inspector-modifiers{display:grid;gap:1px}.mod-row{padding:5px 0;font-size:11px}.coin-price{margin-top:auto;padding:9px;background:#150e11;border-color:#a77b22;display:flex;gap:10px;align-items:center}.coin-price span{font-size:24px;color:#ffc44e}.coin-price small{font-size:9px}.inspector .btn{min-height:48px;font-size:17px}.preview-note{font-size:9px;color:#a88ca8;line-height:1.4}
/* Arena composition: independent HUD / arena / battle / log */
.arena-wrapper{position:relative;border:1px solid #126bad;padding:9px 9px 12px;border-radius:5px;background:radial-gradient(ellipse at 54% 24%,#15315bb3,transparent 65%),url('assets/arena_chamber.svg') center 53%/cover;box-shadow:0 0 20px #095ebe3c;min-height:640px}
.arena-wrapper:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0009 0,transparent 35%,#0007 100%)}.arena-wrapper>*{position:relative;z-index:1}
.arena-header{padding:3px 8px 8px;min-height:110px;align-items:start}.arena-header h1{font-size:clamp(36px,4vw,62px);line-height:.94;text-shadow:0 0 20px #73cfff88}.arena-header p{font-size:12px;letter-spacing:2.5px;margin-top:4px;color:#e3e9f1}
.round-badge{min-width:150px;clip-path:polygon(12% 0,88% 0,100% 18%,100% 75%,83% 100%,17% 100%,0 75%,0 18%);background:#081a32eb;box-shadow:inset 0 0 21px #0079ff65;border:2px solid #18b3e6}.round-badge b{font:900 43px Rajdhani;color:#eafaff}.round-badge span{font-size:9px}.season-rank{background:#020b1cd9;border-color:#29a6ff;min-width:165px;text-align:center;line-height:1.3;padding:8px}.season-rank div{color:#ffcb61}.season-rank strong{display:block;color:#fff;font-size:19px}.season-rank small{display:block;color:#8db2d4;font-size:10px}
.arena-layout{grid-template-columns:minmax(0,1fr) 224px;gap:9px}.arena-main{min-width:0}.match-top{height:100px;padding:0 3px;gap:7px;display:grid;grid-template-columns:1fr 105px 1fr;align-items:start}.fighter-info{display:flex;align-items:center;gap:9px;background:#030c1ed9;border:1px solid #1384b8;border-radius:5px;padding:9px;box-shadow:0 0 12px #009fff44}.fighter-info>div:not(.avatar){flex:1;min-width:0}.fighter-info strong{font-size:13px}.fighter-info small{font-size:13px;font-weight:900;color:#42e4e2}.fighter-info .healthbar{margin:7px 0 4px;height:13px}.fighter-info.rival{justify-content:flex-end;text-align:right;border-color:#b22f61;box-shadow:0 0 12px #fa307c3d}.fighter-info.rival .healthbar i{background:linear-gradient(90deg,#ff3373,#ff7db0)}.fighter-info.rival small{color:#ff84ba}
.avatar{border-radius:5px;flex:0 0 55px;height:58px;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle,#12569b,#030918);border:2px solid #34dfff;box-shadow:0 0 15px #12beff}.avatar.rival-avatar{background:radial-gradient(circle,#7f1750,#030918);border-color:#ff5792;box-shadow:0 0 15px #fa2a71}
.medallion{width:98px;height:98px;border-radius:50%;display:grid;place-items:center;font:900 65px Orbitron;color:#ffe7a0;background:radial-gradient(circle,#7d4c10,#221605 48%,#020914 72%);border:5px double #ffc65b;box-shadow:0 0 27px #ffbd4caa,inset 0 0 23px #ffbd4cbb;text-shadow:0 0 12px #ffda67}
.battle-stage{min-height:320px;margin:0;position:relative;background:radial-gradient(ellipse at 50% 55%,#15497d80,transparent 66%);border:0;overflow:visible}.battle-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(#1eafff16 1px,transparent 1px),linear-gradient(90deg,#1eafff16 1px,transparent 1px);background-size:48px 48px;transform:perspective(250px) rotateX(18deg);pointer-events:none}.battle-stage-grid{position:absolute;inset:0;opacity:.22;background:radial-gradient(ellipse at center,#278dfd,transparent 80%)}
.battle-card-row{display:flex;justify-content:space-evenly;gap:9px;align-items:center;position:relative;z-index:1;padding:36px 0 15px}.battle-slot{position:relative;flex:0 1 185px;min-width:0;display:grid;place-items:center;filter:drop-shadow(0 0 15px color-mix(in srgb,var(--slot) 70%,transparent))}.battle-slot .art-card{width:min(100%,174px);min-width:75px;animation:cardFloat 3s ease-in-out infinite}.battle-slot:nth-child(2) .art-card{animation-delay:.4s}.battle-slot:nth-child(3) .art-card{animation-delay:.8s}.battle-slot:nth-child(4) .art-card{animation-delay:1.2s}.battle-hp{position:absolute;z-index:2;top:-25px;background:#010b19d9;color:#edffff;padding:4px 8px;border:1px solid var(--slot);border-radius:5px;box-shadow:0 0 10px var(--slot);font-size:10px;white-space:nowrap}.impact{left:63%;top:39%;z-index:6;text-shadow:0 0 13px #ff3f8b;animation:impact 1s infinite alternate}.combat-beam{z-index:5;top:43%;height:7px;width:38%;left:28%;background:linear-gradient(90deg,transparent,#64ecff,#ff7ebc);box-shadow:0 0 22px #44dfff;transform:rotate(-6deg)}
.battle-footer{display:grid;grid-template-columns:180px minmax(0,1fr);gap:9px;margin-top:8px}.support,.actions{border-radius:3px;border-color:#1c91c9;background:#030b18e8;padding:8px}.support h3,.actions h3{font:900 15px Rajdhani;margin:0 0 6px}.support-row{display:flex;gap:6px}.support-row .art-card.mini{width:72px;min-width:63px;height:95px}.actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.action{min-height:63px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:5px;color:#e6f8ff;background:#021229ec;border:2px solid var(--action);box-shadow:0 0 13px color-mix(in srgb,var(--action) 50%,transparent),inset 0 0 14px color-mix(in srgb,var(--action) 14%,transparent);padding:6px}.action .a-icon{font-size:24px;color:var(--action);filter:drop-shadow(0 0 7px var(--action))}.action>span:last-child{font:900 16px Rajdhani}.action small{font-size:8px;line-height:1;display:block;color:#aac1d8;white-space:nowrap}.action:disabled{opacity:.48}.arena-actions-extra{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:6px}.arena-actions-extra .btn{font-size:11px;min-height:30px;padding:6px 10px}
.combat-log{padding:9px 8px;background:#010916e8;border-radius:3px;border-color:#126fa5;min-height:460px;box-shadow:0 0 12px #0188ff33}.combat-log header{display:flex;justify-content:space-between;align-items:center;gap:4px;border-bottom:1px solid #155c83;padding-bottom:6px}.combat-log header h3{font-size:18px;margin:0}.combat-log header span{font-size:9px;color:#4dffcd}.log-stream{height:400px;max-height:400px;overflow:auto}.log-line{font-size:11px;line-height:1.45;padding:13px 3px;border-bottom:1px solid #16374b;color:#b8d8f1}.log-line:nth-child(odd){color:#c3eaff}.time{font-size:9px;color:#63aad1}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1200px){.art-card{min-width:110px}.market-grid{grid-template-columns:minmax(0,1fr) 245px}.market-carousel .art-card{min-width:105px}.arena-layout{grid-template-columns:minmax(0,1fr) 190px}.battle-footer{grid-template-columns:160px 1fr}.action{padding:4px}.action .a-icon{font-size:18px}}
@media(max-width:950px){.hero.home{height:335px}.home-globe,.home-environment-label{display:none}.hero-copy{max-width:90%}.market-grid{grid-template-columns:1fr}.market-stage{min-height:400px}.inspector{display:grid;grid-template-columns:1fr 180px 1fr;column-gap:15px;align-items:start}.inspector-art{grid-column:2;grid-row:1/6;min-height:200px}.inspector-modifiers{grid-column:3;grid-row:1/4}.inspector .btn{grid-column:3}.market-carousel .card-row{justify-content:flex-start}.arena-layout{grid-template-columns:1fr}.combat-log{min-height:170px}.log-stream{height:140px;max-height:140px}}
@media(max-width:750px){.screen{padding:10px}.hero.home{height:315px;background-position:60%}.hero h1{font-size:clamp(41px,9vw,70px)}.hero-copy{left:18px;max-width:95%}.hero .subtitle{font-size:12px;letter-spacing:3px}.hero p{font-size:12px}.featured-platform{gap:0}.featured-cards{overflow-x:auto;justify-content:flex-start}.featured-cards .art-card{min-width:135px}.collection-hero{height:145px;padding:15px}.collection-hero h1{font-size:34px}.arena-header h1{font-size:34px}.battle-card-row{gap:4px}.battle-slot .art-card{min-width:50px}.medallion{width:65px;height:65px;font-size:40px}.match-top{grid-template-columns:1fr 66px 1fr;height:90px}.fighter-info .avatar{display:none}.battle-footer{grid-template-columns:1fr}.support-row{justify-content:flex-start}.action{min-height:64px}.combat-log{min-height:180px}.inspector{display:flex}.inspector-art{min-height:190px}}
@media(prefers-reduced-motion:reduce){.art-card,.art-card:after,.battle-slot .art-card{animation:none!important}}

/* Use locally available font stacks rather than relying on unloaded web fonts */
body,button,input,select,.btn,.filter,.nav button{font-family:Arial,Helvetica,sans-serif}
.hero h1,.collection-hero h1,.arena-header h1,.other-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:900}
.btn,.section-heading h2,.inspector h2,.mod-row,.action>span:last-child,.inspector .btn,.stat b,.market-label,.fighter-info strong,.combat-log h3,.round-badge b,.season-rank strong{font-family:'Arial Narrow',Arial,Helvetica,sans-serif}
.market-carousel .card-row{justify-content:flex-start!important}
/* Desktop viewport composition refinements */
@media(min-width:1100px){
 .market-carousel .art-card{width:clamp(115px,11vw,171px)}
 .market-carousel .card-row{gap:7px}
 .market-stage{min-height:500px}
 .inspector-art{min-height:165px;padding:0}
 .inspector-art .art-card{width:116px;min-width:116px}
 .inspector p{font-size:10px}
 .inspector{gap:4px;padding:9px}
 .inspector h2{font-size:24px}
 .inspector .btn{min-height:42px;font-size:15px}
 .arena-header{min-height:90px}
 .match-top{height:84px}
 .battle-stage{min-height:284px}
 .battle-card-row{padding:27px 0 10px}
 .battle-slot .art-card{width:min(100%,158px)}
 .battle-footer{margin-top:4px}
 .combat-log{min-height:392px}
 .log-stream{height:340px;max-height:340px}
 .arena-wrapper{min-height:590px}
}

/* v1.0 Alpha gameplay screens */
.tactical-board{margin-top:8px;padding:24px;border:1px solid #2ed9ff;box-shadow:0 0 26px #00d1ff36;background:radial-gradient(ellipse at center,#142a45,#030812 74%)}.tactical-sides{display:grid;grid-template-columns:1fr 190px 1fr;gap:16px;align-items:center}.tactical-sides h3{color:#9ddaff;font-size:14px;letter-spacing:1.5px}.unit-chip{background:#071523;border:1px solid #2a6680;margin:8px 0;border-radius:10px;padding:12px;display:grid;gap:5px}.unit-chip b{color:white}.unit-chip small{color:#a2b7c8}.unit-chip.knocked,.tactical-card.knocked{opacity:.25;filter:grayscale(1)}.mini-track{height:8px;background:#18263b;border-radius:8px;overflow:hidden}.mini-track i{height:100%;display:block;transition:width .35s}.tactical-emblem{text-align:center;font:900 100px 'Rajdhani',sans-serif;color:#f5bd57;text-shadow:0 0 36px #f5a922;line-height:1}.tactical-emblem small{display:block;font-size:18px;color:#8ba9c5}.tactical-hand{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;border-block:1px solid #2d5e81;padding:18px;margin:18px 0;background:linear-gradient(#070c18ad,#0e2742aa)}.tactical-card{text-align:center;min-width:104px;max-width:160px;filter:drop-shadow(0 0 12px var(--unit))}.tactical-card .art-card{width:135px}.tactical-card b{display:block;margin-top:5px;color:#fafafa}.tactical-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:12px}.tactical-actions .btn{min-width:130px}.tactical-actions small{display:block;font-size:9px;opacity:.75}.tactical-log{max-height:220px;overflow:auto;background:#030914;border:1px solid #236a83;border-radius:10px;padding:12px}.tactical-log p{margin:6px 0;color:#91efff;font:600 12px monospace}.tactical-result{display:flex;justify-content:center;gap:15px;color:#ffc76a;font-size:26px;font-weight:900}.progression{margin:20px 0;padding:18px}.progress-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.progress-cards>div{background:#071527;border:1px solid #254d70;padding:16px;border-radius:12px}.progress-cards h3{color:#68eafa;font-size:17px}.progress-cards p{color:#d0d9e8;min-height:54px}.progress-cards .btn{width:100%}.heist-console{max-width:780px!important;width:min(96vw,780px)!important;text-align:center}.heist-console header{display:flex;justify-content:space-between;align-items:center}.heist-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:18px auto}.heist-progress span{background:#081f32;color:#88a1be;padding:10px 5px;font-size:10px;border:1px solid #255274}.heist-progress span.current{border-color:#ffd06c;color:#ffd06c;box-shadow:0 0 15px #ffc34c88}.heist-progress span.done{background:#0c4734;color:#8affe0}.dial-frame{padding:12px}.dial-circle{display:flex;justify-content:center;align-items:center;gap:24px;margin:14px auto}.dial-circle strong{font-size:100px;font-weight:900;color:#6cf1ff;text-shadow:0 0 22px #32dfff}.dial-circle button{font-size:35px;padding:14px;color:#ffdf8d;background:#081f32;border:1px solid #ebb453;border-radius:10px;cursor:pointer}.circuit-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.circuit-switch{padding:15px 6px;display:grid;gap:12px;color:#8ce6ff;border:1px solid #2f90ad;border-radius:10px;background:#071b31;cursor:pointer}.circuit-switch b{font-size:48px;color:#ffb84e}.circuit-switch small{font-size:9px}.laser-field{height:160px;position:relative;overflow:hidden;border:1px solid #3294bb;border-radius:12px;background:repeating-linear-gradient(90deg,#0b1727 0 19%,#15293b 19% 20%);margin:20px auto}.laser-beam{position:absolute;top:0;bottom:0;left:40%;width:5px;background:#ff3678;box-shadow:0 0 20px #ff3678;animation:laserSweep 1.8s linear infinite alternate}.laser-safe{position:absolute;top:0;bottom:0;width:20%;background:#00ff6630;border-inline:2px solid #00ff66}.laser-pointer{display:none}@keyframes laserSweep{from{left:0}to{left:100%}}@media(max-width:900px){.progress-cards{grid-template-columns:repeat(2,1fr)}.tactical-sides{grid-template-columns:1fr 90px 1fr}.tactical-emblem{font-size:60px}}@media(max-width:560px){.progress-cards,.tactical-sides{grid-template-columns:1fr}.tactical-emblem{font-size:45px}.circuit-switch b{font-size:26px}.circuit-board{gap:4px}.tactical-card .art-card{width:96px}}
.online-panel{margin-top:20px;padding:20px;border:1px solid #29acdd}.online-controls{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.online-hps{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.online-hps>div{border:1px solid #285c84;padding:14px 22px;background:#061628;display:grid;gap:6px;border-radius:10px}.online-hps b{color:#5af0ff}.online-panel>small{display:block;color:#7dc7e9}

/* v1.0.1 mechanics clarity */
.tactical-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.tactical-heading h2{font-size:clamp(22px,2.2vw,36px);margin:8px 0}.tactical-heading p{color:#aac0de;max-width:640px;font-size:13px}.energy-meter{min-width:165px;padding:14px;border:1px solid #255880;background:#071528;border-radius:10px}.energy-meter>span{display:block;color:#5cdcff;font-size:11px;letter-spacing:2px;font-weight:800}.energy-meter>b{display:block;font-size:28px;color:#fff;margin:3px 0}.energy-meter b small{font-size:13px;color:#89b9df}.unit-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.unit-chip{border-left:3px solid var(--unit,#53dcff)}.battle-command-help{margin:18px 0;padding:16px 18px;border:1px solid #316183;background:linear-gradient(90deg,#0c2439,#0b1425);border-radius:10px}.battle-command-help strong{color:#76eaff}.battle-command-help p{color:#bdd3ea;font-size:13px;margin:7px 0 0;line-height:1.6}.tactical-button{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:90px!important}.tactical-button small{display:block;font-size:10px;line-height:1.4}.tactical-actions{margin:16px 0}.retreat-button{margin:8px 0 14px;opacity:.82}.match-complete{padding:24px;margin:18px 0;border:1px solid #32a6d9;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#174d6965,#071626 65%);text-align:center;box-shadow:inset 0 0 35px #00ccff14,0 0 25px #039bca1c}.match-complete.victory{border-color:#dba83b;box-shadow:0 0 32px #e5a93c31}.match-complete.defeat{border-color:#ec577a}.match-complete h2{font-size:clamp(38px,5vw,68px);font-family:Rajdhani,Inter,sans-serif;margin:6px 0;text-shadow:0 0 24px #60deff7c}.match-complete p{color:#cee0f7}.match-rewards{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:16px 0}.match-rewards span{padding:10px 15px;border:1px solid #44658b;border-radius:8px;background:#081a32;color:#ffdd8b;font-weight:800}.match-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.match-result-actions button{min-width:170px}.workshop-balance{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:16px 0;padding:20px}.workshop-balance small{color:#83b9db;font-weight:800;letter-spacing:1.6px}.workshop-balance strong{display:block;margin:8px 0;font-size:40px;color:#aeeeff}.workshop-balance strong em{font-size:17px;font-style:normal;letter-spacing:2px;color:#b7d7ed}.workshop-balance p{color:#a3bddb;margin:0;font-size:12px}.fragment-guide{display:grid;gap:5px;padding:12px;border-left:1px solid #294869;color:#a5c7df;font-size:12px}.fragment-guide b{color:#ffd27c;letter-spacing:1.2px}.workshop-layout{display:grid;grid-template-columns:minmax(275px,.9fr) minmax(350px,1.1fr);gap:16px}.workshop-list,.upgrade-detail{padding:20px}.workshop-list>p{font-size:13px;color:#b7cae1}.upgrade-roster{display:grid;gap:10px;margin:14px 0}.upgrade-select{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:#071529;border:1px solid #294669;border-radius:10px;padding:12px 14px;color:#fff;cursor:pointer;transition:.18s}.upgrade-select:hover,.upgrade-select.active{border-color:var(--unit);box-shadow:0 0 18px color-mix(in srgb,var(--unit) 25%,transparent)}.upgrade-select .upgrade-symbol{font-size:29px;color:var(--unit);font-weight:900;min-width:36px;text-align:center}.upgrade-select b{font-size:14px}.upgrade-select small{display:block;margin-top:6px;color:#9cb7d5;font-size:10px;letter-spacing:1px}.upgrade-arrow{margin-left:auto;color:var(--unit)}.upgrade-detail h2{margin:10px 0 18px}.upgrade-preview{display:flex;align-items:center;gap:22px}.upgrade-card-art{width:180px;flex:0 0 180px}.upgrade-stats{flex:1;min-width:0}.upgrade-stats .mod-row{padding:10px 0;border-bottom:1px solid #243c5a}.upgrade-stats .mod-row strong{white-space:nowrap;color:#b7f2ff}.upgrade-dots{display:flex;gap:7px;margin:16px 0}.upgrade-dots i{height:9px;width:30px;border:1px solid #357fa1;border-radius:3px}.upgrade-dots i.filled{background:#2ee8ff;box-shadow:0 0 12px #00eaff}.upgrade-callout{background:#0a2035;padding:14px;border:1px solid #2f7191;border-radius:9px;margin:18px 0}.upgrade-callout strong{color:#ffd37e;letter-spacing:1px}.upgrade-callout p{color:#c6dbed;font-size:13px;line-height:1.6;margin:7px 0 0}.upgrade-detail>.btn{margin:4px 8px 6px 0}.tiny-help{font-size:11px!important;line-height:1.55;color:#bad4e8!important}@media(max-width:950px){.workshop-layout{grid-template-columns:1fr}.workshop-balance{flex-direction:column;align-items:stretch}.fragment-guide{border-left:0;border-top:1px solid #294869}}@media(max-width:560px){.tactical-heading,.upgrade-preview{flex-direction:column;align-items:stretch}.upgrade-card-art{width:160px;flex-basis:auto;margin:auto}.match-result-actions{flex-direction:column}.match-result-actions .btn{width:100%}.match-rewards{gap:6px}.match-rewards span{font-size:11px}}

.ice-modal{position:fixed;inset:0;z-index:200;background:#000d;display:flex;align-items:center;justify-content:center;padding:14px;overflow:auto}.ice-wrap{position:relative;width:min(1530px,100%);max-height:calc(100vh - 28px);overflow:auto;padding:22px;background:radial-gradient(circle at 70% 15%,#0b3564,#030912 57%);border:2px solid #04cfff;border-radius:12px;color:#effbff;box-shadow:0 0 48px #02c7ff55;font-family:Inter,system-ui,sans-serif}.ice-wrap *{box-sizing:border-box}.ice-wrap button{cursor:pointer;color:inherit}.ice-wrap button:disabled{cursor:not-allowed;opacity:.45}.ice-alert{border-color:#ff893a;animation:ice-alert 1.8s infinite}.ice-critical{border-color:#ff225c;box-shadow:0 0 35px #fb125377;animation:ice-shake .35s 2}.ice-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ice-header h2{font-size:clamp(28px,3vw,46px);margin:3px 0;color:white;letter-spacing:.04em}.ice-header h2 span{color:#00e0ff}.ice-header p,.ice-section-head small{font-size:11px;letter-spacing:1.1px;color:#89b8d5}.ice-close{border:1px solid #347ea1;background:#091f36;padding:12px 17px;border-radius:8px}.ice-topbar{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin:18px 0}.ice-topbar>div,.ice-area,.ice-side,.ice-bottom{background:#051323e8;border:1px solid #17577d;border-radius:10px;padding:13px}.ice-topbar small,.ice-topbar span{display:block;font-size:10px;letter-spacing:1.5px;color:#9ac6e0}.ice-topbar b{display:block;font-size:25px;color:#f6c56b}.ice-detection{position:relative}.ice-detection strong{position:absolute;right:12px;top:8px;font-size:27px;color:#fff}.ice-meter{background:#101a34;border:1px solid #244971;border-radius:6px;margin:13px 0 7px;height:15px;overflow:hidden}.ice-meter i{display:block;height:100%;background:linear-gradient(90deg,#00ffbb,#ffd24e,#f6176e);box-shadow:0 0 15px #f6176e;transition:width .3s}.ice-board{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px}.ice-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.ice-section-head h3,.ice-side h3{margin:0;color:#aaf5ff;font-size:15px;letter-spacing:1.6px}.ice-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:20px}.ice-lane{background:linear-gradient(145deg,#071d33,#070f1c);border:1px solid #25658a;border-radius:9px;text-align:left;padding:11px;min-height:85px}.ice-lane.active{border-color:#00f3fc;box-shadow:0 0 15px #00ddff66}.ice-lane.cleared{border-color:#00ff88}.ice-lane>span,.ice-lane>b,.ice-lane>small{display:block}.ice-lane span{font-weight:900;color:#eaf7ff}.ice-lane small{font-size:10px;color:#98b9d2;margin:5px 0}.ice-lane b{font-size:11px;color:#00ecb2}.ice-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ice-node{min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;border:1px solid #345779;border-radius:9px;background:radial-gradient(circle at 50% 45%,#0e3663,#030711 80%);position:relative;overflow:hidden}.ice-node.active{border-color:#ffba50;box-shadow:0 0 19px #ffa72066}.ice-node.bypassed{border-color:#20f8ad;background:#072923}.ice-node span,.ice-node em{font-style:normal;font-size:9px;letter-spacing:1.3px;color:#a6d7ec}.ice-node strong{font-size:13px}.ice-node small{font-size:10px;color:#9bbbd7;max-width:90%}.ice-matrix{font-size:46px;text-shadow:0 0 22px #00dbff;color:#55ebff;animation:ice-spin 7s linear infinite}.ice-node.scanned .ice-matrix,.ice-node.bypassed .ice-matrix{animation:none}.ice-side{min-height:370px}.ice-log{display:grid;align-content:start;gap:8px;margin-top:14px;max-height:340px;overflow:auto}.ice-log div{padding:9px;background:#0a2135;border-left:2px solid #21dfff;color:#b7ddf3;font-size:11px;line-height:1.4}.ice-side-note{font-size:11px;color:#8fb0cd;margin-top:14px;line-height:1.6}.ice-bottom{margin-top:12px}.ice-hand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ice-hand-card{min-height:92px;background:#0b1b32;border:1px solid var(--ice-card);border-radius:10px;box-shadow:0 0 9px color-mix(in srgb,var(--ice-card) 45%,transparent);text-align:left;padding:11px}.ice-hand-card.active{background:#17334e;box-shadow:0 0 20px var(--ice-card)}.ice-hand-card strong,.ice-hand-card span,.ice-hand-card b{display:block}.ice-hand-card strong{font-size:14px}.ice-hand-card span{color:#bdd2e9;font-size:11px;margin:5px 0}.ice-hand-card b{color:var(--ice-card);font-size:12px}.ice-action-bar{display:flex;align-items:stretch;gap:8px;margin-top:12px;flex-wrap:wrap}.ice-slots{display:flex;gap:6px}.ice-slot,.ice-execute,.ice-suppress,.ice-extract{border-radius:8px;padding:12px 13px;background:#081d33;border:1px solid #197aaa;font-weight:800;font-size:12px;letter-spacing:.7px}.ice-slot.active{border-color:#ffbc48;box-shadow:0 0 9px #ffbc4888}.ice-slot.locked{border-color:#ff2f68}.ice-execute{background:#073448;border-color:#00e5ff;box-shadow:0 0 15px #00d1ff55}.ice-suppress{border-color:#b270ff;box-shadow:0 0 12px #b270ff44}.ice-extract{margin-left:auto;color:#140e03!important;background:linear-gradient(120deg,#ffde78,#ffad2a);border-color:#ffe48a;box-shadow:0 0 17px #ffa30099}.ice-extract small,.ice-suppress small{display:block;font-size:9px;margin-top:4px}.ice-end-overlay{position:absolute;inset:0;background:#000e;display:flex;align-items:center;justify-content:center;z-index:2}.ice-end-card{max-width:540px;padding:36px;background:#08162b;border:2px solid #ffcf57;text-align:center;box-shadow:0 0 50px #ffb83077;border-radius:12px}.ice-end-card.busted{border-color:#ff336c;box-shadow:0 0 50px #ff336c88}.ice-end-card h2{font-size:32px}.ice-end-card p{line-height:1.6;color:#c6daed}.ice-results{display:flex;justify-content:center;gap:15px;margin:20px}.ice-results span{border:1px solid #275a79;padding:9px}.ice-end-card button{margin:auto}@keyframes ice-alert{50%{box-shadow:0 0 40px #ff383eaa}}@keyframes ice-shake{25%{transform:translateX(3px)}75%{transform:translateX(-3px)}}@keyframes ice-spin{50%{transform:rotate(180deg);filter:brightness(1.3)}100%{transform:rotate(360deg)}}@media(max-width:1000px){.ice-board{grid-template-columns:1fr}.ice-side{min-height:auto}.ice-topbar{grid-template-columns:1fr 1fr}.ice-wrap{max-height:none}.ice-modal{align-items:flex-start}}@media(max-width:590px){.ice-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}.ice-lanes{grid-template-columns:1fr}.ice-hand{grid-template-columns:1fr}.ice-topbar{grid-template-columns:1fr 1fr}.ice-header{flex-wrap:wrap}.ice-wrap{padding:12px}.ice-slots{width:100%}.ice-slot{flex:1}.ice-extract{margin-left:0}}

/* Real element-based arcade scene. No screenshot backgrounds. */
.arcade-modal{position:fixed;inset:0;z-index:1000;background:rgba(1,4,12,.94);overflow:auto;padding:16px;color:#e9f6ff;font-family:Rajdhani,Inter,Arial,sans-serif}.arcade-wrap{max-width:1080px;margin:auto;border:1px solid #2d8ca5;border-radius:14px;box-shadow:0 0 45px #0074a333;background:radial-gradient(ellipse at 52% 20%,#182b41 0%,#071120 65%,#040913 100%);padding:18px;position:relative}.arcade-heading,.arcade-stats,.arcade-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.arcade-heading h2{color:#f6bd61;font-size:28px;letter-spacing:2px;margin:3px 0}.arcade-heading p{margin:2px 0;color:#8faebf}.arcade-stats{margin:16px 0;display:grid;grid-template-columns:repeat(4,1fr)}.arcade-stat{background:#071626;border:1px solid #265064;padding:12px;border-radius:9px}.arcade-stat small{display:block;color:#86a7b5;font-size:11px;letter-spacing:1px}.arcade-stat b{display:block;font-size:24px;color:#f4c16b}.alarm-track{height:12px;background:#101723;border:1px solid #713b50;border-radius:9px;overflow:hidden;margin-top:7px}.alarm-track i{display:block;height:100%;background:linear-gradient(90deg,#37dbce,#efa943,#ff3169);transition:width .25s}.arcade-stage{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:stretch}.arcade-scene{min-height:400px;border:1px solid #30526a;border-radius:12px;background:radial-gradient(ellipse,#33435455 0%,#0a1424 55%,#050912 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.arcade-scene:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 69px,#35daf20b 70px 71px),linear-gradient(transparent,#091623 94%);pointer-events:none}.arcade-dial{width:min(340px,85%);aspect-ratio:1;position:relative;border-radius:50%;background:radial-gradient(circle,#15273c 0 35%,#0d1b2a 36% 56%,#977443 57% 59%,#061320 60% 69%,#e3ab48 70% 72%,#101b27 73%);box-shadow:0 0 0 9px #132d38,0 0 42px #e5a93c55,inset 0 0 55px #080807;display:grid;place-items:center}.arcade-dial:before{content:'';position:absolute;inset:12%;border-radius:50%;border:2px dashed #8ec8ca66}.arcade-sweet{position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from calc(-1deg * var(--zone) / 2),#ffcf57 0deg calc(var(--zone) * 1deg),transparent calc(var(--zone) * 1deg));-webkit-mask:radial-gradient(transparent 66%,black 67% 79%,transparent 80%);mask:radial-gradient(transparent 66%,black 67% 79%,transparent 80%);filter:drop-shadow(0 0 8px #ffca55)}.arcade-needle{position:absolute;width:4px;height:40%;background:linear-gradient(#58ffff,#18c6d1);left:calc(50% - 2px);top:10%;transform-origin:center 100%;box-shadow:0 0 13px #11fded;transform:rotate(var(--angle))}.arcade-center{text-align:center;z-index:1;font-size:22px;color:#fff;text-shadow:0 0 15px #f4b951}.arcade-center strong{font-size:40px;display:block}.arcade-info{font-size:14px;color:#9cc9d9;letter-spacing:2px;padding-top:18px;z-index:1;text-align:center}.arcade-aside{border:1px solid #2a5264;background:#061321e8;border-radius:12px;padding:14px}.arcade-aside h3{margin:0 0 12px;color:#80eff6;letter-spacing:2px}.arcade-log{font:12px/1.6 monospace;color:#b4c8cd;max-height:180px;overflow:auto}.arcade-log div{padding:6px 0;border-bottom:1px solid #133445}.arcade-btn{border:1px solid #5ee4ed;background:#062632;color:#d2fcff;border-radius:9px;padding:13px 17px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 0 12px #19c4cc33}.arcade-btn.gold{color:#0d111b;border-color:#ffe1a0;background:linear-gradient(135deg,#fff0a0,#e5a93c,#a9681e);box-shadow:0 0 17px #e5a93c77}.arcade-btn.red{border-color:#e43b63;color:#ff9fae;background:#2e0d1d}.arcade-btn:disabled{opacity:.45;cursor:not-allowed}.arcade-bottom{margin-top:16px}.arcade-actions{display:flex;gap:8px;flex-wrap:wrap}.arcade-loot{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:90%;position:relative;z-index:1}.arcade-treasure{height:145px;border:2px solid #c18d3b;background:linear-gradient(145deg,#3f280e,#77521e 45%,#201810);border-radius:14px;color:#ffe5a2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 30px #030305,0 0 19px #bc8b3e55;cursor:pointer;transition:transform .12s}.arcade-treasure:hover,.arcade-treasure:active{transform:translateY(-5px);box-shadow:0 0 30px #e3af55aa}.arcade-treasure span{font-size:55px}.arcade-treasure b{font-size:15px}.arcade-outcome{position:absolute;inset:0;z-index:5;background:#030916f0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.arcade-outcome h2{font-size:42px;color:#f3c35e;margin:6px}.arcade-outcome p{max-width:440px;color:#d4ddeb}.arcade-outcome .arcade-actions{justify-content:center;margin:20px 0}.arcade-help{line-height:1.5;color:#99bbc8;font-size:14px}.arcade-card-badge{color:#ffe3a2;font-weight:bold}.arcade-wrap.danger{animation:alarm-pulse 1.3s infinite alternate}@keyframes alarm-pulse{from{box-shadow:0 0 12px #d9293133}to{box-shadow:0 0 40px #ff264799}}@media(max-width:750px){.arcade-stage{grid-template-columns:1fr}.arcade-stats{grid-template-columns:repeat(2,1fr)}.arcade-scene{min-height:345px}.arcade-loot{width:94%;gap:7px}.arcade-treasure{height:115px}.arcade-treasure span{font-size:38px}.arcade-modal{padding:6px}.arcade-wrap{padding:12px}.arcade-heading h2{font-size:20px}}

/* v1.3: contain a vertical light sweep inside each rectangular NFT artwork.
   The clipped shine no longer crosses the border or shines diagonally. */
.card-shell:after{inset:0!important;top:-110%!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:65%!important;transform:translateY(0)!important;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.02) 15%,rgba(255,255,255,.20) 50%,rgba(255,255,255,.03) 75%,transparent 100%)!important;animation:vr-vertical-gleam 5s ease-in-out infinite!important;clip-path:inset(0 round 4px);border-radius:4px;z-index:3;pointer-events:none}
@keyframes vr-vertical-gleam{0%,15%{top:-80%;opacity:0}22%{opacity:1}65%{opacity:1}78%,100%{top:130%;opacity:0}}
.art-card{overflow:hidden!important;isolation:isolate}
.art-card:after{inset:0!important;top:-110%!important;left:0!important;right:0!important;bottom:auto!important;height:65%!important;width:100%!important;transform:translateY(0)!important;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.02) 15%,rgba(255,255,255,.24) 50%,rgba(255,255,255,.02) 80%,transparent)!important;animation:vr-vertical-gleam 5s ease-in-out infinite!important;mix-blend-mode:screen;z-index:4;border-radius:3px;pointer-events:none}
/* The page selection should never fade out/in when browsing NFT options. */
.screen:has(.market-grid),.screen:has(.market-carousel){animation:none!important;opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.art-card:after,.card-shell:after{animation:none!important;opacity:0!important}}

/* Real element-based arcade scene. No screenshot backgrounds. */
.arcade-modal{position:fixed;inset:0;z-index:1000;background:rgba(1,4,12,.94);overflow:auto;padding:16px;color:#e9f6ff;font-family:Rajdhani,Inter,Arial,sans-serif}.arcade-wrap{max-width:1080px;margin:auto;border:1px solid #2d8ca5;border-radius:14px;box-shadow:0 0 45px #0074a333;background:radial-gradient(ellipse at 52% 20%,#182b41 0%,#071120 65%,#040913 100%);padding:18px;position:relative}.arcade-heading,.arcade-stats,.arcade-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.arcade-heading h2{color:#f6bd61;font-size:28px;letter-spacing:2px;margin:3px 0}.arcade-heading p{margin:2px 0;color:#8faebf}.arcade-stats{margin:16px 0;display:grid;grid-template-columns:repeat(4,1fr)}.arcade-stat{background:#071626;border:1px solid #265064;padding:12px;border-radius:9px}.arcade-stat small{display:block;color:#86a7b5;font-size:11px;letter-spacing:1px}.arcade-stat b{display:block;font-size:24px;color:#f4c16b}.alarm-track{height:12px;background:#101723;border:1px solid #713b50;border-radius:9px;overflow:hidden;margin-top:7px}.alarm-track i{display:block;height:100%;background:linear-gradient(90deg,#37dbce,#efa943,#ff3169);transition:width .25s}.arcade-stage{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:stretch}.arcade-scene{min-height:400px;border:1px solid #30526a;border-radius:12px;background:radial-gradient(ellipse,#33435455 0%,#0a1424 55%,#050912 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.arcade-scene:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 69px,#35daf20b 70px 71px),linear-gradient(transparent,#091623 94%);pointer-events:none}.arcade-dial{width:min(340px,85%);aspect-ratio:1;position:relative;border-radius:50%;background:radial-gradient(circle,#15273c 0 35%,#0d1b2a 36% 56%,#977443 57% 59%,#061320 60% 69%,#e3ab48 70% 72%,#101b27 73%);box-shadow:0 0 0 9px #132d38,0 0 42px #e5a93c55,inset 0 0 55px #080807;display:grid;place-items:center}.arcade-dial:before{content:'';position:absolute;inset:12%;border-radius:50%;border:2px dashed #8ec8ca66}.arcade-sweet{position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from calc(-1deg * var(--zone) / 2),#ffcf57 0deg calc(var(--zone) * 1deg),transparent calc(var(--zone) * 1deg));-webkit-mask:radial-gradient(transparent 66%,black 67% 79%,transparent 80%);mask:radial-gradient(transparent 66%,black 67% 79%,transparent 80%);filter:drop-shadow(0 0 8px #ffca55)}.arcade-needle{position:absolute;width:4px;height:40%;background:linear-gradient(#58ffff,#18c6d1);left:calc(50% - 2px);top:10%;transform-origin:center 100%;box-shadow:0 0 13px #11fded;transform:rotate(var(--angle))}.arcade-center{text-align:center;z-index:1;font-size:22px;color:#fff;text-shadow:0 0 15px #f4b951}.arcade-center strong{font-size:40px;display:block}.arcade-info{font-size:14px;color:#9cc9d9;letter-spacing:2px;padding-top:18px;z-index:1;text-align:center}.arcade-aside{border:1px solid #2a5264;background:#061321e8;border-radius:12px;padding:14px}.arcade-aside h3{margin:0 0 12px;color:#80eff6;letter-spacing:2px}.arcade-log{font:12px/1.6 monospace;color:#b4c8cd;max-height:180px;overflow:auto}.arcade-log div{padding:6px 0;border-bottom:1px solid #133445}.arcade-btn{border:1px solid #5ee4ed;background:#062632;color:#d2fcff;border-radius:9px;padding:13px 17px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 0 12px #19c4cc33}.arcade-btn.gold{color:#0d111b;border-color:#ffe1a0;background:linear-gradient(135deg,#fff0a0,#e5a93c,#a9681e);box-shadow:0 0 17px #e5a93c77}.arcade-btn.red{border-color:#e43b63;color:#ff9fae;background:#2e0d1d}.arcade-btn:disabled{opacity:.45;cursor:not-allowed}.arcade-bottom{margin-top:16px}.arcade-actions{display:flex;gap:8px;flex-wrap:wrap}.arcade-loot{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:90%;position:relative;z-index:1}.arcade-treasure{height:145px;border:2px solid #c18d3b;background:linear-gradient(145deg,#3f280e,#77521e 45%,#201810);border-radius:14px;color:#ffe5a2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 30px #030305,0 0 19px #bc8b3e55;cursor:pointer;transition:transform .12s}.arcade-treasure:hover,.arcade-treasure:active{transform:translateY(-5px);box-shadow:0 0 30px #e3af55aa}.arcade-treasure span{font-size:55px}.arcade-treasure b{font-size:15px}.arcade-outcome{position:absolute;inset:0;z-index:5;background:#030916f0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.arcade-outcome h2{font-size:42px;color:#f3c35e;margin:6px}.arcade-outcome p{max-width:440px;color:#d4ddeb}.arcade-outcome .arcade-actions{justify-content:center;margin:20px 0}.arcade-help{line-height:1.5;color:#99bbc8;font-size:14px}.arcade-card-badge{color:#ffe3a2;font-weight:bold}.arcade-wrap.danger{animation:alarm-pulse 1.3s infinite alternate}@keyframes alarm-pulse{from{box-shadow:0 0 12px #d9293133}to{box-shadow:0 0 40px #ff264799}}@media(max-width:750px){.arcade-stage{grid-template-columns:1fr}.arcade-stats{grid-template-columns:repeat(2,1fr)}.arcade-scene{min-height:345px}.arcade-loot{width:94%;gap:7px}.arcade-treasure{height:115px}.arcade-treasure span{font-size:38px}.arcade-modal{padding:6px}.arcade-wrap{padding:12px}.arcade-heading h2{font-size:20px}}

/* v1.4 smooth needle: zero interpolation delay; transform updated every animation frame */
.arcade-needle{transition:none!important;will-change:transform;transform:rotate(var(--angle));backface-visibility:hidden}
.arcade-dial{transform:translateZ(0)}
.energy-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:center;margin:18px 0;padding:20px}
.energy-panel h3{font-size:24px;color:#e3c073;margin:6px 0}.energy-panel h3 strong{color:#7eeaff;margin-left:8px}
.energy-panel p{margin:5px 0 12px;color:#9ab4c9}.energy-track{height:14px;background:#08111c;border:1px solid #367589;border-radius:12px;overflow:hidden}.energy-track i{height:100%;display:block;background:linear-gradient(90deg,#199cb8,#49f8e1);box-shadow:0 0 16px #27fff4}
.energy-payments{display:grid;gap:8px}.energy-unavailable{color:#7e9aac;font-size:12px}
@media(max-width:700px){.energy-panel{grid-template-columns:1fr}.energy-panel h3{font-size:20px}}

/* v1.5 - harder telegraphed Arena with high contrast action choices */
.enemy-telegraph{padding:10px 15px;border:1px solid #fb4f75;border-radius:9px;background:linear-gradient(90deg,#3b0b25,#0c1a2c);color:#f7c1ca;margin-top:10px;box-shadow:0 0 18px #f13e563c;font:700 14px Rajdhani,sans-serif;letter-spacing:1px}
.enemy-telegraph strong{font-size:21px;color:#ffda83;margin:0 12px}.enemy-telegraph span{color:#c1d9ea;font-size:12px}

.screen.no-enter{animation:none!important;opacity:1!important;transform:none!important}

.screen.no-enter{animation:none!important;opacity:1!important;transform:none!important}

/* v1.6 tactical squad arena */
.arena-v16 .tactical-squad-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}.arena-v16 .tactical-squad-columns h3{font:700 13px Rajdhani,Arial,sans-serif;letter-spacing:.12em;color:#b4dcee}.arena-squad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.arena-squad-card{min-width:0;border:1px solid var(--unit);border-radius:12px;background:linear-gradient(170deg,#112539,#040a14);box-shadow:inset 0 0 14px #0d2335;padding:9px;display:flex;align-items:center;flex-direction:column;gap:7px}.arena-squad-card.is-active{box-shadow:0 0 19px var(--unit),inset 0 0 12px #142b42}.arena-squad-card.knocked{opacity:.38;filter:grayscale(1)}.arena-squad-card .card-shell{max-width:124px;width:100%}.arena-squad-card .btn{width:100%;padding:7px 3px;font-size:11px}.squad-card-stats{text-align:center;font-size:12px}.squad-card-stats strong{display:block;line-height:1.2}.squad-card-stats small{color:#b4d4e3}.arena-special-info{border:1px solid var(--unit);border-radius:12px;padding:16px;margin:14px 0;display:flex;align-items:center;gap:16px;justify-content:space-between;background:linear-gradient(90deg,#10243d,#040b15);box-shadow:0 0 16px #00608044}.arena-special-info p{margin:6px 0 0;color:#c6e9f2}.arena-special-info .btn{flex-shrink:0}@media(max-width:900px){.arena-v16 .tactical-squad-columns{grid-template-columns:1fr}.arena-special-info{flex-direction:column;align-items:stretch}}@media(max-width:500px){.arena-squad-grid{gap:5px}.arena-squad-card{padding:4px}.arena-squad-card .btn{font-size:9px}.squad-card-stats{font-size:10px}}


/* v1.7 NEON CLASH — built from responsive components, not screenshot backdrops */
.clash-home,.clash-arena{color:#dbeeff;padding:22px;max-width:1460px;margin:0 auto}.clash-home h1,.clash-title h1{font-size:clamp(38px,5vw,66px);letter-spacing:.06em;line-height:1.06;margin:10px 0;color:#fff}.clash-home h1 span,.clash-title h1 span{color:#20dcfa;text-shadow:0 0 24px #13cbff94}.clash-home p{color:#99bed2;max-width:740px}.clash-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.clash-mode{min-height:155px;padding:22px;border:1px solid #1785b4;box-shadow:inset 0 0 25px #092a40,0 0 18px #03adf31b;background:linear-gradient(145deg,#09182f,#060a16);border-radius:12px}.clash-mode strong{font:900 20px 'Rajdhani',Arial,sans-serif;color:#f7d18a;letter-spacing:1px}.clash-mode p{min-height:43px}.clash-guide{padding:20px;background:#061329;border:1px solid #18587d;border-radius:12px}.clash-guide b{color:#48eaff}.clash-card-example{display:flex;align-items:center;gap:22px;padding:14px}.clash-card-example .art-card{width:92px;flex:none}.clash-title,.clash-fighters,.clash-command,.clash-times,.clash-overdrive>span{display:flex;align-items:center;justify-content:space-between;gap:15px}.clash-perfect-count{border:1px solid #e5a93c99;padding:12px 18px;color:#ffda8f;border-radius:8px;background:#1e180e}.clash-fighters{gap:20px;margin:18px 0}.clash-fighter{width:43%;background:linear-gradient(115deg,#071b32,#0c1625);border:1px solid #2277ae;border-radius:12px;padding:15px 20px;box-shadow:0 0 24px #1f87c51a}.clash-fighter.foe{text-align:right;border-color:#cb327e}.clash-fighter strong{font-size:15px;letter-spacing:1.3px}.clash-fighter small{color:#acd3e5}.clash-vs{font:900 34px Impact,Arial;color:#ffd078;text-shadow:0 0 24px #fcb849}.clash-hp{height:12px;background:#10151f;border:1px solid #2c5470;border-radius:10px;overflow:hidden;margin:8px 0}.clash-hp i{display:block;height:100%;background:linear-gradient(90deg,#00a78c,#40ffac);box-shadow:0 0 14px #00ff96;transition:width .3s}.foe .clash-hp i{background:linear-gradient(90deg,#ce136e,#ff6589);box-shadow:0 0 14px #f36}.clash-scene{height:clamp(250px,28vw,390px);position:relative;border:1px solid #286a9e;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:space-around;background:radial-gradient(ellipse at 50% 45%,#173361bb 0%,#050c18 64%),repeating-linear-gradient(0deg,transparent 0 35px,#0acafb15 36px 37px),#050a12;box-shadow:inset 0 0 90px #006d9c30,0 0 25px #039bd725}.clash-scene:before{content:'';position:absolute;inset:auto -20% -55% -20%;height:90%;border-radius:50%;border:4px solid #16d8fc4e;transform:perspective(400px) rotateX(64deg);box-shadow:0 0 50px #0ac8f866,inset 0 0 50px #21a3e244;pointer-events:none}.clash-operator,.clash-rival{z-index:1;position:relative;display:grid;justify-items:center;gap:7px;filter:drop-shadow(0 0 24px #00d5ff44)}.clash-operator .art-card{width:clamp(110px,13vw,180px)!important}.clash-character-label{font-size:11px;font-weight:800;letter-spacing:1px;text-shadow:0 2px 4px #000}.clash-rival-ring{display:grid;place-items:center;width:clamp(110px,16vw,215px);aspect-ratio:1;border-radius:50%;font-size:clamp(66px,9vw,128px);font-weight:900;background:radial-gradient(circle,#361535,#090b1f 62%);color:#ff68c2;border:9px double #ff378a;box-shadow:0 0 40px #e2288d88,inset 0 0 40px #db188c44;animation:clashRival 3s ease-in-out infinite}.clash-energy{width:24%;height:8px;transform:rotate(-12deg);background:linear-gradient(90deg,transparent,#65eaff,transparent);filter:drop-shadow(0 0 16px #18eaff);animation:clashBeam 1.3s ease-in-out infinite}.clash-command{margin-top:16px;display:grid;grid-template-columns:minmax(185px,1fr) minmax(260px,2fr);border:1px solid #1c6388;border-radius:12px;padding:20px;background:linear-gradient(135deg,#07172b,#080b18);box-shadow:0 0 32px #0cd4ff1a}.clash-intent{display:flex;flex-direction:column;gap:6px}.clash-intent span{color:#ff698e;font-size:12px;letter-spacing:2px}.clash-intent strong{font:900 26px 'Rajdhani',Arial,sans-serif;color:#ffb66f;text-shadow:0 0 18px #e75b7f99}.clash-intent small{color:#bad8e9}.clash-timing{align-self:center}.clash-meter{position:relative;height:34px;border:1px solid #235b81;border-radius:6px;background:repeating-linear-gradient(90deg,#09182a,#09182a 9%,#0e2842 9.2%,#0e2842 10%);box-shadow:inset 0 0 17px #000;overflow:hidden}.clash-zone{position:absolute;top:2px;bottom:2px;background:linear-gradient(90deg,#12efc04a,#35ffcb99,#12efc04a);border:2px solid #74ffe3;box-shadow:0 0 15px #12ffb9}.clash-needle{position:absolute;top:0;bottom:0;width:5px;background:#fff2b0;box-shadow:0 0 12px 4px #ffd266;z-index:2}.clash-times{margin-top:7px;color:#71cfe7;letter-spacing:.7px}.clash-times b{color:#ffd278;font-variant-numeric:tabular-nums}.clash-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:17px}.clash-buttons .btn{flex:1;min-width:140px;min-height:55px;font-weight:900;letter-spacing:1.1px}.clash-action.strike{background:linear-gradient(135deg,#b87812,#e8ad42);color:#101010;box-shadow:0 0 15px #efb12c55}.clash-action.block{background:linear-gradient(135deg,#087ea9,#20d0ed);color:#021222;box-shadow:0 0 15px #04d8f855}.clash-action.dodge{background:linear-gradient(135deg,#a01380,#fa42c7);color:#fff;box-shadow:0 0 15px #fa21be55}.clash-overdrive{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.clash-overdrive>span{grid-column:1/-1;color:#fbc765;font-weight:900}.clash-charge{height:16px;align-self:center;border-radius:8px;overflow:hidden;border:1px solid #86570d;background:#171110}.clash-charge i{display:block;height:100%;background:linear-gradient(90deg,#d1770d,#ffe876);box-shadow:0 0 15px #ffba30;transition:width .22s}.clash-overdrive button{margin:0!important}.clash-quit{grid-column:1/-1;justify-self:start;padding:9px 12px}.clash-feed{margin:16px 0 0;padding:15px 20px;background:#071221;border:1px solid #1b5274;border-radius:10px;display:flex;flex-direction:column;gap:4px}.clash-feed strong{font-size:11px;color:#46caff;letter-spacing:2px}.clash-feed p{margin:5px 0;color:#ffcf80;font-weight:900}.clash-feed small{color:#8baabd}.clash-results{grid-column:1/-1;text-align:center;padding:22px;background:linear-gradient(130deg,#09201d,#061826);border:1px solid #27d9bb;border-radius:12px}.clash-results.defeat{background:#270c20;border-color:#ec4c8a}.clash-results h2{font-size:46px;color:#ffe6a0;margin:3px}.clash-prizes{font-size:18px;font-weight:800;color:#5bffe0}.clash-home .btn,.clash-arena .btn{cursor:pointer}.clash-arena button:disabled{opacity:.45;cursor:not-allowed}@keyframes clashRival{50%{transform:scale(1.04);filter:brightness(1.32)}}@keyframes clashBeam{50%{opacity:.4;transform:rotate(-10deg) scaleX(1.13)}}@media(max-width:850px){.clash-mode-grid{grid-template-columns:1fr}.clash-mode{min-height:unset}.clash-command{grid-template-columns:1fr}.clash-home,.clash-arena{padding:10px}.clash-scene{min-height:225px}.clash-buttons .btn{min-width:90px}.clash-title{align-items:flex-start;flex-direction:column}.clash-rival-ring{border-width:5px}}
@media(prefers-reduced-motion:reduce){.clash-rival-ring,.clash-energy{animation:none}}

/* v1.8: direct-input vault chamber */
.arcade-scene.tap-to-crack{cursor:crosshair;touch-action:manipulation;user-select:none;-webkit-user-select:none;outline-offset:-5px;transition:border-color .12s,box-shadow .12s}
.arcade-scene.tap-to-crack:hover,.arcade-scene.tap-to-crack:focus-visible{border-color:#edbf62;box-shadow:inset 0 0 42px #e5a93c14,0 0 20px #e5a93c34}
.arcade-scene.tap-to-crack:active{box-shadow:inset 0 0 52px #e5a93c35,0 0 28px #e5a93c55}
.arcade-tap-prompt{display:inline-flex;padding:12px 18px;min-height:45px;align-items:center;color:#ffe6a8;font-weight:900;letter-spacing:1.8px;border:1px solid #bb813c;border-radius:10px;background:#33210f99;text-shadow:0 0 10px #e5a93c66;pointer-events:none;text-align:center}

/* v1.9 Cyber Operatives: original portrait-card set and purposeful data panels */
:root{--vr-gold:#ffcf6d;--vr-blue:#12ccff;--vr-violet:#b879ff}
.art-card{border-radius:9px!important;box-shadow:0 0 10px color-mix(in srgb,var(--card) 65%,transparent),0 0 27px color-mix(in srgb,var(--card) 27%,transparent),inset 0 0 12px #ffffff0e!important;transition:filter .18s ease,box-shadow .18s ease,transform .18s ease}
.art-card:hover,.art-card.selected{transform:translateY(-6px);box-shadow:0 0 16px var(--card),0 0 40px color-mix(in srgb,var(--card) 45%,transparent)!important}
.card-image{width:100%;height:100%;object-fit:cover;object-position:center center}
.inspector{background:radial-gradient(ellipse at 50% 15%,#162342 0,#040a18 63%)!important;border:1px solid #3098cf!important;box-shadow:0 0 22px #1377b63b,inset 0 0 28px #172c4e58!important}
.inspector-art .art-card{width:min(100%,176px)!important;min-width:unset!important;margin:0 auto}
.inspector-modifiers{display:grid;gap:9px;margin:14px 0}
.inspector-modifiers .perk-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 11px;border:1px solid #21617d;border-left:3px solid #18d0ff;border-radius:7px;background:#050e20}
.inspector-modifiers .perk-row strong{font-size:13px;line-height:1.35;color:#ebf8ff;max-width:100%;text-align:left}
.inspector-modifiers .perk-row:first-child{border-left-color:#ffc466}
.inspector-modifiers .perk-row span{font-size:10px;letter-spacing:1.5px;color:#7dc8e4;font-weight:800}
.collection-hero{background:linear-gradient(95deg,#060917e6,#050b20a0 63%,#03071277),radial-gradient(ellipse at 70% 50%,#5e319850,transparent 45%),url('assets/vault_chamber.svg') center/cover!important}
.market-stage{background:radial-gradient(ellipse at 55% 75%,#12335b,#020612 72%)!important}
.market-carousel .card-row{align-items:center;padding-top:12px;padding-bottom:14px}
.featured-platform,.market-stage{overflow:hidden}
.feature-thumbs .art-card{min-width:96px}
@media(max-width:700px){.inspector-art .art-card{width:155px!important}.inspector-modifiers .perk-row strong{font-size:12px}}

/* CORLX official 256px transparent logo integration */
.corlx-brand-image{width:54px;height:54px;object-fit:contain;flex:none;filter:drop-shadow(0 0 10px #e5a93c90)}
.corlx-chip-image{width:29px;height:29px;object-fit:contain;flex:none;filter:drop-shadow(0 0 7px #e5a93c88)}
.corlx-stat-image{width:54px;height:54px;object-fit:contain;flex:none;filter:drop-shadow(0 0 9px #e5a93c66)}
.corlx-wallet-heading{display:flex;align-items:center;gap:18px}
.corlx-wallet-hero-logo{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 0 18px #e5a93c80)}
.corlx-wallet-balance-logo{display:block;width:100px;height:100px;margin:10px 0;object-fit:contain;filter:drop-shadow(0 0 10px #e5a93c77)}
@media(max-width:750px){.corlx-wallet-heading{gap:9px}.corlx-wallet-hero-logo{width:67px;height:67px}.corlx-brand-image{width:44px;height:44px}.corlx-stat-image{width:38px;height:38px}}


/* v2.1 Mobile + Telegram drawer and immediate extraction */
.arcade-mobile-extract{display:none}
@media(max-width:750px){
.sidebar{z-index:2100!important;top:env(safe-area-inset-top,0px);bottom:0;inset-inline-start:0;overflow-y:auto;overscroll-behavior:contain;max-height:100dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s!important}
.sidebar.open{visibility:visible;pointer-events:auto;transform:translateX(0)!important}
.vr-menu-backdrop{position:fixed;inset:0;background:rgba(0,2,10,.74);z-index:2050;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}
.vr-menu-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}
body.vr-menu-open{overflow:hidden}
.mobile-menu{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;touch-action:manipulation;position:relative;z-index:1}
.topbar{padding-top:env(safe-area-inset-top,0px);height:auto;min-height:57px}
.arcade-modal{padding:4px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
.arcade-wrap{padding:9px!important;max-width:100%}
.arcade-heading{gap:6px}
.arcade-heading h2{font-size:clamp(17px,5vw,21px)}
.arcade-heading p{font-size:12px;line-height:1.2}
.arcade-heading .arcade-btn{padding:8px 11px}
.arcade-stats{margin:8px 0;gap:6px}
.arcade-stat{padding:7px}
.arcade-stat b{font-size:19px}
.arcade-stage{display:flex!important;flex-direction:column;gap:8px}
.arcade-scene{min-height:0!important;padding:12px 8px 10px;overflow:visible}
.arcade-dial{width:min(57dvh,290px,82vw)!important;max-height:42dvh}
.arcade-info{font-size:11px;letter-spacing:.6px;padding-top:10px}
.arcade-loot{width:100%;gap:5px}
.arcade-treasure{height:clamp(80px,17dvh,115px);padding:4px}
.arcade-treasure span{font-size:clamp(25px,7vw,38px)}
.arcade-treasure b{font-size:clamp(10px,2.8vw,13px)}
.arcade-mobile-extract{display:block!important;width:100%;margin-top:12px;min-height:54px;flex-shrink:0;position:relative;z-index:5;touch-action:manipulation;font-size:17px;letter-spacing:1px;box-shadow:0 0 19px #e5a93c99!important}
.arcade-bottom [data-arcade-extract]{display:none!important}
.arcade-bottom{margin-top:8px}
.arcade-aside{order:2}
.arcade-actions{width:100%}
}
@media(max-width:420px) and (max-height:740px){
.arcade-dial{width:min(40dvh,72vw)!important}
.arcade-heading p{display:none}
.arcade-scene{padding:8px}
.arcade-stat{padding:5px}
}