:root{--ink:#221f18;--muted:#6e6556;--paper:#d8cfb8;--paper2:#eee4ca;--paper3:#bdb39b;--red:#8c312a;--red2:#b24136;--dark:#111310;--olive:#5d5b45;--line:rgba(45,42,34,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:#eee6d2;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;inset:0;pointer-events:none;z-index:45;box-shadow:inset 0 0 170px rgba(0,0,0,.78)}
.topbar{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 4vw;background:linear-gradient(rgba(11,12,10,.92),rgba(11,12,10,.66),transparent);transition:.3s}.topbar.scrolled{background:rgba(14,15,12,.94);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px;color:#efe6d2;text-decoration:none;min-width:190px}.brand-mark{width:45px;height:45px;border:2px solid #c0b79e;display:grid;place-items:center;font-family:'Archivo Black';font-size:27px;transform:rotate(-3deg);color:#c8bda4}.brand strong{display:block;font-size:15px;letter-spacing:1.8px}.brand small{display:block;margin-top:2px;font:10px 'Special Elite';letter-spacing:1px;color:#a69b85}.main-nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.main-nav a{color:#cfc6b0;text-decoration:none;font:11px 'Special Elite';letter-spacing:1.5px;padding:8px 0;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{color:#fff0d2;border-color:var(--red2)}.live-status{display:flex;align-items:center;gap:8px;color:#c9c0aa;font:10px 'Special Elite';letter-spacing:1px;min-width:120px;justify-content:flex-end}.live-status i{width:7px;height:7px;border-radius:50%;background:#7f312b;box-shadow:0 0 10px rgba(178,65,54,.5)}
.tab-panel{display:none}.tab-panel.active{display:block} .home-hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#0d0e0c}.home-hero:before{content:"";position:absolute;inset:-7%;background-image:url('assets/ProyectoC_paraweb.png');background-position:center center;background-size:cover;background-repeat:no-repeat;filter:blur(28px) brightness(.34) saturate(.58);transform:scale(1.08)}.hero-image{position:absolute;inset:0;background-image:url('assets/ProyectoC_paraweb.png');background-position:center top;background-size:auto 100%;background-repeat:no-repeat;transform:none;filter:saturate(.82) contrast(1.06) brightness(.94);z-index:1}.hero-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(7,8,6,.82) 0%,rgba(8,8,7,.48) 24%,rgba(8,8,7,.06) 53%,rgba(8,8,7,.18) 100%),linear-gradient(180deg,rgba(5,6,5,.26) 0%,rgba(5,6,5,.02) 42%,rgba(5,6,5,.72) 100%)}.hero-shade:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 0 35%,rgba(0,0,0,.28) 80%),radial-gradient(circle at 72% 38%,rgba(255,160,70,.06),transparent 22%)}.hero-smoke{position:absolute;border-radius:50%;filter:blur(55px);background:rgba(50,51,47,.24);mix-blend-mode:screen;z-index:3}.smoke-one{width:35vw;height:18vw;left:18%;top:14%}.smoke-two{width:28vw;height:15vw;right:3%;top:34%}.hero-content{position:relative;z-index:6;width:min(560px,44vw);margin-left:6vw;margin-bottom:8vh;padding-top:110px}.case-stamp{display:inline-block;border:2px solid #a53a31;color:#d76a5d;font:11px 'Special Elite';letter-spacing:2px;padding:7px 10px;transform:rotate(-2deg);margin-bottom:16px}.eyebrow{margin:0 0 12px;color:#e0d5bd;font:14px 'Special Elite';letter-spacing:2.2px;line-height:1.45;max-width:560px;text-shadow:0 2px 10px rgba(0,0,0,.55)}.hero-content h1{margin:0;font:clamp(52px,6.5vw,94px)/.86 'Archivo Black';letter-spacing:-3px;text-shadow:4px 5px 0 rgba(0,0,0,.38)}.hero-content h1 span{color:#b7463b}.hero-copy{font:27px/1.4 'Special Elite';color:#f0e6ce;max-width:620px;margin:20px 0 24px;text-shadow:0 3px 16px rgba(0,0,0,.65)}.countdown-card{width:min(720px,100%);background:rgba(231,223,201,.96);color:var(--ink);padding:22px 26px;box-shadow:9px 10px 0 rgba(0,0,0,.18),0 18px 44px rgba(0,0,0,.22);transform:rotate(-.7deg);position:relative}.countdown-card:before{content:"";position:absolute;inset:7px;border:1px solid var(--line)}.countdown-header{position:relative;display:flex;justify-content:space-between;gap:20px;font:13px 'Special Elite';letter-spacing:1.2px;color:#6a6254;margin-bottom:17px}.countdown-header b{font-weight:400;text-align:right}.countdown{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:8px}.countdown div{display:flex;flex-direction:column;align-items:center;min-width:105px}.countdown strong{font:56px/1 'Archivo Black'}.countdown span{margin-top:7px;font:12px 'Special Elite';color:#6d6556}.countdown em{font-style:normal;font:42px 'Archivo Black';color:var(--red);padding-bottom:13px}.home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.live-hero-panel{position:absolute;z-index:6;right:4.5vw;top:50%;transform:translateY(-42%);width:min(658px,48.6vw);background:rgba(12,13,11,.82);border:1px solid rgba(224,214,192,.22);box-shadow:0 22px 50px rgba(0,0,0,.48),8px 9px 0 rgba(0,0,0,.12);backdrop-filter:blur(4px);padding:14px}.live-hero-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 9px;font:13px 'Special Elite';letter-spacing:1.5px;color:#ded5bf}.live-hero-head span{display:flex;align-items:center;gap:7px}.live-hero-head i{width:7px;height:7px;border-radius:50%;background:#c04439;box-shadow:0 0 11px rgba(192,68,57,.65)}.mini-random{border:1px solid rgba(224,214,192,.18);background:rgba(0,0,0,.18);color:#bdb39d;padding:5px 7px;font:8px 'Special Elite';cursor:pointer}.mini-random:hover{border-color:#9e3b32;color:#eee3cc}.live-screen{aspect-ratio:16/9;background:#080908;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(224,214,192,.12)}.live-screen iframe{width:100%;height:100%;border:0;display:block}.live-placeholder{font:11px 'Special Elite';color:#6f685a;letter-spacing:1.2px}.live-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px 2px}.live-meta small{display:block;font:10px 'Special Elite';letter-spacing:1px;color:#716b5e}.live-meta strong{display:block;font:23px 'Archivo Black';margin-top:3px;color:#e7dec8}.live-open{font:11px 'Special Elite';color:#d7cbb4;text-decoration:none;border:1px solid rgba(224,214,192,.18);padding:7px 8px;white-space:nowrap}.live-open:hover{border-color:#9e3b32;color:#fff0d2}.hero-footer{position:absolute;z-index:6;left:6vw;right:6vw;bottom:18px;display:flex;justify-content:space-between;font:8px 'Special Elite';letter-spacing:1.5px;color:#b3a88f}
.home-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#080908;border-top:1px solid rgba(255,255,255,.05)}.home-strip>div{background:#151612;padding:20px 4vw}.home-strip small{display:block;color:#776f60;font:9px 'Special Elite';letter-spacing:1.3px;margin-bottom:6px}.home-strip strong{font:22px 'Archivo Black';color:#e0d5bc}.signal{letter-spacing:1px;color:#8d312b!important}
.page-section{min-height:100vh;background:#171814;padding:120px 7vw 80px}.paper-section{background:var(--paper);color:var(--ink)}.section-heading{max-width:1250px;margin:0 auto 45px;display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.section-heading h2{font:clamp(47px,6vw,88px)/.92 'Archivo Black';letter-spacing:-3px;margin:8px 0 14px}.section-heading p{margin:0;max-width:700px;font:17px/1.6 'Special Elite';color:#aa9f8a}.dark .section-heading p{color:#655d50}.folder-label{font:10px 'Special Elite';letter-spacing:2px;color:#a13a31}.section-count{font:62px/1 'Archivo Black';text-align:right;color:#d7cdb6}.section-count span{display:block;margin-top:6px;font:10px 'Special Elite';letter-spacing:1px;color:#776d5b}.red-tag{border:2px solid var(--red);color:var(--red);font:11px 'Special Elite';padding:7px 10px;transform:rotate(-2deg)}
.player-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.player-card{background:#24261f;border:1px solid rgba(226,216,194,.08);position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.player-card:hover{transform:translateY(-5px);border-color:#8e382f}.player-photo{height:260px;background:linear-gradient(135deg,#3f4036,#151713);position:relative;overflow:hidden}.player-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72))}..player-initial{position:absolute;inset:0;display:grid;place-items:center;font:90px 'Archivo Black';color:rgba(221,214,193,.16)}.player-status{position:absolute;z-index:2;top:12px;left:12px;background:#151713;color:#d0c6af;padding:6px 7px;font:9px 'Special Elite';letter-spacing:1px}.player-status.alive{border-left:3px solid #747f53}.player-status.missing{border-left:3px solid #b38255}.player-info{padding:17px}.player-info small{font:9px 'Special Elite';letter-spacing:1px;color:#837967}.player-info h3{font:24px 'Archivo Black';margin:7px 0 5px}.player-info p{margin:0;color:#aaa18e;font-size:12px}.player-tags{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.tag{font:9px 'Special Elite';padding:5px 7px;border:1px solid rgba(224,214,192,.18);color:#bcb19b}
.lore-layout{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:1fr 330px;gap:60px}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#8c312a}.lore-item{position:relative;padding:0 0 38px 32px}.lore-item:before{content:"";position:absolute;left:-1px;top:2px;width:15px;height:15px;border-radius:50%;background:#8c312a;border:3px solid var(--paper)}.lore-item small{font:10px 'Special Elite';letter-spacing:1px;color:#8b2f29}.lore-item h3{font:30px 'Archivo Black';margin:8px 0}.lore-item p{font:17px/1.65 'Special Elite';color:#5e5649;max-width:750px}.lore-item .locked{display:inline-block;border:1px dashed #8b2f29;padding:7px 10px;font:10px 'Special Elite';color:#8b2f29}.classified{background:#c3b8a0;padding:25px;transform:rotate(2deg);height:max-content;box-shadow:7px 9px 0 rgba(70,64,51,.25);position:sticky;top:100px}.classified-stamp{display:inline-block;color:#8a302a;border:2px solid #8a302a;padding:7px 9px;font:11px 'Special Elite';transform:rotate(-4deg)}.classified h3{font:26px 'Archivo Black';margin:18px 0 10px}.classified p{font:15px/1.55 'Special Elite';color:#554e42}.class-lines{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font:9px 'Special Elite'}.hand-note{margin-top:22px;text-align:right;color:#712f2c;font:24px cursive;transform:rotate(-4deg)}
.character-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.character-card{background:var(--paper2);color:var(--ink);padding:22px;box-shadow:4px 6px 0 rgba(0,0,0,.18);transform:rotate(var(--r));position:relative}.character-card:nth-child(2){--r:-.7deg}.character-card:nth-child(3){--r:.9deg}.character-card:nth-child(4){--r:-1.1deg}.character-card:nth-child(5){--r:.5deg}.character-card:nth-child(6){--r:-.5deg}.character-card .char-photo{height:250px;background:linear-gradient(145deg,#6c6d62,#292b26);margin-bottom:17px;display:grid;place-items:center;font:72px 'Archivo Black';color:rgba(255,245,220,.16);position:relative}.character-card .char-photo:after{content:"ARCHIVO";position:absolute;bottom:9px;left:10px;font:9px 'Special Elite';letter-spacing:1px;color:#e4dbc6}.character-card h3{font:26px 'Archivo Black';margin:0 0 3px}.character-card small{font:10px 'Special Elite';color:#7a705f}.character-card p{font:15px/1.55 'Special Elite';color:#5d5548}.char-status{display:inline-block;margin-top:8px;color:#8a302a;border:1px solid #8a302a;padding:5px 7px;font:9px 'Special Elite'}
.map-section{background:#24251f}.map-legend{display:flex;gap:18px;font:9px 'Special Elite';color:#8e8574}.map-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.pin-red{background:#a53a31}.pin-olive{background:#77784c} .map-shell{max-width:1400px;height:760px;margin:0 auto;background:#111;position:relative;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.38);border:1px solid rgba(224,214,192,.16)}.official-map-frame{width:100%;height:100%;border:0;display:block;background:#111}.official-map-bar{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 14px;background:rgba(11,12,10,.9);border:1px solid rgba(224,214,192,.18);box-shadow:0 8px 22px rgba(0,0,0,.28);font:10px 'Special Elite';letter-spacing:1px;color:#d9cfba}.official-map-bar a{color:#d9cfba;text-decoration:none;border:1px solid rgba(224,214,192,.18);padding:7px 9px;white-space:nowrap}.official-map-bar a:hover{border-color:#9e3b32;color:#fff0d2}
.clips-section{background:#151613}.clip-toolbar{max-width:1250px;margin:0 auto 22px;display:flex;justify-content:space-between;gap:15px;align-items:end}.clip-toolbar label{display:flex;flex-direction:column;gap:6px;font:9px 'Special Elite';letter-spacing:1px;color:#9b927f}.clip-toolbar select{background:#24261f;color:#e5dcc7;border:1px solid rgba(224,215,194,.16);padding:10px 12px;min-width:230px}.clip-feature{max-width:1250px;margin:0 auto 28px;display:grid;grid-template-columns:1.7fr .8fr;background:#22241f}.clip-screen{min-height:410px;background:radial-gradient(circle at 55% 36%,rgba(158,64,52,.35),transparent 19%),linear-gradient(135deg,#46483d,#171915);position:relative;display:grid;place-items:center;overflow:hidden}.play-icon{width:86px;height:86px;border-radius:50%;border:2px solid rgba(236,225,201,.72);display:grid;place-items:center;font-size:28px;color:#eee4cf;padding-left:4px;background:rgba(0,0,0,.18)}.scanline{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.035) 4px);pointer-events:none}.clip-caption{position:absolute;left:18px;bottom:16px;display:flex;flex-direction:column;gap:5px}.clip-caption span{font:9px 'Special Elite';color:#c1b49d}.clip-caption strong{font:22px 'Archivo Black';color:#eee4cf}.clip-info{padding:28px;background:var(--paper);color:var(--ink)}.clip-type{font:9px 'Special Elite';letter-spacing:1px;color:#8a302a}.clip-info h3{font:29px 'Archivo Black';margin:10px 0}.clip-info p{font:16px/1.55 'Special Elite';color:#60584b}.clip-meta{display:flex;justify-content:space-between;border-top:1px dashed var(--line);padding-top:15px;margin-top:20px;font:9px 'Special Elite';color:#6f6656}.clip-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.clip-card{background:#22241f;cursor:pointer}.clip-thumb{height:170px;background:linear-gradient(145deg,#45463d,#1a1c17);position:relative}.clip-thumb:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:rgba(236,226,207,.8);font-size:28px}.clip-card-body{padding:13px}.clip-card-body small{font:9px 'Special Elite';color:#897f6e}.clip-card-body strong{display:block;margin-top:7px;font-size:15px;color:#eee4cf}.clip-card-body span{display:block;margin-top:8px;font:9px 'Special Elite';color:#817868}
.modal{position:fixed;inset:0;background:rgba(5,6,5,.78);backdrop-filter:blur(6px);z-index:60;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{max-width:720px;width:100%;background:var(--paper2);color:var(--ink);padding:28px;position:relative;box-shadow:10px 12px 0 rgba(0,0,0,.3)}.modal-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:28px;color:#6e302a;cursor:pointer}.modal-card h3{font:34px 'Archivo Black';margin:0 0 5px}.modal-card .modal-sub{font:10px 'Special Elite';color:#7b7160}.modal-card p{font:16px/1.6 'Special Elite';color:#5e5649}.modal-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.modal-fact{background:#d5cab0;padding:12px}.modal-fact small{display:block;font:9px 'Special Elite';color:#766d5d}.modal-fact strong{display:block;margin-top:5px;font-size:14px}
@media(max-width:1100px){.main-nav{gap:12px}.player-grid{grid-template-columns:repeat(3,1fr)}.character-grid{grid-template-columns:repeat(2,1fr)}.hero-content{width:52vw}.live-hero-panel{width:min(658px,48.6vw);right:2vw}.clip-feature{grid-template-columns:1fr}.lore-layout{grid-template-columns:1fr}.classified{position:relative;top:auto}}
@media(max-width:820px){.topbar{flex-wrap:wrap;gap:8px;padding:10px 4vw}.main-nav{order:3;width:100%;overflow:auto;justify-content:flex-start;flex-wrap:nowrap}.live-status{min-width:auto}.home-hero{min-height:980px}.hero-content{width:90vw;margin-left:5vw;padding-top:130px}.live-hero-panel{position:absolute;right:5vw;top:auto;bottom:100px;transform:none;width:700px;max-width:90vw}.hero-footer{left:5vw;right:5vw}.home-strip{grid-template-columns:1fr 1fr}.player-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start}.section-count{font-size:43px}.clip-toolbar{align-items:stretch;flex-direction:column}.clip-toolbar .btn{width:max-content}.map-shell{height:560px}}
@media(max-width:560px){.brand small{display:none}.brand strong{font-size:13px}.main-nav a{font-size:9px}.home-hero{min-height:980px}.hero-content{width:92vw}.live-hero-panel{bottom:34px}.hero-content h1{font-size:62px;letter-spacing:-2px}.hero-copy{font-size:22px}.countdown-header{flex-direction:column;gap:6px}.countdown{gap:5px}.countdown div{min-width:68px}.countdown strong{font-size:40px}.countdown em{font-size:30px;padding-bottom:9px}.home-actions .btn{width:100%}.home-strip{grid-template-columns:1fr}.page-section{padding:110px 5vw 60px}.section-heading h2{font-size:48px}.player-grid,.character-grid,.clip-grid{grid-template-columns:1fr}.character-card .char-photo{height:220px}.map-shell{height:480px}.map-pin span{font-size:8px}.map-card{left:12px;bottom:12px}.clip-screen{min-height:300px}}

.social.twitch,.modal-link.twitch{color:#d8cfeb}.social.youtube,.modal-link.youtube{color:#e7b7b0}.modal-links{display:flex;gap:10px;margin-top:20px}.modal-link{display:inline-block;text-decoration:none;padding:9px 12px;border:1px solid rgba(45,42,34,.28);background:#d5cab0;color:#332d25;font:10px 'Special Elite';letter-spacing:1px}.modal-link:hover{border-color:#8c312a;color:#8c312a}.player-status.registered{border-left:3px solid #8c312a}.player-tags .social{opacity:.9}
.live-local-warning{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(circle at center,rgba(139,49,42,.18),transparent 60%),rgba(7,8,7,.96);color:#ddd4bf;}
.live-local-warning .warning-icon{width:34px;height:34px;border:1px solid rgba(210,195,160,.55);display:grid;place-items:center;font-family:'Archivo Black',sans-serif;font-size:20px;color:#c08b4b;margin-bottom:14px;}
.live-local-warning strong{max-width:340px;font-family:'Archivo Black',sans-serif;font-size:14px;letter-spacing:.8px;}
.live-local-warning p{max-width:390px;margin:12px 0 18px;font-size:12px;line-height:1.6;color:#aaa99f;}
.live-local-warning a{border:1px solid rgba(177,52,43,.75);padding:10px 14px;color:#e5d8bf;text-decoration:none;font-family:'Special Elite',serif;font-size:11px;letter-spacing:1px;background:rgba(139,49,42,.12);}
.live-local-warning a:hover{background:rgba(139,49,42,.25);}

/* Live selector */
.live-selector-wrap{padding:0 18px 15px;display:grid;gap:6px;background:rgba(15,15,13,.72);border-left:1px solid rgba(205,190,158,.16);border-right:1px solid rgba(205,190,158,.16)}
.live-selector-wrap label{font:12px 'Archivo Black',sans-serif;letter-spacing:1.5px;color:#8e897a}
.live-selector-wrap select{width:100%;box-sizing:border-box;background:#161614;color:#ddd4bf;border:1px solid #4a4740;padding:13px 38px 13px 13px;font:14px 'Special Elite',monospace;letter-spacing:.5px;outline:none}
.live-selector-wrap select:focus{border-color:#9d3028;box-shadow:0 0 0 1px rgba(157,48,40,.22)}
.live-online-count{font:9px 'Archivo Black',sans-serif;letter-spacing:1px;color:#a9a18f}
.live-updated{font:9px 'Special Elite',monospace;letter-spacing:.6px;color:#6d695e;align-self:center;white-space:nowrap}
.live-placeholder{display:grid;place-items:center;align-content:center;gap:7px;height:100%;font:12px 'Special Elite';letter-spacing:1px;color:#a49d8c;text-align:center;padding:20px;box-sizing:border-box}
.live-placeholder strong{font:16px 'Archivo Black',sans-serif;color:#d6cfbd;letter-spacing:1px}
.live-placeholder small{font:10px 'Special Elite';color:#777267}
.live-local-warning{height:100%;display:grid;place-items:center;align-content:center;gap:12px;background:radial-gradient(circle at center,rgba(139,49,42,.16),transparent 62%),#0b0c0a;color:#cfc6b0;font:12px 'Special Elite';letter-spacing:1px;text-align:center;padding:24px;box-sizing:border-box}
.live-local-warning strong{font:20px 'Archivo Black';color:#ddd4bf}
.live-local-warning a{color:#c15a4f;text-decoration:none;font:11px 'Archivo Black';letter-spacing:1px}

@media(max-width:560px){.official-map-bar{left:8px;right:8px;bottom:8px;flex-direction:column;align-items:flex-start;gap:7px}.official-map-bar a{width:100%;text-align:center}.eyebrow{font-size:11px}.countdown strong{font-size:35px}.countdown div{min-width:56px}.countdown em{font-size:26px}}


/* Future placeholder tabs */
.future-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#171812,#0e0f0c);padding:140px 5vw 80px;box-sizing:border-box;position:relative;overflow:hidden}
.future-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(139,49,42,.12),transparent 38%),linear-gradient(120deg,transparent,rgba(230,220,196,.03),transparent);pointer-events:none}
.future-card{position:relative;width:min(760px,92vw);padding:64px 56px;background:rgba(219,210,188,.93);color:#221f18;box-shadow:10px 12px 0 rgba(0,0,0,.2),0 28px 55px rgba(0,0,0,.32);transform:rotate(-.7deg);text-align:center}
.future-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(45,42,34,.25);pointer-events:none}
.future-mark{display:block;font:120px/.8 'Archivo Black';color:#8c312a;text-shadow:4px 4px 0 rgba(0,0,0,.08);margin-bottom:24px}
.future-card h2{margin:0 0 12px;font:64px/1 'Archivo Black';letter-spacing:-2px}
.future-card p{margin:0;font:20px/1.5 'Special Elite';color:#5d5548}

main > .tab-panel:not(.active){display:none !important}
.character-card .char-photo{background:linear-gradient(180deg,#292b25,#10110f);position:relative;overflow:hidden}.character-card .char-photo:before{content:"";position:absolute;width:66px;height:100px;left:50%;top:38px;transform:translateX(-50%);background:#050605;border-radius:50% 50% 42% 42%/35% 35% 58% 58%;box-shadow:0 70px 0 24px #050605}.character-card .char-photo .silhouette-label{position:absolute;bottom:28px;left:0;right:0;text-align:center;font:10px 'Special Elite';letter-spacing:2px;color:#8f8878}.clip-source-note{font:10px 'Special Elite';letter-spacing:1px;color:#8a8477;align-self:center;text-align:center}.clip-screen iframe{width:100%;height:100%;border:0;display:block}.clip-thumb{background-size:cover;background-position:center}.clip-empty{grid-column:1/-1;border:1px dashed rgba(224,214,192,.2);padding:36px;text-align:center;color:#8e8778;font:12px 'Special Elite';letter-spacing:1px}

/* Proyecto C v8: lore as calendar only */
.lore-calendar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:980px}
.lore-calendar .lore-item{margin:0;padding:22px 24px;border:1px solid rgba(0,0,0,.14);background:rgba(255,255,255,.5);box-shadow:0 3px 12px rgba(0,0,0,.05)}
.lore-calendar .lore-item small{display:block;letter-spacing:.16em;font-weight:700;font-size:.78rem;opacity:.72;margin-bottom:8px}
.lore-calendar .lore-item h3{margin:0;font-size:1.2rem;letter-spacing:.08em}
@media(max-width:700px){.lore-calendar{grid-template-columns:1fr}}
.clip-card{font:inherit;text-align:left;width:100%;border:0;color:inherit;padding:0}
.clip-card:focus{outline:2px solid #8f3029;outline-offset:2px}
.clip-screen .clip-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}

/* Silhouette placeholders */
.player-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#f4f2ec;padding:8px;z-index:1}
.player-photo .player-status{z-index:3}
.character-card .char-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#f4f2ec;padding:8px;z-index:1}
.character-card .char-photo .silhouette-label{z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.modal-player-photo{height:220px;margin:8px 0 18px;background:#f4f2ec;display:flex;align-items:center;justify-content:center;overflow:hidden}
.modal-player-photo img{width:100%;height:100%;object-fit:contain;display:block}

/* Clip selection + player */
.clip-card.selected{outline:2px solid #9e3b32;outline-offset:-2px;box-shadow:0 0 0 1px rgba(158,59,50,.45),0 8px 18px rgba(0,0,0,.2)}
.clip-card.selected .clip-thumb:after{content:"▶  SELECCIONADO";font:11px 'Special Elite';letter-spacing:1px;background:rgba(140,49,42,.22)}
.clip-screen{isolation:isolate}
.clip-screen .clip-iframe{z-index:2}
.clip-screen .scanline{z-index:3}
.character-card .char-photo:before{display:none}

.clip-iframe-mount{position:absolute;inset:0;z-index:2;background:#000}.clip-screen .clip-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000;z-index:2}.clip-screen .scanline{z-index:3;pointer-events:none}

/* Filtro de jugadores para CLIPS · aspecto coherente con el selector de DIRECTOS */
.contenedor-filtro-jugador{display:flex;align-items:center;gap:10px}
.contenedor-filtro-jugador label{color:inherit;font:inherit;letter-spacing:.08em;white-space:nowrap}
.jugador-combobox{position:relative;display:flex;align-items:stretch;width:260px}
#input-jugador{width:100%;min-width:0;background:#161614;color:#ddd4bf;border:1px solid #4a4740;border-right:0;padding:10px 42px 10px 12px;font:13px 'Special Elite',monospace;letter-spacing:.5px;text-transform:uppercase;outline:none;box-shadow:none}
#input-jugador::placeholder{color:#898173}
#input-jugador:focus{border-color:#9d3028;box-shadow:0 0 0 1px rgba(157,48,40,.22)}
.jugador-combobox-arrow{position:absolute;right:0;top:0;bottom:0;width:38px;border:1px solid #4a4740;background:#20211c;color:#bdb5a2;font:15px 'Archivo Black',sans-serif;cursor:pointer;line-height:1}
.jugador-combobox-arrow:hover,.jugador-combobox:focus-within .jugador-combobox-arrow{background:#2b2c25;color:#eee4cf;border-color:#9d3028}
.jugador-dropdown{position:absolute;left:0;top:calc(100% + 5px);width:100%;max-height:220px;overflow-y:auto;background:rgba(17,18,15,.98);border:1px solid #4a4740;box-shadow:0 12px 26px rgba(0,0,0,.42);z-index:30;display:none;padding:4px}
.jugador-dropdown.open{display:block}
.jugador-option{display:block;width:100%;border:0;background:transparent;color:#cec6b4;text-align:left;padding:9px 11px;font:11px 'Special Elite',monospace;letter-spacing:.6px;text-transform:uppercase;cursor:pointer}
.jugador-option:hover,.jugador-option.active{background:rgba(157,48,40,.18);color:#f1e7d1;border-left:2px solid #9d3028;padding-left:9px}
.jugador-option:first-child{margin-bottom:3px;border-bottom:1px solid rgba(224,214,192,.12);color:#e7ddc7}
.jugador-dropdown-empty{padding:12px 10px;color:#777166;font:10px 'Special Elite';letter-spacing:1px}
@media (max-width:800px){.contenedor-filtro-jugador{width:100%;align-items:stretch;flex-direction:column;gap:6px}.jugador-combobox{width:100%}}


/* DONACIONES */
.donate-nav{
  border-color: #7f2b24 !important;
  color: #f0e6d2 !important;
}
.donate-nav:hover,
.donate-nav.active{
  background: #7f2b24 !important;
  color: #fff !important;
}
.donations-section{
  background:
    radial-gradient(circle at 82% 12%, rgba(127,43,36,.12), transparent 28%),
    linear-gradient(rgba(20,20,17,.97), rgba(20,20,17,.99));
}
.donations-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);
  gap:24px;
  align-items:start;
}
.donation-card{
  position:relative;
  border:1px solid rgba(190,180,154,.25);
  background:linear-gradient(145deg, rgba(37,36,31,.97), rgba(22,22,19,.97));
  box-shadow:0 14px 38px rgba(0,0,0,.25);
  padding:30px;
}
.donation-card-main:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(190,180,154,.08);
  pointer-events:none;
}
.donation-stamp{
  display:inline-block;
  font-family:"Special Elite", monospace;
  letter-spacing:.12em;
  border:1px solid rgba(181,48,38,.65);
  color:#d96d62;
  padding:7px 10px;
  font-size:11px;
  transform:rotate(-1.5deg);
  margin-bottom:15px;
}
.donation-card h3{
  margin:0 0 15px;
  font-family:"Archivo Black",sans-serif;
  letter-spacing:.03em;
  font-size:clamp(20px,2.2vw,31px);
}
.donation-card p{
  color:#bdb9ae;
  line-height:1.72;
  margin:0 0 16px;
}
.donation-warning{
  display:grid;
  gap:8px;
  border-left:4px solid #8d2f28;
  background:rgba(141,47,40,.10);
  padding:17px 18px;
  margin:20px 0;
}
.donation-warning strong{
  color:#e2d4ba;
  font-size:12px;
  letter-spacing:.12em;
}
.donation-warning span{
  color:#bdb9ae;
  line-height:1.6;
}
.donation-card-paypal{
  text-align:center;
  overflow:hidden;
}
.paypal-mark{
  width:66px;
  height:66px;
  border-radius:50%;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  font:bold 42px Georgia,serif;
  color:#fff;
  background:linear-gradient(145deg,#0b3a83,#0d63bf);
  box-shadow:0 7px 20px rgba(0,75,160,.28);
}
.paypal-kicker{
  font-size:11px;
  letter-spacing:.14em;
  color:#8fb9eb;
  margin-bottom:7px;
}
.donation-card-paypal h3{
  font-size:26px;
}
.paypal-donate-button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:24px 0 16px;
  padding:16px 18px;
  border:1px solid #d7dfed;
  background:#fff;
  color:#0a254c;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.05em;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  transition:transform .18s ease, box-shadow .18s ease;
}
.paypal-donate-button:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.35);
}
.paypal-donate-button b{
  font-size:22px;
}
.paypal-email{
  border-top:1px solid rgba(190,180,154,.16);
  border-bottom:1px solid rgba(190,180,154,.16);
  padding:13px 0;
  display:grid;
  gap:5px;
}
.paypal-email small{
  color:#77736a;
  letter-spacing:.13em;
}
.paypal-email strong{
  color:#e8e0d0;
  font-size:14px;
  word-break:break-word;
}
.donation-alternative{
  font-size:13px;
}
.donation-thanks{
  margin-top:26px;
  padding:22px 24px;
  border-top:1px solid rgba(190,180,154,.16);
  border-bottom:1px solid rgba(190,180,154,.16);
  display:grid;
  gap:6px;
}
.donation-thanks span{
  font-family:"Special Elite",monospace;
  color:#8e8a80;
  letter-spacing:.12em;
  font-size:11px;
}
.donation-thanks strong{
  font-family:"Special Elite",monospace;
  color:#d8cfbf;
  font-weight:400;
}
@media(max-width:900px){
  .donations-layout{grid-template-columns:1fr;}
}


/* MERCADO NEGRO */
.market-nav{border-color:#6f3f29 !important;color:#e2d0b4 !important}
.market-nav:hover,.market-nav.active{background:#6f3f29 !important;color:#fff !important}
.market-section{background:radial-gradient(circle at 78% 6%,rgba(112,66,38,.10),transparent 30%),linear-gradient(rgba(18,18,16,.98),rgba(16,16,14,.99))}
.market-warning{display:flex;gap:15px;align-items:flex-start;padding:16px 18px;margin:0 0 22px;border:1px solid rgba(160,100,58,.35);background:rgba(102,65,38,.11)}
.market-warning strong{color:#d39b69;letter-spacing:.11em;font-size:11px;white-space:nowrap}
.market-warning span{color:#a7a39a;line-height:1.55;font-size:13px}
.market-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;border-bottom:1px solid rgba(180,170,150,.14);padding-bottom:11px}
.market-tab{appearance:none;border:1px solid rgba(180,170,150,.22);background:#181815;color:#aca69a;padding:10px 15px;font-family:inherit;font-weight:800;letter-spacing:.08em;cursor:pointer}
.market-tab:hover,.market-tab.active{border-color:#8a4e31;background:#5e3524;color:#fff}
.market-panel{display:none}.market-panel.active{display:block}
.market-subheading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}
.market-subheading h3{margin:6px 0 7px;font-family:"Archivo Black",sans-serif;font-size:clamp(21px,2.8vw,34px)}
.market-subheading p{max-width:870px;color:#a8a49a;line-height:1.62;margin:0}
.market-count{flex:0 0 auto;text-align:center;font-family:"Archivo Black",sans-serif;font-size:34px;color:#d5cbb7;line-height:.9}
.market-count small{display:block;font:10px "Special Elite",monospace;color:#7c776e;letter-spacing:.14em;margin-top:6px}
.market-use{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;padding:16px 18px;border:1px solid rgba(180,170,150,.16);background:rgba(31,30,27,.82);margin-bottom:22px}
.market-use-icon{font-size:31px}.market-use strong{display:block;letter-spacing:.1em;font-size:12px;color:#d1c7b5;margin-bottom:6px}.market-use p{margin:0;color:#aaa69d;line-height:1.58;font-size:13px}
.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.market-item-card{display:grid;grid-template-columns:180px 1fr;min-height:205px;border:1px solid rgba(180,170,150,.18);background:linear-gradient(145deg,#23221f,#171715);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.market-item-image{min-height:205px;background:#0f0f0e;border-right:1px solid rgba(180,170,150,.12)}
.market-item-image img{width:100%;height:100%;object-fit:cover;display:block}
.market-item-body{padding:17px 18px}.market-item-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.market-code{font:10px "Special Elite",monospace;color:#8e887c;letter-spacing:.12em}.market-duration{font-size:11px;color:#c88a61;letter-spacing:.06em}
.market-item-body h3{margin:7px 0 8px;font-family:"Archivo Black",sans-serif;font-size:21px}.market-item-body p{margin:0 0 10px;color:#aaa69d;line-height:1.53;font-size:13px}
.market-crash{padding-top:10px;border-top:1px solid rgba(180,170,150,.10);display:grid;gap:4px}.market-crash strong{color:#b8574b;font-size:10px;letter-spacing:.12em}.market-crash span{color:#a6a095;font-size:12px;line-height:1.48}
.future-market{min-height:280px;display:grid;place-content:center;justify-items:center;text-align:center;border:1px dashed rgba(180,170,150,.18);background:radial-gradient(circle at center,rgba(118,74,42,.08),transparent 55%),#171715;padding:40px}
.future-market span{font:11px "Special Elite",monospace;letter-spacing:.14em;color:#777169}.future-market strong{margin:10px 0;font-family:"Archivo Black",sans-serif;font-size:29px;color:#c3b9a5}.future-market p{max-width:560px;color:#9d988d;line-height:1.6}
@media(max-width:1050px){.market-grid{grid-template-columns:1fr}}@media(max-width:760px){.market-warning{display:block}.market-warning strong{display:block;margin-bottom:7px}.market-subheading{align-items:flex-start}.market-count{display:none}.market-item-card{grid-template-columns:1fr}.market-item-image{min-height:170px;border-right:0;border-bottom:1px solid rgba(180,170,150,.12)}}


.market-product-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.market-simple-card{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:14px;
  align-items:center;
  padding:18px;
  border:1px solid rgba(180,170,150,.15);
  background:linear-gradient(145deg,#21201d,#171715);
}
.market-simple-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  background:#11110f;
  border:1px solid rgba(190,180,160,.15);
  color:#b98a60;
  font-size:24px;
}
.market-simple-card h4{
  margin:0 0 5px;
  font-family:"Archivo Black",sans-serif;
  font-size:17px;
}
.market-simple-card p{
  margin:0;
  color:#9e9a91;
  line-height:1.5;
  font-size:12px;
}
.vehicle-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.vehicle-card{
  min-height:190px;
  padding:22px;
  border:1px solid rgba(180,170,150,.15);
  background:
    linear-gradient(135deg,rgba(97,72,46,.12),transparent 60%),
    #191917;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.vehicle-level{
  font:10px "Special Elite",monospace;
  letter-spacing:.14em;
  color:#9f835d;
  margin-bottom:9px;
}
.vehicle-card h4{
  margin:0 0 8px;
  font-family:"Archivo Black",sans-serif;
  font-size:24px;
}
.vehicle-card p{
  margin:0;
  color:#9f9a90;
  line-height:1.55;
  font-size:13px;
}
@media(max-width:900px){
  .market-product-list{grid-template-columns:1fr}
  .vehicle-grid{grid-template-columns:1fr}
}

/* Empty Mercado Negro sections */
.market-empty{
  min-height:280px;
  display:grid;
  place-content:center;
  justify-items:center;
  text-align:center;
  border:1px dashed rgba(180,170,150,.18);
  background:radial-gradient(circle at center,rgba(118,74,42,.07),transparent 55%),#171715;
  padding:40px;
}
.market-empty span{
  font:11px "Special Elite",monospace;
  letter-spacing:.14em;
  color:#777169;
}
.market-empty strong{
  margin:10px 0;
  font-family:"Archivo Black",sans-serif;
  font-size:29px;
  color:#c3b9a5;
}
.market-empty p{
  max-width:560px;
  color:#9d988d;
  line-height:1.6;
  margin:0;
}

/* Temporarily hidden from the public site */
#mercado-negro{display:none !important;}

/* PARTICIPANT DETAILS */
.player-profession{
  margin:6px 0 8px !important;
  font-size:12px;
  color:#c6beaf;
  line-height:1.35;
}
.player-profession b{
  color:#817b71;
  font-size:10px;
  letter-spacing:.10em;
}
.player-traits{
  display:grid;
  gap:5px;
  margin-top:8px;
}
.player-trait{
  display:flex;
  gap:7px;
  align-items:flex-start;
  font-size:11px;
  line-height:1.3;
}
.player-trait b{
  flex:0 0 17px;
  text-align:center;
  font-size:13px;
}
.player-trait.positive b{color:#91aa63}
.player-trait.negative b{color:#c87369}
.player-trait span{color:#9f9a90}
.modal-profile-facts{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin:15px 0;
}
.modal-profile-facts>div{
  border:1px solid rgba(180,170,150,.13);
  background:#1b1b18;
  padding:11px 12px;
}
.modal-profile-facts small{
  display:block;
  color:#777168;
  font-size:10px;
  letter-spacing:.12em;
  margin-bottom:5px;
}
.modal-profile-facts strong{
  display:block;
  color:#d1c8b8;
  font-size:13px;
  line-height:1.45;
}
.trait-positive-text{color:#98aa72 !important}
.trait-negative-text{color:#c9786c !important}
@media(max-width:700px){
  .player-traits{font-size:10px}
}

/* CLIPS: player left + available clips list right */
.clips-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);
  gap:20px;
  align-items:start;
  margin-top:20px;
}
.clips-player-column{
  min-width:0;
}
.clips-list-column{
  min-width:0;
  border:1px solid rgba(180,170,150,.16);
  background:#171715;
  padding:12px;
  position:sticky;
  top:16px;
  max-height:calc(100vh - 32px);
  overflow:auto;
}
.clips-list-heading{
  font:11px "Special Elite",monospace;
  letter-spacing:.14em;
  color:#8b867c;
  padding:5px 4px 11px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(180,170,150,.12);
}
.clips-list-column .clip-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.clips-list-column .clip-card{
  min-width:0;
}
@media(max-width:1050px){
  .clips-content-grid{
    grid-template-columns:1fr;
  }
  .clips-list-column{
    position:static;
    max-height:none;
  }
  .clips-list-column .clip-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:650px){
  .clips-list-column .clip-grid{
    grid-template-columns:1fr;
  }
}

/* MAPA EXTERNO */
.pzmap-panel{
  max-width:1250px;
  margin:0 auto;
  border:1px solid rgba(224,214,192,.16);
  background:#171815;
  box-shadow:0 14px 40px rgba(0,0,0,.35);
}
.pzmap-art{
  position:relative;
  min-height:520px;
  overflow:hidden;
  background:
    radial-gradient(circle at 32% 48%,rgba(102,126,77,.25),transparent 22%),
    radial-gradient(circle at 70% 35%,rgba(70,87,60,.18),transparent 28%),
    linear-gradient(140deg,#131712,#293326 46%,#171b16);
}
.pzmap-grid{
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:
    linear-gradient(rgba(222,211,184,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(222,211,184,.16) 1px,transparent 1px);
  background-size:52px 52px;
}
.pzmap-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.3) 85%),
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.015) 4px);
}
.pzmap-copy{
  position:absolute;
  left:34px;
  top:34px;
  text-shadow:0 3px 8px #000;
}
.pzmap-kicker{
  font:11px "Special Elite",monospace;
  letter-spacing:.18em;
  color:#aaa38f;
}
.pzmap-heading{
  margin-top:8px;
  font-family:"Archivo Black",sans-serif;
  font-size:clamp(32px,5vw,62px);
  line-height:.95;
  color:#dfd3bb;
  letter-spacing:.03em;
}
.pzmap-subtitle{
  margin-top:14px;
  font:12px "Special Elite",monospace;
  letter-spacing:.12em;
  color:#8d897c;
}
.pzmap-stamp{
  position:absolute;
  right:26px;
  bottom:24px;
  border:1px solid rgba(188,63,52,.65);
  padding:9px 12px;
  transform:rotate(-3deg);
  font:12px "Special Elite",monospace;
  color:#d27065;
  letter-spacing:.16em;
  background:rgba(35,13,11,.35);
}
.pzmap-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:18px 20px;
  border-top:1px solid rgba(224,214,192,.13);
}
.pzmap-message{
  display:grid;
  gap:5px;
}
.pzmap-message strong{
  font-size:11px;
  letter-spacing:.12em;
  color:#d8cdb9;
}
.pzmap-message span{
  max-width:760px;
  color:#9e998f;
  font-size:12px;
  line-height:1.5;
}
.pzmap-button{
  flex:0 0 auto;
  padding:13px 16px;
  border:1px solid rgba(177,62,51,.65);
  background:linear-gradient(145deg,#6e312a,#3b211d);
  color:#f0e4d0;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.08em;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
  transition:transform .16s ease,filter .16s ease,border-color .16s ease;
}
.pzmap-button:hover{
  transform:translateY(-2px);
  filter:brightness(1.1);
  border-color:#bd6256;
}

/* CLIP ALEATORIO */
#randomClip{
  min-width:185px;
  border:1px solid rgba(177,62,51,.72);
  background:
    linear-gradient(135deg,rgba(120,42,35,.95),rgba(54,25,22,.97));
  color:#eee3d0;
  box-shadow:0 7px 18px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.03);
  font-family:"Archivo Black",sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
#randomClip:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
  box-shadow:0 10px 22px rgba(0,0,0,.32);
}
@media(max-width:760px){
  .pzmap-art{min-height:340px}
  .pzmap-footer{display:grid}
  .pzmap-button{justify-self:start}
}

/* PROJECT ZOMBOID MAP EMBED */
.pzmap-embed-shell{
  border:1px solid rgba(224,214,192,.16);
  background:#151613;
  box-shadow:0 16px 40px rgba(0,0,0,.34);
}
.pzmap-embed-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 14px;
  border-bottom:1px solid rgba(224,214,192,.12);
  background:linear-gradient(180deg,#24241f,#1a1a17);
  color:#aaa394;
  font:11px "Special Elite",monospace;
  letter-spacing:.1em;
}
.pzmap-embed-toolbar a{
  color:#d5cbb8;
  text-decoration:none;
  border:1px solid rgba(177,62,51,.55);
  padding:7px 9px;
  background:#3d221d;
  font-size:10px;
}
.pzmap-embed-toolbar a:hover{background:#5a2f28;color:#fff}
.pzmap-embed-frame{
  width:100%;
  height:min(78vh,760px);
  min-height:520px;
  background:#111;
}
.pzmap-embed-frame iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  background:#111;
}

/* CLIP RANDOM BUTTON - cover all likely selectors in the current build */
#randomClip,
.random-clip,
.randomClip,
[data-action="random-clip"]{
  appearance:none;
  border:1px solid rgba(177,62,51,.7) !important;
  background:linear-gradient(145deg,#6d312a,#3b211d) !important;
  color:#efe4d1 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.03);
  font-family:"Archivo Black",sans-serif;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  border-radius:2px;
  padding:11px 16px;
  min-height:40px;
  cursor:pointer;
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;
}
#randomClip:hover,
.random-clip:hover,
.randomClip:hover,
[data-action="random-clip"]:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
  box-shadow:0 11px 24px rgba(0,0,0,.36);
}
#randomClip:active,
.random-clip:active,
.randomClip:active,
[data-action="random-clip"]:active{transform:translateY(0)}

@media(max-width:760px){
  .pzmap-embed-toolbar{display:grid}
  .pzmap-embed-frame{height:70vh;min-height:420px}
}

/* DEAD PARTICIPANT */
.player-dead .player-photo{
  filter:saturate(.45) contrast(1.05);
}
.death-cross{
  position:absolute;
  inset:2%;
  display:block;
  pointer-events:none;
  z-index:3;
  font-size:0;
  transform:none;
}
.death-cross::before,
.death-cross::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:88%;
  height:11px;
  background:#b52f2b;
  border-radius:2px;
  box-shadow:0 3px 10px rgba(0,0,0,.75);
  transform-origin:center;
}
.death-cross::before{
  transform:translate(-50%,-50%) rotate(45deg);
}
.death-cross::after{
  transform:translate(-50%,-50%) rotate(-45deg);
}
.player-status.dead{
  background:#661e1b !important;
  color:#f1d7d2 !important;
  border-color:#9d3b34 !important;
}
.dead-tag{
  border-color:#88332d !important;
  color:#d87a70 !important;
}
.lore-completed{
  position:relative;
  color:#b35e58 !important;
}
.lore-completed::after{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  height:4px;
  background:#a5322e;
  transform:rotate(-7deg);
  transform-origin:center;
  box-shadow:0 1px 4px rgba(0,0,0,.65);
  pointer-events:none;
}
.lore-completed-text{
  position:relative;
  display:inline-block;
  color:#b35e58;
}
.lore-completed-text::after{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  height:3px;
  background:#a5322e;
  transform:rotate(-7deg);
  box-shadow:0 1px 4px rgba(0,0,0,.65);
}

/* Completed lore strike: corner-to-corner across the whole meeting item */
.lore-item.lore-completed{
  overflow:visible;
}
.lore-item.lore-completed::after{
  left:0;
  width:100%;
  top:50%;
  height:4px;
}

/* INTERACTIVE LORE */
.lore-workspace{
  display:grid;
  grid-template-columns:minmax(320px,.78fr) minmax(0,1.62fr);
  gap:20px;
  align-items:start;
  margin-top:20px;
}
.lore-timeline-panel,
.lore-detail-panel{
  min-width:0;
}
.lore-timeline-panel{
  border:1px solid rgba(180,170,150,.15);
  background:#171715;
  padding:14px;
}
.lore-panel-title{
  font:11px "Special Elite",monospace;
  color:#858076;
  letter-spacing:.15em;
  padding:5px 4px 10px;
  border-bottom:1px solid rgba(180,170,150,.12);
  margin-bottom:10px;
}
.lore-calendar{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.lore-item{
  position:relative;
  cursor:pointer;
  border:1px solid rgba(180,170,150,.14);
  background:linear-gradient(145deg,#20201c,#171715);
  padding:14px 15px;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
  user-select:none;
}
.lore-item:hover{
  transform:translateX(2px);
  border-color:rgba(170,75,64,.55);
  background:#24211d;
}
.lore-item.active{
  border-color:#9a4339;
  background:linear-gradient(145deg,#33231f,#1d1917);
  box-shadow:inset 3px 0 0 #9a4339;
}
.lore-item small{
  display:block;
  color:#77736a;
  font:10px "Special Elite",monospace;
  letter-spacing:.08em;
  margin-bottom:5px;
}
.lore-item h3{
  margin:0;
  color:#d7cfbe;
  font-family:"Archivo Black",sans-serif;
  font-size:19px;
}
.lore-item.active h3{
  color:#eee5d4;
}
.lore-detail-panel{
  position:sticky;
  top:18px;
}
.classified-document{
  position:relative;
  min-height:600px;
  padding:34px 36px;
  overflow:hidden;
  color:#c4bcae;
  border:1px solid rgba(180,170,150,.2);
  background:
    radial-gradient(circle at 12% 8%,rgba(137,116,75,.07),transparent 28%),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),
    linear-gradient(#211f1b,#171715);
  background-size:auto,42px 42px,auto;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}
.classified-document::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(188,171,136,.07);
  pointer-events:none;
}
.classified-stamp{
  display:inline-block;
  border:2px solid #8e302b;
  color:#b8544c;
  padding:7px 12px;
  font:11px "Special Elite",monospace;
  letter-spacing:.18em;
  transform:rotate(-3deg);
  margin-bottom:25px;
}
.classified-code{
  font:10px "Special Elite",monospace;
  color:#77736a;
  letter-spacing:.16em;
}
.classified-document h3{
  margin:10px 0 15px;
  font-family:"Archivo Black",sans-serif;
  color:#dcd2be;
  font-size:clamp(24px,3vw,38px);
}
.classified-rule{
  height:1px;
  background:rgba(180,170,150,.14);
  margin-bottom:17px;
}
.classified-document > p{
  max-width:820px;
  color:#9e998f;
  line-height:1.72;
  font-size:14px;
}
.lore-media{
  margin-top:22px;
}
.lore-media.hidden{
  display:none;
}
.lore-video-wrap{
  width:100%;
  aspect-ratio:16/9;
  background:#0d0d0c;
  border:1px solid rgba(180,170,150,.18);
}
.lore-video-wrap iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.classified-placeholder{
  min-height:250px;
  display:grid;
  place-content:center;
  justify-items:center;
  text-align:center;
  padding:34px;
  border:1px dashed rgba(170,150,110,.22);
  background:
    repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.012) 6px),
    rgba(14,14,12,.42);
}
.classified-placeholder span{
  font:10px "Special Elite",monospace;
  color:#8e312c;
  letter-spacing:.18em;
}
.classified-placeholder strong{
  margin:11px 0 7px;
  font-family:"Archivo Black",sans-serif;
  color:#cfc5b2;
  font-size:24px;
}
.classified-placeholder p{
  max-width:520px;
  margin:0;
  color:#89857c;
  line-height:1.6;
  font-size:12px;
}
.classified-footer{
  position:absolute;
  left:36px;
  right:36px;
  bottom:22px;
  padding-top:12px;
  border-top:1px solid rgba(180,170,150,.09);
  color:#646159;
  font:9px "Special Elite",monospace;
  letter-spacing:.12em;
}
@media(max-width:900px){
  .lore-workspace{grid-template-columns:1fr}
  .lore-detail-panel{position:static}
  .classified-document{min-height:520px}
}
@media(max-width:560px){
  .classified-document{padding:26px 22px}
  .classified-footer{left:22px;right:22px}
}

/* LORE INTERACTION FIX */
.lore-workspace{position:relative;z-index:1}
.lore-item{position:relative;z-index:2;cursor:pointer;pointer-events:auto}
.lore-detail-panel{position:relative;z-index:1}

.lore-item.lore-completed{overflow:hidden}
.lore-item.lore-completed::after{
  left:-8%;
  width:116%;
  top:50%;
  height:4px;
  background:#a5322e;
  transform:rotate(-8deg);
  transform-origin:center;
}


/* =========================
   DADOS
   ========================= */
.dice-nav{
  border-color:#72522e !important;
  color:#d8c5a5 !important;
}
.dice-nav:hover,
.dice-nav.active{
  background:#5a4027 !important;
  color:#fff !important;
}
.dice-section{
  background:
    radial-gradient(circle at 78% 7%,rgba(123,78,42,.10),transparent 30%),
    linear-gradient(rgba(18,18,16,.98),rgba(16,16,14,.99));
}
.dice-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);
  gap:20px;
  align-items:start;
}
.dice-main-card,
.dice-config-card{
  border:1px solid rgba(180,170,150,.16);
  background:linear-gradient(145deg,#22221e,#171715);
  box-shadow:0 14px 32px rgba(0,0,0,.22);
}
.dice-main-card{padding:26px}
.dice-config-card{padding:20px}
.dice-kicker{
  color:#847d71;
  font:10px "Special Elite",monospace;
  letter-spacing:.15em;
  margin-bottom:18px;
}
.dice-player-row{
  display:grid;
  gap:7px;
  max-width:420px;
}
.dice-player-row label,
.dice-config-group>label{
  color:#8c867c;
  font:10px "Special Elite",monospace;
  letter-spacing:.13em;
}
.dice-control{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(180,170,150,.25);
  background:#111210;
  color:#e0d7c7;
  min-height:40px;
  padding:9px 11px;
  outline:none;
  font-family:inherit;
}
.dice-control:focus{
  border-color:#8f5038;
}
select.dice-control{
  appearance:auto;
}
.dice-machine{
  margin:28px 0 18px;
  min-height:340px;
  border:1px solid rgba(178,161,128,.18);
  background:
    radial-gradient(circle at 50% 38%,rgba(139,95,43,.13),transparent 25%),
    repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,255,255,.012) 7px),
    #111210;
  display:grid;
  place-content:center;
  justify-items:center;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.dice-machine::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(180,170,150,.06);
  pointer-events:none;
}
.dice-machine-label{
  color:#777169;
  font:10px "Special Elite",monospace;
  letter-spacing:.18em;
  margin-bottom:16px;
}


.dice-roll-button{
  width:100%;
  min-height:52px;
  border:1px solid rgba(177,62,51,.72);
  background:linear-gradient(145deg,#71352d,#3c211c);
  color:#f0e4d2;
  box-shadow:0 8px 20px rgba(0,0,0,.28);
  font-family:"Archivo Black",sans-serif;
  font-size:16px;
  letter-spacing:.08em;
  cursor:pointer;
}
.dice-roll-button:hover:not(:disabled){
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.dice-roll-button:disabled{
  opacity:.4;
  cursor:not-allowed;
}
.dice-panel-title{
  color:#8d877c;
  font:10px "Special Elite",monospace;
  letter-spacing:.15em;
  padding-bottom:10px;
  margin-bottom:13px;
  border-bottom:1px solid rgba(180,170,150,.12);
}
.dice-config-group{
  display:grid;
  gap:8px;
  margin-bottom:18px;
}
.dice-inline{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
}
.dice-small-button{
  min-height:40px;
  border:1px solid rgba(180,170,150,.23);
  background:#1b1b18;
  color:#c8c0b2;
  padding:8px 12px;
  font-weight:800;
  letter-spacing:.05em;
  cursor:pointer;
}
.dice-small-button:hover{
  border-color:#815139;
  background:#28201c;
  color:#f0e8da;
}
.dice-small-button.primary{
  border-color:#78503d;
  background:#4e3024;
}
.dice-small-button.danger{
  border-color:#6d302b;
  color:#d1847c;
}
.dice-face-editor{
  display:grid;
  gap:6px;
  max-height:350px;
  overflow:auto;
  padding-right:2px;
}
.dice-face-row{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:7px;
  align-items:center;
}
.dice-face-row>span{
  display:grid;
  place-items:center;
  min-height:38px;
  border:1px solid rgba(180,170,150,.12);
  background:#131412;
  color:#777168;
  font:10px "Special Elite",monospace;
}
.dice-note{
  margin-top:16px;
  border-top:1px solid rgba(180,170,150,.10);
  padding-top:14px;
  display:grid;
  gap:5px;
}
.dice-note strong{
  color:#8e3c34;
  font:10px "Special Elite",monospace;
  letter-spacing:.15em;
}
.dice-note span{
  color:#77736a;
  font-size:11px;
  line-height:1.5;
}
.dice-history-wrap{margin-top:24px}
.dice-history{
  display:grid;
  gap:7px;
  max-height:300px;
  overflow:auto;
}
.dice-history-item{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  border:1px solid rgba(180,170,150,.11);
  background:#181916;
  padding:10px 12px;
}
.dice-history-item>div{
  display:grid;
  gap:2px;
}
.dice-history-item strong{
  color:#cfc5b4;
  font-size:12px;
}
.dice-history-item span{
  color:#b25a50;
  font-weight:800;
}
.dice-history-item small{
  color:#66635d;
  font:10px "Special Elite",monospace;
}
.dice-empty{
  padding:18px;
  text-align:center;
  color:#68645d;
  font:10px "Special Elite",monospace;
  border:1px dashed rgba(180,170,150,.14);
}
code{
  color:#a58a67;
}
@media(max-width:950px){
  .dice-workspace{grid-template-columns:1fr}
}

/* DICE ROLL ANIMATION */
.dice-visual{
  position:relative;
  width:240px;
  height:220px;
  display:grid;
  place-items:center;
  perspective:900px;
}
.dice-shadow{
  position:absolute;
  bottom:7px;
  left:50%;
  width:150px;
  height:34px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(0,0,0,.55),rgba(0,0,0,0) 72%);
  filter:blur(4px);
  transition:transform .18s ease,opacity .18s ease;
}
.dice-cube{
  position:relative;
  width:140px;
  height:140px;
  transform-style:preserve-3d;
  transform:rotateX(-16deg) rotateY(25deg) rotateZ(-3deg);
  transition:transform .18s ease;
  z-index:2;
}
.dice-face{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:3px solid #c9b99e;
  background:
    radial-gradient(circle at 50% 30%,rgba(167,69,56,.18),transparent 38%),
    linear-gradient(145deg,#30201d,#171311 70%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -20px 35px rgba(0,0,0,.26);
  color:#efe2ca;
  font-family:"Archivo Black",sans-serif;
  text-align:center;
}
.dice-face::after{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(232,218,193,.08);
}
.dice-face span{
  position:relative;
  z-index:2;
  max-width:90%;
  max-height:90%;
  overflow-wrap:anywhere;
  font-size:28px;
  line-height:1.05;
  text-transform:uppercase;
}
.dice-face-front{transform:translateZ(70px)}
.dice-face-back{transform:rotateY(180deg) translateZ(70px)}
.dice-face-right{transform:rotateY(90deg) translateZ(70px)}
.dice-face-left{transform:rotateY(-90deg) translateZ(70px)}
.dice-face-top{transform:rotateX(90deg) translateZ(70px)}
.dice-face-bottom{transform:rotateX(-90deg) translateZ(70px)}

.dice-cube.rolling{
  animation:diceRoll 1.22s cubic-bezier(.17,.67,.2,1);
}
.dice-visual.rolling-glow{
  animation:diceGlow 1.22s ease-out;
}
.dice-visual.rolling-glow .dice-shadow{
  animation:diceShadow 1.22s ease-out;
}
@keyframes diceRoll{
  0%{transform:rotateX(-16deg) rotateY(25deg) rotateZ(-3deg) translateY(0) scale(1)}
  16%{transform:rotateX(110deg) rotateY(210deg) rotateZ(42deg) translateY(-28px) scale(1.03)}
  36%{transform:rotateX(250deg) rotateY(420deg) rotateZ(98deg) translateY(-42px) scale(1.06)}
  58%{transform:rotateX(420deg) rotateY(650deg) rotateZ(150deg) translateY(-25px) scale(1.02)}
  78%{transform:rotateX(545deg) rotateY(835deg) rotateZ(190deg) translateY(-8px) scale(1.01)}
  100%{transform:rotateX(704deg) rotateY(965deg) rotateZ(237deg) translateY(0) scale(1)}
}
@keyframes diceGlow{
  0%{filter:brightness(1)}
  50%{filter:brightness(1.3)}
  100%{filter:brightness(1)}
}
@keyframes diceShadow{
  0%,100%{transform:translateX(-50%) scale(1);opacity:.55}
  50%{transform:translateX(-50%) scale(.68);opacity:.3}
}
.dice-result-sub{
  margin-top:3px;
  color:#8d887e;
  font:10px "Special Elite",monospace;
  letter-spacing:.12em;
  text-align:center;
  min-height:14px;
}
@media(max-width:600px){
  .dice-visual{width:210px;height:190px}
  .dice-cube{width:120px;height:120px}
  .dice-face-front{transform:translateZ(60px)}
  .dice-face-back{transform:rotateY(180deg) translateZ(60px)}
  .dice-face-right{transform:rotateY(90deg) translateZ(60px)}
  .dice-face-left{transform:rotateY(-90deg) translateZ(60px)}
  .dice-face-top{transform:rotateX(90deg) translateZ(60px)}
  .dice-face-bottom{transform:rotateX(-90deg) translateZ(60px)}
}

/* LORE TEXT EXPEDIENT */
.classified-lore-text{
  max-height:620px;
  overflow:auto;
  padding:5px 14px 20px 2px;
  color:#aaa295;
  line-height:1.7;
  font-size:13px;
}
.classified-lore-text h4{
  margin:24px 0 8px;
  color:#d0c5b2;
  font-family:"Archivo Black",sans-serif;
  font-size:17px;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.classified-lore-text h4:first-child{margin-top:0}
.classified-lore-text p{margin:0 0 13px}
.classified-lore-text strong{color:#d9cdb9}
.classified-lore-text::-webkit-scrollbar{width:6px}
.classified-lore-text::-webkit-scrollbar-track{background:#141412}
.classified-lore-text::-webkit-scrollbar-thumb{background:#4b4034}

/* Completed lore entries: full diagonal strike across the event card */
.lore-item.lore-completed{
  overflow:hidden;
}
.lore-item.lore-completed::after{
  left:-10%;
  width:120%;
  top:50%;
  height:4px;
  background:#a5322e;
  transform:rotate(-8deg);
  transform-origin:center;
  box-shadow:0 1px 4px rgba(0,0,0,.65);
}