/* V0.3 · identidad y superficies del menú. No modifica el HUD de la partida. */
body{background:radial-gradient(900px 560px at 78% -12%,#23445a55,transparent 75%),linear-gradient(145deg,#101b24,#0b1015 65%);}
.top{height:68px;padding-inline:22px;background:#101a22ed;border-bottom-color:#3d5360;box-shadow:0 12px 32px #05080c55}
.top .logo,nav button{height:68px}
.brand img{width:42px;height:42px;filter:drop-shadow(0 4px 10px #0008)}
.brand .wm small{color:#ebbd79;letter-spacing:.29em}
.brand .wm b{font-family:'Barlow Condensed',sans-serif;font-size:25px;letter-spacing:.19em}
.brand.xl img{width:92px;height:92px}
.brand.xl .wm small{font-size:15px;letter-spacing:.38em}
.brand.xl .wm b{font-size:70px;letter-spacing:.13em;line-height:.9}
nav button{padding-inline:13px;transition:color .18s,border-color .18s,background .18s}
nav button:hover{background:#ffffff09}nav button.on{border-color:var(--ac);color:#fff;background:linear-gradient(transparent,#f2a33a0e)}
.body{max-width:1480px;gap:20px;padding:20px}
.pn{background:linear-gradient(150deg,#19242dbf,#121a21);border-color:#34434e;border-radius:12px;box-shadow:0 10px 32px #03050730}
.btn{border-radius:7px;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}
.btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 16px #0005}
.hero{min-height:450px;border-radius:14px;border-color:#6f7c7f;box-shadow:0 24px 60px #0006}
.hero::after{background:linear-gradient(90deg,#0c1620f2 0%,#0c1620d7 36%,#0c162044 70%,transparent),linear-gradient(0deg,#0b1118b3,transparent 46%)}
.hero .in{padding:52px;max-width:590px;gap:20px}
.hero .eyebrow,.section-kicker{font:700 12px var(--title);letter-spacing:.26em;text-transform:uppercase;color:#f5b85e}
.hero p{font-size:18px;line-height:1.5;color:#e6e2d9;max-width:470px}
.hero .btn.big{min-width:150px}
.hero .hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.hero .hero-meta span{border:1px solid #bed0d350;background:#0e1c25b8;padding:5px 10px;border-radius:4px;color:#e3e8e6;font-size:12px;letter-spacing:.04em}
.newsc,.qm,.mode,.map,.kc,.it,.case{transition:transform .18s,border-color .18s,box-shadow .18s}
.newsc:hover,.qm:hover,.mode:hover,.map:hover,.kc:hover,.it:hover,.case:hover{transform:translateY(-2px);box-shadow:0 12px 24px #05070b70}
.qm{min-height:135px;border-color:#405362;background:linear-gradient(145deg,#1c2b36,#111920)}
.qm .tag{color:#f1bb73}
.armory{margin:2px 0 30px;padding:20px;background:linear-gradient(135deg,#20313d,#111a21 58%);border:1px solid #536772;border-radius:13px;box-shadow:0 18px 36px #03050755}
.armory-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:15px}.armory-heading h2{font-size:32px;margin:2px 0}.armory-heading>small{white-space:nowrap}
.armory-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px}
.armory-tabs button{flex:0 0 auto;background:#16232d;border:1px solid #485c69;border-radius:6px;padding:7px 12px;font:600 13px var(--title);color:#bdcbd2}
.armory-tabs button.on{background:#e6a44b;color:#131d24;border-color:#f4c078}
.armory-layout{display:grid;grid-template-columns:minmax(220px,32%) minmax(0,1fr);gap:14px}
.armory-list{max-height:410px;overflow:auto;border:1px solid #344b59;border-radius:8px;background:#0c151c}
.armory-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:none;border:0;border-bottom:1px solid #ffffff18;text-align:left}
.armory-list button:hover,.armory-list button.on{background:#28506a78}.armory-list button.on{box-shadow:inset 3px 0 var(--ac)}
.armory-list b{display:block;font:600 16px var(--title)}.armory-list small{display:block;font-size:11px}.armory-list strong{font:700 16px var(--num);color:#f0c684;white-space:nowrap}
.armory-detail{border:1px solid #526773;border-radius:8px;padding:14px;background:radial-gradient(ellipse at 60% 40%,#58728636,transparent 70%),#15242d;overflow:hidden}
.armory-visual{min-height:235px;display:grid;place-items:center;background:linear-gradient(transparent 88%,#9fb7bd23 89%,transparent 90%);border-bottom:1px solid #ffffff25}
.armory-visual img{width:100%;height:220px;object-fit:contain;filter:drop-shadow(0 18px 12px #000c)}
.armory-compare{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-height:235px;padding:12px 0;border-bottom:1px solid #ffffff25}.armory-compare>div{display:grid;grid-template-rows:auto 1fr;min-width:0;position:relative;background:#08121988;border:1px solid #ffffff19;border-radius:7px;padding:7px}.armory-compare small{color:#e5bb77;font:700 11px var(--title);letter-spacing:.08em}.armory-compare img{width:100%;height:188px;object-fit:contain;filter:drop-shadow(0 13px 12px #000b)}.armory-compare p{position:absolute;top:40%;left:10%;right:10%;text-align:center;color:#aebbc1;font-size:12px}
.armory-stats{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:5px;padding-top:11px}.armory-stats h2{margin:0}.armory-stats>span{color:#eac088;font:600 12px var(--title);text-transform:uppercase}
.armory-stats dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0 0}.armory-stats dl div{background:#09141bd1;border:1px solid #ffffff19;border-radius:5px;padding:7px 9px}.armory-stats dt{color:#9eb1ba;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.armory-stats dd{margin:2px 0 0;font:700 18px var(--num);color:#e9f0ed}
.knives{gap:12px}.kc{min-height:180px;background:linear-gradient(#202e38,#121a20);border-color:#3d4d57}
.kc img{align-self:center;max-width:100%;height:96px;object-fit:contain;filter:drop-shadow(0 12px 10px #0009)}
.inv{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px}
.items{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}
.it{min-height:122px;background:linear-gradient(#24313a,#141d24);border-color:#43515a;border-bottom-width:4px;overflow:hidden}
.it svg{height:62px;filter:drop-shadow(0 8px 6px #0008)}
.it b{display:block;margin-top:4px}.it small{color:#b8c1c8}
.bigart{position:relative;display:grid;place-items:center;min-height:190px;margin:-16px -16px 16px;padding:18px;background:radial-gradient(ellipse at 50% 78%,#5d748445,transparent 60%),linear-gradient(150deg,#273744,#111922);border-radius:11px 11px 0 0;overflow:hidden}
.bigart::before{content:'INSPECCIÓN  /  ARMAMENTO';position:absolute;left:16px;top:12px;color:#b9c9d0;font:600 11px var(--title);letter-spacing:.18em}
.bigart img{width:100%;height:165px;object-fit:contain;filter:drop-shadow(0 15px 11px #000b)}
.case{background:linear-gradient(155deg,#22303a,#111a20);border-color:#40515b}
.cimg{height:190px;background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--cc) 22%,transparent),transparent 66%),linear-gradient(#26343f,#0f171d)}
.cimg::before{content:'';position:absolute;inset:12px;border:1px solid #ffffff20;border-radius:5px;pointer-events:none}
.cimg::after{content:'OPERACIÓN DUNAS  /  SUMINISTROS';position:absolute;top:19px;left:21px;font:600 10px var(--title);letter-spacing:.16em;color:#d4dfe0a8}
.cimg img{height:155px;max-width:92%;object-fit:contain;filter:drop-shadow(0 16px 10px #0009)}
.cimg b{left:22px;bottom:15px;font-size:22px;letter-spacing:.03em}
.case .pad{padding:18px}.case .odds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #ffffff1e;padding-top:12px;gap:4px 8px}
.case .odds span{font-size:12px;white-space:nowrap}.cskins i{width:27px;height:27px}
.case-intro{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:16px}
.case-intro small{display:block;max-width:620px}
.mb.roll{background:linear-gradient(150deg,#20303b,#111a21 70%);border:1px solid #5e737b;border-top:3px solid var(--ac);box-shadow:0 30px 80px #020508dd;border-radius:12px}
.mb.roll h2{font-size:30px}.mb.roll .c3dwrap{height:min(360px,44vh);border:1px solid #405561;border-radius:10px;background:radial-gradient(ellipse at 50% 70%,#385060,#0b141b 72%)}
.mb.roll .cbtns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.set{grid-template-columns:205px minmax(0,1fr);gap:16px}
.set>.pn.pad{padding:22px}.side{align-self:start;position:sticky;top:84px;padding:8px}
.side button{padding:13px;border-radius:7px;margin-bottom:3px}.side button.on{border-left-color:var(--ac);background:#bd793126}
.seth{border-bottom:1px solid #ffffff20;padding-bottom:14px;margin-bottom:18px}
.scard{background:#101920;border:1px solid #344550;border-radius:9px;padding:10px 17px 14px;margin-bottom:14px}
.scard h4{font-size:13px;color:#f1c182;margin-bottom:7px}
.scard .row{min-height:51px}.scard .row:hover{background:#ffffff06}
.settings-preview{position:relative;overflow:hidden;border:1px solid #5b6f78;border-radius:10px;background:#0d1720;margin-bottom:18px}
.settings-preview .pv-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 13px;background:#0d1822e8;border-bottom:1px solid #ffffff28;color:#dfe9eb;font:600 11px var(--title);letter-spacing:.13em;text-transform:uppercase}
.settings-preview .pv-head small{font:400 11px Barlow;color:#a8b8c0;text-transform:none;letter-spacing:0}
.pv-scene{height:205px;position:relative;overflow:hidden;background:#8eacbb url('../img/news/v0.2-hud-a-despues.jpg') center/cover}
.settings-preview[data-preview="Juego"] .pv-scene{background-size:155% auto;background-position:center 55%}
.pv-scene::before{content:'';position:absolute;inset:0;background:#0b132034;pointer-events:none}
.pv-scene::after{content:'VISTA ORIENTATIVA · PARTIDA';position:absolute;right:11px;bottom:10px;padding:3px 7px;background:#081018b9;color:#d2e2e6;font:600 10px var(--title);letter-spacing:.13em}
.pv-image{position:absolute;inset:0;background:url('../img/news/v0.2-hud-a-despues.jpg') center/cover;filter:brightness(var(--pv-br,1)) blur(var(--pv-blur,0px));transform:scale(var(--pv-fov,1));transition:filter .18s,transform .18s}
.pv-radar{position:absolute;left:14px;top:14px;width:calc(65px * var(--pv-radar,1));aspect-ratio:1;border:2px solid #c7d7dc9c;border-radius:7px;background:linear-gradient(45deg,#33444c 25%,#435961 25% 50%,#33444c 50% 75%,#435961 75%);box-shadow:0 6px 16px #0008}
.pv-radar::before{content:'A';position:absolute;left:20%;top:15%;color:#ffce68}.pv-radar::after{content:'◆';position:absolute;right:20%;bottom:18%;color:#74bbef}
.pv-hud{position:absolute;bottom:14px;left:14px;display:flex;align-items:baseline;gap:8px;padding:4px 10px;background:#081018d9;border-left:3px solid var(--ac);color:#f5f8f8;transform:scale(var(--pv-ui,1));transform-origin:bottom left;font:700 22px var(--num)}
.pv-hud small{font:600 11px var(--title);color:#b7cad2}
.pv-fps{position:absolute;right:13px;top:13px;padding:3px 7px;background:#0b151be6;color:#9ee0ac;font:600 12px var(--num)}
.pv-mouse{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;color:#b8cbd1}
.pv-mouse b{color:#f1be7a}.pv-keyboard{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:14px}
.pv-keyboard kbd{min-width:48px;text-align:center;color:#eff6f5;border-color:#607480}
.pv-keyboard span{font-size:12px;color:#b8c8d0;align-self:center;margin-right:12px}
@media(max-width:850px){.inv{grid-template-columns:1fr}.set{grid-template-columns:1fr}.side{position:static;display:flex;overflow-x:auto}.side button{flex:0 0 150px}.brand.xl .wm b{font-size:54px}.hero .in{padding:32px}}
@media(max-width:720px){.armory-layout{grid-template-columns:1fr}.armory-list{max-height:210px}.armory-stats dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.top{padding-inline:10px}.body{padding:10px}.hero .in{padding:24px}.brand.xl img{width:62px;height:62px}.brand.xl .wm b{font-size:39px}.hero p{font-size:15px}.cimg{height:155px}.cimg img{height:125px}}
body.rm .newsc:hover,body.rm .qm:hover,body.rm .mode:hover,body.rm .map:hover,body.rm .kc:hover,body.rm .it:hover,body.rm .case:hover,body.rm .btn:hover{transform:none}

/* Alpha 0.3.2 — refinamiento de paneles y tarjetas */
.case,.mode,.qm,.map,.newsc,.pn{transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease}
.case:hover,.mode:hover,.qm:hover,.map:hover{border-color:#c58d48;box-shadow:0 12px 30px #0005,inset 0 1px #ffffff10}
.shoph{align-items:center;gap:18px}
.shoph h2{font-size:clamp(23px,2.4vw,32px);letter-spacing:.015em}
.shoph small{line-height:1.6}
@media(prefers-reduced-motion:reduce){.case,.mode,.qm,.map,.newsc,.pn{transition:none!important}}

/* Alpha 0.3.2 — mapas, arsenal por bando y apertura inmersiva */
.armory-sides{display:flex;gap:8px;margin:10px 0 8px}
.armory-sides button{flex:1;border:1px solid #394850;background:#172127;color:#c1cbd0;border-radius:8px;padding:11px 14px;font-weight:700;letter-spacing:.04em;cursor:pointer}
.armory-sides button.on{border-color:#d6a052;background:linear-gradient(120deg,#4a3520,#242a2b);color:#ffd28b;box-shadow:inset 0 0 0 1px #d6a05255}
.map{position:relative;overflow:hidden;min-height:142px;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:5px;padding:14px}
.map.img:before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,#10171df2 0%,#10171d80 55%,#10171d20 100%),var(--img);background-size:cover;background-position:center;opacity:.95;transition:transform .35s ease}
.map.img:hover:before{transform:scale(1.06)}
.map>*{position:relative;z-index:1}.map .map-mark{font:700 13px 'Chakra Petch',sans-serif;letter-spacing:.12em;border:1px solid #d5a45d;color:#ffd38b;background:#171c20c9;padding:4px 7px;border-radius:4px}
.map b{font:700 20px 'Chakra Petch',sans-serif;text-shadow:0 2px 10px #000}
#modal.show{position:fixed;inset:0;z-index:10000;background:rgba(5,9,12,.97);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,36px);overflow:auto}
#modal.show .mb.roll{width:min(1100px,100%);max-height:94vh;overflow:auto;border:1px solid #53616a;background:radial-gradient(ellipse at 50% 0%,#26353c 0%,#12191e 65%);box-shadow:0 30px 100px #000b;border-radius:18px;padding:clamp(18px,3vw,32px)}
#modal.show .c3dwrap{min-height:260px;height:min(42vh,440px)}
@media(max-width:650px){.armory-sides{flex-direction:column}.map{min-height:110px}}

/* Alpha 0.3.2 — comunidad, progresión y colección */
.leader-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin:10px 0 24px}
.podium-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:20px 12px 16px;border:1px solid #35434b;border-radius:14px;background:linear-gradient(155deg,#1b2930,#11181d 75%);min-width:0;overflow:hidden}
.podium-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#687780}
.podium-card.place-1{min-height:242px;border-color:#c58d48;background:linear-gradient(155deg,#3a3022,#171d20 72%);transform:translateY(-9px)}
.podium-card.place-1:before{background:linear-gradient(90deg,#8a5b23,#ffd37a,#8a5b23)}
.podium-card.place-2:before{background:#aab7c0}.podium-card.place-3:before{background:#b77d56}
.podal{font:700 12px 'Chakra Petch',sans-serif;letter-spacing:.18em;color:#b7c2c8}
.pod-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font:700 25px 'Chakra Petch',sans-serif;background:radial-gradient(circle at 30% 20%,#42515a,#192127 72%);border:1px solid #64747d}
.place-1 .pod-avatar{width:66px;height:66px;border-color:#d9a451;color:#ffd37a}
.podium-card strong{font:700 24px 'Chakra Petch',sans-serif;color:#ffc46b}
.podium-card small{color:#aab7c0;line-height:1.4;min-height:30px}
.live-dot{display:inline-block;width:7px;height:7px;background:#6ed6a0;border-radius:50%;margin-right:5px}
.leaderboard-table{overflow-x:auto}.leaderboard-table table{min-width:650px;width:100%}
.profile-xp{display:flex;align-items:center;gap:20px;margin-top:14px}.profile-xp>div:first-child{min-width:210px}.xpbar{flex:1}
.stat-grid .st{border-radius:12px;background:linear-gradient(145deg,#202c32,#141b20);border:1px solid #34424a;padding:16px}
.stat-grid .st b{font-size:clamp(22px,2vw,30px);font-family:'Chakra Petch',sans-serif;color:#f2bd70}
.medal-grid span{width:64px;height:72px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #39464d;border-radius:12px;background:linear-gradient(150deg,#28363d,#151d21);font-size:26px;color:#f4c46f;box-shadow:inset 0 1px #ffffff0d}
.medal-grid span.off{filter:grayscale(1);opacity:.32;box-shadow:none}
.fav-weapon{display:flex;align-items:center;gap:18px}.fav-weapon-art{width:180px;max-width:40%;height:100px;display:grid;place-items:center;background:radial-gradient(ellipse,#293b43,#131a1f 70%);border-radius:10px;overflow:hidden}.fav-weapon-art img{max-width:100%;max-height:100%;object-fit:contain}
.account-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.account-card>div{min-width:0;flex:1}.account-card h3{margin-top:0}.account-card .btn{flex:0 0 auto}
.best-match{display:grid;grid-template-columns:minmax(190px,.7fr) 1.3fr;gap:22px;padding:20px;border:1px solid #41515b;background:radial-gradient(circle at 10% 20%,#33414a,#131b20 55%);overflow:hidden}.best-match h2{margin:5px 0}.best-match dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.best-match dl div{padding:10px;border:1px solid #ffffff12;border-radius:7px;background:#09101599}.best-match dt{font-size:9px;color:#8fa0aa;text-transform:uppercase;letter-spacing:.1em}.best-match dd{margin:3px 0 0;font:700 21px var(--title);color:#f2c579}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.achievement{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #394750;border-radius:9px;background:linear-gradient(145deg,#202b32,#11181d)}.achievement>span{flex:0 0 42px;height:42px;display:grid;place-items:center;border:1px solid #6c5a39;border-radius:50%;background:#241f17;color:#f2c576;font:700 18px var(--title)}.achievement>div{min-width:0;flex:1}.achievement b,.achievement small{display:block}.achievement small{color:#91a0a8;margin-top:3px}.achievement i{display:block;height:3px;margin-top:7px;background:#ffffff13;overflow:hidden}.achievement i u{display:block;height:100%;background:#d9a855}.achievement.locked{opacity:.62}.achievement.unlocked{border-color:#876a3d;box-shadow:inset 0 0 18px #d7a64c0b}.side-social{border-top:1px solid var(--ln)}.side-social summary{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;cursor:pointer;list-style:none;font:600 12px var(--title);letter-spacing:.06em;text-transform:uppercase}.side-social summary::-webkit-details-marker{display:none}.side-social summary small{color:#82949e;font:500 10px Barlow;text-transform:none;letter-spacing:0}.side-social[open] summary{background:#ffffff05}.side-social-list{padding:4px 10px 12px}.side-social-list .fr{border-radius:6px}.side-social-list .fr span small{display:block;margin-top:2px}.side-social-all{width:100%;margin-top:8px;font-size:10px;padding:8px}.lb-h.compact{padding-top:12px}
@media(max-width:700px){.leader-podium{gap:6px}.podium-card{padding:14px 6px}.podium-card.place-1{transform:none}.podium-card strong{font-size:18px}.podium-card .btn{font-size:11px;padding:7px}.profile-xp{align-items:stretch;flex-direction:column;gap:8px}.best-match{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr}.account-card{align-items:stretch;flex-direction:column}.account-card .btn{width:100%}}

/* Progression notifications stay out of the crosshair and the main HUD */
body:has(#game:not([hidden])) #toast{left:auto;right:24px;top:92px;bottom:auto;transform:none;max-width:min(360px,calc(100vw - 32px));font-size:12px;letter-spacing:.04em;border-left-width:3px;background:rgba(12,19,24,.94);box-shadow:0 10px 34px #0008;pointer-events:none;z-index:12000}
body:has(#game:not([hidden])) #toast.show{animation:odToastIn .28s ease-out}
@keyframes odToastIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:650px){body:has(#game:not([hidden])) #toast{top:76px;right:10px;max-width:calc(100vw - 20px)}}

.armory-skins{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff20}
.armory-skin{min-width:0;border:1px solid var(--rc,#485660);border-bottom:3px solid var(--rc,#485660);border-radius:7px;background:linear-gradient(145deg,#24333b,#10171c);padding:8px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.armory-skin svg{width:100%;height:54px;filter:drop-shadow(0 7px 5px #0008)}
.armory-skin b{font-size:12px;line-height:1.25}.armory-skin small{font-size:10px;color:var(--rc,#c5cdd1)}
.armory-skin{color:#e6ebeb;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.armory-skin:hover,.armory-skin:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 2px #e3c38255}.armory-skin.selected{border-color:#e6c077;box-shadow:0 0 0 2px #e6c07777,0 0 18px #e6c07733}.armory-skin-detail{display:grid;gap:7px;margin-top:10px;padding:11px;border:1px solid #a9874c;border-radius:7px;background:linear-gradient(110deg,#2b2c28,#16222a)}.armory-skin-detail b{font-size:13px}.armory-skin-detail small{color:#bac5c9;font-size:11px}.armory-skin-detail .btn{justify-self:start}

/* Weapon preview reveal when switching the selected item */
.armory-visual img,.armory-compare img{animation:armoryReveal .42s cubic-bezier(.2,.75,.25,1) both}
@keyframes armoryReveal{from{opacity:0;transform:translateY(12px) scale(.96);filter:blur(3px) drop-shadow(0 18px 12px #000c)}to{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 18px 12px #000c)}}


/* Alpha 0.3.3 — Arsenal de una sola arma con visor 3D interactivo */
.armory-showcase{padding:clamp(14px,2vw,26px);background:radial-gradient(ellipse at 37% 46%,#263d4a 0,#111a20 48%,#0a1015 100%);border-color:#40525e}
.armory-showcase .armory-heading{align-items:center;margin-bottom:18px}
.armory-showcase .armory-heading h2{font-size:clamp(30px,4vw,42px);letter-spacing:.04em}
.armory-showcase .armory-sides{max-width:600px;margin:12px 0 22px}
.armory-showcase-grid{display:grid;grid-template-columns:44px minmax(0,1fr) 44px minmax(250px,30%);gap:12px;align-items:stretch}
.armory-stage{grid-column:2;grid-row:1;position:relative;min-width:0;min-height:430px;border:1px solid #3d505c;border-radius:12px;background:radial-gradient(ellipse at 50% 52%,#344b5a 0,#17242c 44%,#0b1116 80%);overflow:hidden}
.armory-stage-top{position:absolute;top:13px;left:16px;right:16px;display:flex;justify-content:space-between;color:#9db2be;font:600 11px var(--title);letter-spacing:.13em;z-index:2}
.armory-stage-top i{font-style:normal;color:var(--ac)}
.armory-turntable{position:absolute;inset:38px 0 25px;display:grid;place-items:center}
.armory-viewer{position:absolute;inset:0;z-index:1;touch-action:pan-y;cursor:grab}
.armory-viewer:active{cursor:grabbing}
.armory-viewer canvas{width:100%;height:100%;display:block}
.armory-orbit{position:absolute;left:12%;right:12%;bottom:9%;height:15%;border:1px solid #e7a94b66;border-radius:50%;box-shadow:0 0 24px #e7a94b20,inset 0 0 24px #e7a94b12;transform:perspective(280px) rotateX(67deg);pointer-events:none}
.armory-stage-hint{position:absolute;bottom:12px;left:16px;right:16px;display:flex;justify-content:space-between;gap:8px;color:#93a6b0;font-size:11px;z-index:2;pointer-events:none}
.armory-arrow{grid-row:1;align-self:center;z-index:3;width:44px;height:64px;border:1px solid #435866;border-radius:9px;background:#111a20e8;color:#e6b25e;font-size:42px;line-height:1;transition:transform .16s,border-color .16s}
.armory-arrow:hover{transform:scale(1.06);border-color:var(--ac);background:#293b45}
.armory-arrow:first-child{grid-column:1}
.armory-arrow:nth-of-type(2){grid-column:3;grid-row:1}
.armory-info{grid-column:4;grid-row:1;z-index:2;min-width:0;border:1px solid #425763;border-radius:11px;background:linear-gradient(160deg,#17252d,#0b1217);padding:18px;box-shadow:0 18px 38px #0005}
.armory-info h2{font-size:28px;margin:6px 0 2px}
.armory-side-label{color:#e8b666;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.armory-quip{border-left:2px solid var(--ac);padding:9px 0 9px 12px;margin:17px 0;color:#c4cdd1;font-style:italic;background:linear-gradient(90deg,#f2a33a0d,transparent)}
.armory-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.armory-stats-grid>div{background:#0a1218;border:1px solid #283a45;border-radius:7px;padding:10px}
.armory-stats-grid dt{font-size:10px;color:#91a5b0;text-transform:uppercase;letter-spacing:.07em}
.armory-stats-grid dd{margin:3px 0 0;font:700 19px var(--title);color:#f0c47d}
.armory-stats-grid dd small{font:500 10px Barlow;color:#9aabb3}
.armory-stats-grid .armory-price{font-size:22px;color:#ffc66a}
.armory-help{font-size:12px;line-height:1.5;color:#a9b8bf;padding:10px 11px;background:#ffffff06;border-radius:7px}
.armory-help b{color:#e8c27f;text-transform:uppercase;font:600 11px var(--title);letter-spacing:.07em}
.armory-shop-link,.armory-skin-toggle{width:100%;margin-top:8px;padding:9px 10px;font-size:12px}
.armory-skins{grid-template-columns:repeat(2,minmax(0,1fr));max-height:200px;overflow:auto}
.armory-bottom-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #ffffff18;margin-top:17px;padding-top:13px;color:#a4b3bb;font-size:11px}
.armory-bottom-note>b{color:#e7b45e;font:700 11px var(--title);letter-spacing:.1em}
.armory-bottom-note>span{flex:1}
.armory-bottom-note>small{width:100%;font-style:italic}
@media(max-width:1080px){
 .armory-showcase-grid{grid-template-columns:38px minmax(0,1fr) 38px}
 .armory-stage{grid-column:2;grid-row:1;min-height:380px}
 .armory-info{grid-column:1/-1;grid-row:2}
 .armory-arrow:first-child{grid-column:1;grid-row:1}
 .armory-arrow:nth-of-type(2){grid-column:3;grid-row:1}
}
@media(max-width:560px){
 .armory-showcase{padding:12px}.armory-stage{min-height:310px}.armory-stage-hint{font-size:9px}
 .armory-info{padding:13px}.armory-showcase .armory-sides{flex-direction:row}
 .armory-showcase .armory-sides button{padding:10px 6px;font-size:12px}
}

/* Alpha 0.3.3 · identidad refinada */
.brand img{filter:drop-shadow(0 2px 5px #0009)}
.brand .wm small{color:#a9bac5;letter-spacing:.24em}
.brand .wm b{letter-spacing:.16em;text-shadow:0 2px 12px #0008}
.coin{filter:drop-shadow(0 1px 3px #0008)}
#coins{border-color:#69562f;background:linear-gradient(145deg,#25241f,#15191c);color:#f0d69a}
#coins .coin{width:22px;height:22px;vertical-align:middle}
#hMedal .md{background:linear-gradient(115deg,#17232cf2,#0d1218f5);border:1px solid #60717d;border-radius:5px;box-shadow:0 10px 32px #0009,inset 0 1px #ffffff18;backdrop-filter:blur(8px)}
#hMedal .md .mi{background:linear-gradient(145deg,#d5b777,#72572b);color:#101820;border:1px solid #f4dfaa;border-radius:50%;box-shadow:0 0 0 3px #d5b77718}
#hMedal .md.l2 .mi,#hMedal .md.l3 .mi{background:linear-gradient(145deg,#a8c4d4,#506a7b);border-color:#d7e8f0}
#hMedal .md.l4 .mi,#hMedal .md.l5 .mi{background:linear-gradient(145deg,#d46a58,#722c2c);border-color:#f1a094;color:#fff}
#hMedal .md b{font-family:var(--title);letter-spacing:.12em;font-weight:700}
#hMedal .md small i{border-color:#657581;color:#c7d3db;background:#0a1015}
.medal-grid span{border-radius:5px;background:linear-gradient(145deg,#202b33,#10171d);border-color:#45545e;color:#c7d4dc}
#avatar,.pod-avatar,.av.profile-avatar{border:1px solid #728492;background:radial-gradient(circle at 30% 20%,#3a4a56,#111920 72%);color:#e5d2a6;box-shadow:inset 0 1px #ffffff18}
.profile-icon-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:12px 0 20px}
.profile-icon-option{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #394a56;border-radius:6px;background:linear-gradient(145deg,#1b2730,#10161b);color:#aebdc6;cursor:pointer}
.profile-icon-option .glyph{font-size:27px;line-height:1;color:#d4c39d;text-shadow:0 2px 8px #000}
.profile-icon-option small{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.profile-icon-option.on{border-color:#d0ae69;background:linear-gradient(145deg,#2c2b25,#13191e);box-shadow:inset 0 0 0 1px #d0ae6930}
.profile-icon-option:hover{border-color:#8ba4b4;transform:translateY(-1px)}
@media(max-width:580px){.profile-icon-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.profile-icon-option{min-height:64px}.profile-icon-option .glyph{font-size:23px}}

/* Alpha 0.3.4 · recursos de identidad independientes */
.profile-avatar img,#avatar img{width:100%;height:100%;object-fit:contain;padding:5px;display:block}
.profile-icon-option .glyph{width:42px;height:42px;display:grid;place-items:center}
.profile-icon-option .glyph img{width:100%;height:100%;object-fit:contain;display:block}
#hMedal .md .mi{width:46px;height:46px;display:grid;place-items:center;padding:5px}
#hMedal .md .mi img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #0006)}

/* Alpha 0.3.8 · medallas HUD limpias, sin tarjetas opacas sobre la acción */
#hMedal .md{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0}
#hMedal .md .mi,#hMedal .md.l2 .mi,#hMedal .md.l3 .mi,#hMedal .md.l4 .mi,#hMedal .md.l5 .mi{background:none;border:0;box-shadow:none;padding:0}
#hMedal .md .mi img{filter:drop-shadow(0 2px 3px #000) drop-shadow(0 0 8px var(--mc,#f2a33a))}
#hMedal .md small i{background:none;border:0;padding:0 5px;text-shadow:0 2px 4px #000,0 0 7px var(--mc,#f2a33a)}