:root{--ac:#d8c070;--cy:#22d3ee}
*{box-sizing:border-box;margin:0;user-select:none}
html,body{height:100%;background:#0f0f13;overflow:hidden;font-family:Barlow,Inter,system-ui,sans-serif;color:#fff}
body{display:flex;align-items:center;justify-content:center}
#stage{position:relative;width:1280px;height:720px;flex:none;border-radius:18px;overflow:hidden;box-shadow:0 0 0 3px #353743,0 30px 80px #000;background:#14151a}
canvas{position:absolute;inset:0;width:1280px;height:720px}#cv{width:100%;height:100%}
.px{font-family:'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.14em}
.scr{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(ellipse at 50% 25%,#424553aa,#14151af0 70%);backdrop-filter:blur(5px);z-index:5}
.scr.on{display:flex;animation:in .3s}
@keyframes in{from{opacity:0;transform:scale(1.03)}}
.ttl{font-family:'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.14em;font-size:54px;color:var(--ac);text-shadow:0 5px 0 #6e5f24,0 0 40px #a8944588;text-align:center;line-height:1.35}
.h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.14em;font-size:26px;color:var(--ac);text-shadow:0 3px 0 #6e5f24}
.sub{color:#9ba0bc;letter-spacing:.35em;font-weight:700;text-transform:uppercase}
.btn{font-family:'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.14em;font-size:14px;color:#fff;padding:18px 28px;border:0;border-radius:14px;cursor:pointer;min-width:300px;background:linear-gradient(#c9b25a,#8a7733);box-shadow:0 5px 0 #3d3410,0 12px 24px #0008;text-shadow:0 2px 0 #3d3410;transition:.1s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 #3d3410}
.btn.sec{background:linear-gradient(#50515a,#3d3e48);box-shadow:0 5px 0 #1f2028,0 12px 24px #0008;text-shadow:none}
.btn.sm{min-width:0;padding:14px 20px;font-size:11px}
.btn:disabled{filter:grayscale(1) brightness(.6);pointer-events:none}
.crest{display:inline-block;flex:none;width:34px;height:34px;border-radius:50%;border:3px solid #fffd;box-shadow:inset -6px -8px 14px #0006,inset 6px 6px 12px #fff5,0 4px 14px #0008}
.crest[data-ab]:not([data-ab=""]){position:relative}
.crest[data-ab]:not([data-ab=""])::after{content:attr(data-ab);position:absolute;inset:0;display:grid;place-items:center;font:700 11px Barlow,Inter,sans-serif;color:#fff;-webkit-text-stroke:3px #000;paint-order:stroke fill}
.crest.sm[data-ab]::after{font-size:9px;-webkit-text-stroke:2.5px #000}.crest.md[data-ab]::after{font-size:46px;-webkit-text-stroke:8px #000}.crest.big[data-ab]::after{font-size:58px;-webkit-text-stroke:9px #000}
#lg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:800px}.gb{background:#14151acc;border:2px solid #50515a;border-radius:10px;padding:5px 6px}.gb h5{font:700 14px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;color:var(--ac);margin:2px 0 5px}
.ls{display:flex;align-items:center;gap:6px;height:28px;padding:0 5px;border-radius:6px;background:#ffffff14;font:700 13px Barlow,Inter,sans-serif;cursor:pointer;white-space:nowrap;overflow:hidden;margin-bottom:2px}.ls.e{color:#7a7d8a;font-weight:500}.ls.me{background:#d8c07040}.ls.sel{outline:3px solid #facc15;background:#575b6e}
.ls em{font:700 12px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;background:#facc15;color:#000;padding:3px 4px;margin-left:auto;font-style:normal;border-radius:3px}
#ll{width:430px;padding:8px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(16,26px);grid-template-columns:1fr 1fr;gap:2px 8px}.lt{display:flex;align-items:center;gap:6px;padding:0 5px;border-radius:6px;font:700 13px Barlow,Inter,sans-serif;cursor:pointer;white-space:nowrap;overflow:hidden;background:#ffffff10}.lt small{margin-left:auto;font:700 12px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;color:#9093a3}.lt.u{opacity:.35}.lt.sel{outline:3px solid #facc15;background:#575b6e}
.dense td{padding:3px 6px;font-size:15px}.dense th{padding:9px 6px}.dense .crest.sm{width:22px;height:22px}.qz{box-shadow:inset 4px 0 0 #34d399}.rz{box-shadow:inset 4px 0 0 #f87171}.oz{box-shadow:inset 4px 0 0 #fb923c}
.bkc{display:flex;gap:12px;height:460px}.bkc>div{flex:1;display:flex;flex-direction:column;min-width:0}.bci{flex:1;display:flex;flex-direction:column;justify-content:space-around}table.dense{table-layout:fixed}table.dense th:nth-child(1){width:44px}table.dense th:nth-child(n+3){width:52px}.bkc h6{font:700 12px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;color:var(--ac);text-align:center}.bm{background:#0006;border-radius:8px;padding:3px 6px;font:700 12px Barlow,Inter,sans-serif}.bm.me{outline:2px solid var(--ac)}.bm div{display:flex;align-items:center;gap:5px;height:22px;white-space:nowrap;overflow:hidden}.bm b{margin-left:auto;color:var(--ac)}.bm .w{color:#facc15}.bm .l{opacity:.5}
.crest.sm{width:28px;height:28px;border-width:2px}.crest.big{width:200px;height:200px;border-width:6px;box-shadow:inset -22px -26px 40px #0007,inset 18px 18px 34px #fff5,0 0 60px #fff3,0 14px 40px #000a;transition:.25s}
.pick{display:flex;align-items:center;gap:70px}
.arw{width:110px;height:110px;background:none;border:0;cursor:pointer;transition:.12s;filter:drop-shadow(0 6px 10px #000a)}
.arw:hover{transform:scale(1.14)}.arw:active{transform:scale(.9)}.arw.r{transform:scaleX(-1)}.arw.r:hover{transform:scaleX(-1.14) scaleY(1.14)}
.mid{display:flex;flex-direction:column;align-items:center;gap:16px;width:420px}
.nm{font-size:36px;font-weight:700;letter-spacing:.06em;width:100%;text-align:center;padding:8px 0;border-top:1px solid #fff4;border-bottom:1px solid #fff4}
.stars{color:var(--ac);font-size:34px;letter-spacing:.12em;text-shadow:0 0 14px #d8c07099}
.hint{color:#9093a3;font-size:17px}
.hint b{color:var(--ac)}
.row{display:flex;gap:26px;align-items:flex-start;width:1160px}
.panel{background:linear-gradient(135deg,#353743ee,#1f2028ee);border:3px solid #a89445;border-radius:16px;box-shadow:0 15px 35px #000a,inset 0 0 24px #a8944533;overflow:hidden}
table{width:100%;border-collapse:collapse}
th{font:700 16px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;padding:14px 8px;background:#42455399;text-align:center}
th:nth-child(2){text-align:left}
td{padding:9px 8px;text-align:center;font-size:19px;font-weight:700}
td:nth-child(2){text-align:left;display:flex;align-items:center;gap:10px;white-space:nowrap}
td:nth-child(2) small{color:var(--ac);font-size:13px;letter-spacing:1px}
tbody tr:nth-child(even){background:#ffffff0b}
tr.me{background:#575b6e55!important;box-shadow:inset 4px 0 0 var(--ac)}
.pos{color:#9093a3}.up{color:#34d399}.dn{color:#f87171}
.fx{width:440px;flex:none;padding:18px;display:flex;flex-direction:column;gap:12px}
.rnav{display:flex;align-items:center;justify-content:space-between;font:700 19px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em}
.nb{width:42px;height:42px;border-radius:50%;border:3px solid #fff8;background:#3d3e48;color:#fff;font-size:18px;cursor:pointer}.nb:hover{background:#50515a}.nb:disabled{opacity:.3;pointer-events:none}
.fxi{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px;border-radius:10px;background:#0006;font-weight:700;font-size:15px}
.fxi span{display:flex;align-items:center;gap:7px}.fxi span:last-child{justify-content:flex-end;text-align:right}
.fxi b{font:700 19px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;color:var(--ac);min-width:56px;text-align:center}
.fxi.me{outline:2px solid var(--ac);background:#575b6e44}
.tag{font-size:13px;color:#9ba0bc;text-align:center;height:16px}
#hud{position:absolute;top:14px;left:14px;right:auto;display:none;justify-content:flex-start;align-items:stretch;gap:0;z-index:4;pointer-events:none}
.hs{display:flex;align-items:center;gap:12px;background:#1f2028e6;border:2px solid #50515a;padding:8px 18px;font-weight:700;font-size:19px;min-width:270px}
.hs.a{border-radius:14px 0 0 14px;justify-content:flex-start}.hs.b{border-radius:0 14px 14px 0;justify-content:flex-end}
.hs em{font:700 31px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;color:var(--ac);background:#0008;padding:6px 10px;border-radius:8px;min-width:50px;text-align:center}
#hlg,#sc,.ab,#gl,.tc{display:none}#gl{order:5}#hud.ag #gl{display:block}#hud #gl{display:none}#hud.ag.lib #gl,#hud.ag.arg #gl{display:block}#hud.lib #gl{background:linear-gradient(#ecc861,#b98f27);color:#1a1200}#hud.arg #gl{background:#c9ced6;color:#1d1f22}#hud #gl{padding:6px 12px;border-radius:3px;font-weight:800;font-size:24px;align-self:stretch;display:none;align-items:center}#hud.ag.lib #gl,#hud.ag.arg #gl{display:flex}.hs{position:relative}#hud.lib .tc{display:block;position:absolute;left:0;right:0;bottom:0;height:6px}#sc{position:relative}#hud.arg #sc::before,#hud.arg #sc::after{content:'';position:absolute;top:0;bottom:0;width:11px}#hud.arg #sc::before{left:0;background:linear-gradient(var(--a1) 50%,var(--a2) 50%)}#hud.arg #sc::after{right:0;background:linear-gradient(var(--b1) 50%,var(--b2) 50%)}#sc u{text-decoration:none}#hud.lib #tm,#hud.arg #tm{order:1}
#pool{display:none;gap:10px;margin:-6px 0 4px}#pool button{font:700 14px 'Press Start 2P',monospace;background:#14151a;color:#9ba0bc;border:2px solid #3d3e48;border-radius:10px;padding:10px 16px;cursor:pointer}#pool button.on{background:#575b6e;color:#fff;border-color:var(--ac)}
#hud .hs.a{order:1}#hud #tm{order:2}#hud .hs.b{order:3}
#hud.lib,#hud.arg{gap:3px;top:16px;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
#hud.lib #hlg,#hud.arg #hlg{display:flex;order:0;align-items:center;justify-content:center;flex-direction:column;line-height:1.05;text-transform:uppercase;font-weight:800;padding:0 14px;border-radius:3px}
#hud.lib #hlg{background:#181b20;border:2px solid #d4a93a;color:#e9c45a;font-size:12px;letter-spacing:.08em}#hud.lib #hlg small{font-size:9px;color:#fff;letter-spacing:.2em}
#hud.arg #hlg{background:#18191f;color:#fff;font-size:22px;letter-spacing:.06em;border-left:5px solid #758492}
#hud.lib .hs,#hud.arg .hs{border:0;border-radius:3px;min-width:0;padding:6px 14px;gap:8px;font-weight:800;font-size:26px;letter-spacing:.05em;color:#fff}
#hud.lib .hs>span:not(.ab),#hud.arg .hs>em,#hud.lib .hs>em,#hud.arg .hs>.nm,#hud.lib #na,#hud.lib #nb,#hud.arg #na,#hud.arg #nb{display:none}
#hud.lib .hs .ab,#hud.arg .hs .ab{display:inline}
#hud.lib .hs{background:#0a0a0a}#hud.lib .hs.a{order:2}
#hud.lib #sc,#hud.arg #sc{display:flex;order:3;align-items:center;gap:10px;font-weight:800;font-size:26px;padding:6px 18px}
#hud.lib #sc{background:#0a0a0a;color:#fff}#hud.lib #sc i,#hud.arg #sc i{font-style:normal}
#hud.lib .hs.b{order:4}#hud.lib .hs.b>#hb{display:none}
#hud.lib #tm{background:linear-gradient(#ecc861,#b98f27);color:#1a1200;border:0;border-radius:3px;font:800 24px 'Barlow Condensed','Arial Narrow',Impact,sans-serif;padding:6px 16px;letter-spacing:.04em}
#hud.arg .hs{background:#22242b}#hud.arg .hs.a{order:2}#hud.arg #sc{background:#fff;color:#22242b;padding:6px 30px}
#hud.arg .hs.b{order:4}#hud.arg #tm{background:#c9ced6;color:#1d1f22;border:0;border-radius:3px;font:800 22px 'Barlow Condensed','Arial Narrow',Impact,sans-serif;padding:6px 14px;letter-spacing:.03em}
#tm{font:700 24px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;color:#34d399;background:#14151a;border:2px solid var(--ac);padding:14px 16px;display:flex;align-items:center}
.cfg{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:24px;width:760px}
.cfg h3{font:700 20px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;text-align:center;margin-bottom:14px}
.kr{display:flex;justify-content:space-between;align-items:center;background:#14151a;border:1px solid #3d3e48;border-radius:8px;padding:8px 12px;margin-bottom:10px}
.kr button{font:700 17px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;background:#353743;color:var(--ac);border:1px solid #50515a;border-radius:6px;padding:6px 10px;cursor:pointer}
.ov{position:relative;width:900px;padding:34px 44px 38px;display:flex;flex-direction:column;align-items:center;gap:22px}
#os{font-size:34px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.05em;line-height:1.5}
#tl{position:relative;width:760px;height:112px;margin:6px 0 4px}
#tl .bar{position:absolute;left:0;right:0;top:34px;height:8px;border-radius:4px;background:linear-gradient(#50515a,#353743)}
#tl .tk{position:absolute;top:60px;font-size:13px;color:#9093a3;transform:translateX(-50%)}
.mk{position:absolute;top:21px;margin-left:-17px;cursor:pointer;transition:.12s}.mk:hover{transform:scale(1.3)}
#skip{position:absolute;right:28px;bottom:24px;z-index:6;display:none;min-width:0;padding:14px 26px;font-size:13px}
.scr::before{content:'';position:absolute;inset:-150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='130'%3E%3Cpath d='M135 65l-30 52H45L15 65l30-52h60z' fill='none' stroke='%23a89445' stroke-opacity='.14' stroke-width='3'/%3E%3Cpath d='M60 0L30 -52M0 0l-30 52M150 130l30 52' fill='none'/%3E%3Cpath d='M150 0l-30 52M0 130l30-52' stroke='%233550c8' stroke-opacity='.12' stroke-width='3'/%3E%3C/svg%3E");z-index:-1;pointer-events:none;animation:hexm 30s linear infinite}
@keyframes hexm{to{transform:translate(150px,130px)}}
.btn{position:relative;overflow:hidden}.btn::after{content:'';position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(90deg,transparent,#fff6,transparent);transform:skewX(-20deg);transition:.5s}.btn:hover::after{left:130%}
.rib{position:relative;min-width:560px;padding:14px 70px;text-align:center;font:700 36px Barlow,Inter,sans-serif;letter-spacing:.06em;color:#fff;background:linear-gradient(#525564,#3c3f4c);clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%);text-shadow:0 3px 0 #14151a}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;animation:fl 10s ease-in-out infinite alternate;z-index:-1}
.b1{width:460px;height:460px;background:#575b6e;left:-120px;top:-100px}.b2{width:420px;height:420px;background:#a89445;right:-110px;bottom:60px;animation-delay:-4s}.b3{width:300px;height:300px;background:#a89445;left:48%;top:55%;animation-delay:-7s}
@keyframes fl{to{transform:translate(70px,-50px) scale(1.2)}}
.logo{display:flex;align-items:center;gap:26px;margin-top:-10px}
.bl{position:relative;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#a2a6ac 60%,#686975);box-shadow:0 14px 30px #000a,inset -10px -12px 20px #0004;animation:bn 1.4s ease-in-out infinite alternate}
.bl::after{content:'';position:absolute;inset:33%;background:#141518;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}
@keyframes bn{from{transform:translateY(0) rotate(0)}to{transform:translateY(-16px) rotate(40deg)}}
.ttl2{font:58px/1.15 'Press Start 2P',monospace;text-align:left;background:linear-gradient(#fff3c4,#d8c070 48%,#a89445);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 #4a3f14) drop-shadow(0 0 26px #a8944566)}
.ttl2 span{display:block;font-size:68px}
.sub2{color:#9ba0bc;letter-spacing:.38em;font-weight:700;font-size:16px}
.menu{display:flex;flex-direction:column;gap:13px;margin-top:6px}
.mi{display:flex;align-items:center;gap:20px;width:540px;padding:13px 26px;text-align:left;color:#fff;cursor:pointer;font-family:Barlow,Inter,sans-serif;border:2px solid #a89445aa;border-radius:18px;background:linear-gradient(135deg,#424553cc,#1f2028dd);box-shadow:0 8px 22px #0008;transition:.15s;position:relative;overflow:hidden}
.mi::after{content:'';position:absolute;top:0;left:-60%;width:30%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:skewX(-20deg);transition:.55s}
.mi:hover{transform:translateX(10px) scale(1.02);border-color:var(--ac);box-shadow:0 0 0 2px #d8c07055,0 12px 30px #000a,0 0 30px #d8c07033}.mi:hover::after{left:130%}
.mi em{font-style:normal;font-size:40px;width:52px;text-align:center}.mi b{font-size:24px;letter-spacing:.09em;display:flex;flex-direction:column}
.mi small{font-weight:500;font-size:14px;letter-spacing:0;color:#9ba0bc;margin-top:1px}.mi.alt{background:linear-gradient(135deg,#3d3e48cc,#1f2028dd);border-color:#68697599}
.belt{position:absolute;left:0;right:0;bottom:22px;overflow:hidden;opacity:.85;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
#bt2{display:flex;gap:40px;width:max-content;animation:mq 26s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
#duo{display:none;width:1180px;align-items:stretch;justify-content:center}
.dp{flex:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 24px}
.dn{width:100%;text-align:center;font:700 32px Barlow,Inter,sans-serif;letter-spacing:.05em;padding:9px 0;border-top:1px solid #fff6;border-bottom:1px solid #fff6;background:#0007}
.dr{display:flex;align-items:center;gap:38px}.dr .arw{width:88px;height:88px}
.dv{width:2px;background:linear-gradient(transparent,#fff8,transparent)}
.crest.md{width:156px;height:156px;border-width:5px;box-shadow:inset -18px -20px 32px #0007,inset 14px 14px 26px #fff5,0 0 40px #fff2,0 12px 30px #000a}
.sx{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.sx i{font-style:normal;background:#0009;border:1px solid #50515a;border-radius:20px;padding:3px 11px;font-size:14px;color:#a2a6ac}
.who{font:700 17px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;letter-spacing:.05em}
.fxi b small{display:block;font:500 10px Barlow,Inter,sans-serif;color:#fb923c;margin-top:2px}
.rnav{font-size:11px!important}
.crest.lg{background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;filter:drop-shadow(0 4px 10px #000a)}
.menu{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.mi{width:430px;padding:9px 18px;gap:14px}.mi em{font-size:30px;width:40px}.mi b{font-size:19px}.mi small{font-size:12px}
.mi:last-child{grid-column:1/-1;justify-self:center}
.mi.foc{transform:translateX(10px) scale(1.02);border-color:var(--ac);box-shadow:0 0 0 2px #d8c07066,0 12px 30px #000a,0 0 30px #d8c07044}
.tabs{display:flex}.tb{flex:1;font:700 16px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;padding:15px 8px;border:0;color:#fff;background:#27282f;cursor:pointer;opacity:.6}.tb.on{background:#424553;opacity:1;box-shadow:inset 0 -4px 0 var(--ac)}.tb:disabled{opacity:.25;cursor:default}
#br{padding:10px 14px 14px;display:flex;flex-direction:column;gap:7px}#br h4{font:700 16px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;color:var(--ac);margin-top:6px}.fxi .w{color:var(--ac)}
#s-menu{align-items:stretch;justify-content:flex-start;gap:0;background:#14151a;backdrop-filter:none;overflow:hidden}#s-menu::before{display:none}
.pbg{position:absolute;inset:0;background:radial-gradient(circle at 78% 55%,#d8c07066,transparent 45%),repeating-linear-gradient(-14deg,#fff0 0 34px,#ffffff14 34px 38px),linear-gradient(100deg,#efe9d2 0%,#e1d49f 24%,#c9ab52 44%,#5a5c69 68%,#272832 88%,#14151a 100%);overflow:hidden}
.sw{position:absolute;border-radius:50%;border:4px solid #ffe9a055;animation:spn 28s linear infinite}
.s1{left:44%;top:6%;width:660px;height:380px}.s2{left:56%;top:34%;width:520px;height:520px;border-color:#d8c07044;animation-duration:40s;animation-direction:reverse}.s3{left:30%;top:50%;width:700px;height:300px;border-color:#ffffff33;animation-duration:34s}
@keyframes spn{to{transform:rotate(360deg)}}
#fall{position:absolute;inset:0;overflow:hidden}.fc{position:absolute;top:-170px;animation:fall linear infinite}.fc .crest{width:100%;height:100%}
@keyframes fall{from{transform:translateY(0) rotate(var(--r0))}to{transform:translateY(960px) rotate(var(--r1))}}
.pttl{position:absolute;left:70px;top:26px;display:flex;align-items:flex-end;gap:18px;font-family:Barlow,Inter,sans-serif;font-style:italic;font-weight:700;text-transform:uppercase;z-index:2;filter:drop-shadow(0 5px 6px #0006)}
.pt1{font-size:78px;line-height:.9;color:#0c0c0e;-webkit-text-stroke:3px #d8c070;paint-order:stroke fill;letter-spacing:.02em}
.pt2{font-size:112px;line-height:.82;color:#e8cf7a;-webkit-text-stroke:4px #0c0c0e;paint-order:stroke fill;letter-spacing:.02em}
.pbd{align-self:flex-start;margin:8px 0 0 4px;background:#d8c070;color:#0c0c0e;font:normal 12px/1.4 'Press Start 2P',monospace;padding:7px 9px;border:2px solid #0c0c0e}
#pm{position:absolute;left:0;top:246px;width:100%;z-index:2}
.pi{position:relative;width:78%;height:76px;margin-bottom:8px;display:flex;align-items:center;padding-left:112px;font:italic 700 54px Barlow,Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#111214;cursor:pointer;text-shadow:0 2px 0 #fff4}
.pi.sel{color:#e8cf7a;text-shadow:none;background:linear-gradient(90deg,#070709 0,#070709 62%,#07070900 96%)}
.pi.sel::before{content:'';position:absolute;left:38px;top:50%;width:52px;height:52px;margin-top:-26px;border-radius:50%;border:5px solid #d8c070;background:#070709}
.pi.sel::after{content:'';position:absolute;left:56px;top:50%;width:16px;height:16px;margin-top:-8px;background:#d8c070;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.tick{position:absolute;left:0;right:0;bottom:0;height:52px;background:#a5a6b0;border-top:3px solid #fff;border-bottom:3px solid #7a7f9f;overflow:hidden;display:flex;align-items:center;z-index:3}
#tk{white-space:nowrap;padding-left:100%;font:500 22px 'Courier New',monospace;color:#1c1d20;animation:tkm 20s linear infinite}@keyframes tkm{to{transform:translateX(-100%)}}
#br{padding:6px 0 10px;display:flex;flex-direction:row;justify-content:center;gap:0}
.bk{position:relative;width:674px;height:350px}
.bt{position:absolute;height:30px;display:flex;align-items:center;gap:6px;padding:0 6px;background:#14151acc;border:1px solid #50515a;border-radius:6px;font:700 12px Barlow,Inter,sans-serif;overflow:hidden}
.bt .crest.sm{width:24px;height:24px;border-width:2px}.bt span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt b{font-size:15px;min-width:10px;text-align:center}
.bt.r{flex-direction:row-reverse}.bt.r span{text-align:right}.bt.w{border-color:var(--ac);box-shadow:inset 0 0 0 1px var(--ac)}.bt.w b{color:var(--ac)}.bt.l{opacity:.55}.bt.me{background:#525564cc}.bt.e{justify-content:center;opacity:.5}
.bh{position:absolute;top:2px;transform:translateX(-50%);font:700 12px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;color:var(--ac);white-space:nowrap}
.tro{position:absolute;width:72px;text-align:center}.tro .tr{font-size:52px;line-height:1.1}.tro small{display:block;font:700 11px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;color:var(--ac);margin-top:4px}
#s-edit,#s-opt{align-items:stretch;justify-content:flex-start;gap:0;overflow:hidden;backdrop-filter:none;background:radial-gradient(ellipse at 78% 100%,#d8c070aa,transparent 55%),repeating-linear-gradient(0deg,#ffffff00 0 60px,#d8c07022 60px 62px),linear-gradient(#14151a,#31333f)}#s-edit::before,#s-opt::before{display:none}
.ehd{height:50px;background:linear-gradient(#4a4f5d,#2b2f3c);border-bottom:2px solid #94969d;display:flex;align-items:center;padding:0 24px;font:700 28px Barlow,Inter,sans-serif;text-shadow:0 2px 0 #000}
#el,#ol{position:absolute;left:22px;top:72px;width:540px;display:flex;flex-direction:column;gap:8px}
.eb{display:flex;align-items:center;gap:14px;height:56px;padding:0 16px;border:2px solid #7a809c;border-radius:12px;background:linear-gradient(#b3b6c0,#8b8c96);color:#222227;font:700 26px Barlow,Inter,sans-serif;box-shadow:0 3px 0 #0006;cursor:pointer}
.eb i{font-style:normal;font-size:28px;width:40px;text-align:center}.eb span{flex:1}.eb em{font-style:normal;font-size:22px;color:#424553;display:flex;align-items:center;gap:12px}.eb em b{cursor:pointer;padding:0 6px;color:#6b5a14}.eb em b:hover{color:#000}
.eb.sel{background:linear-gradient(#f6e48f,#c9a93c);border-color:#fff;box-shadow:0 0 0 3px #d8c070aa,0 3px 0 #0006;color:#1a1400}.eb.sel em{color:#1a1400}
.eb.sm{height:42px;font-size:21px;border-radius:10px}.eb.sm i{font-size:22px;width:34px}.eb.sm em{font-size:19px}#ol{top:64px;gap:5px}
#od{position:absolute;right:46px;top:90px;width:480px;font:600 23px/1.4 Barlow,Inter,sans-serif;color:#b1b5cb;background:#14151a99;border:2px solid #d8c07066;border-radius:14px;padding:22px 26px}#od b{display:block;color:#d8c070;font:700 30px Barlow,Inter,sans-serif;margin-bottom:8px}
.tabs{display:flex;gap:10px}.tabs button{font:700 19px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;padding:12px 22px;border-radius:10px;border:2px solid #50515a;background:#14151a;color:#9ba0bc;cursor:pointer}.tabs button.on{background:#d8c070;color:#1a1400;border-color:#fff}
#fpsd{position:absolute;right:12px;top:8px;font:700 17px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;color:#facc15;z-index:9;text-shadow:0 2px 0 #000;display:none;pointer-events:none}
.epv{position:absolute;right:46px;top:62px;width:420px;height:440px}.epv canvas{position:absolute;inset:0;width:420px;height:440px}
#ek,#otk{white-space:nowrap;padding-left:100%;font:500 22px 'Courier New',monospace;color:#1c1d20;animation:tkm 20s linear infinite}
#ph{position:absolute;top:8px;right:12px;z-index:12;display:none;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 14px;max-width:820px;background:#0b0c0fd9;border:2px solid #d8c070;border-radius:12px;padding:6px 12px;font:700 14px Barlow,Inter,sans-serif;color:#b1b5cb;pointer-events:none}
#ph.on{display:flex}#ph.bot{top:auto;right:auto;left:50%;bottom:14px;transform:translateX(-50%);justify-content:center}
.phi{display:flex;align-items:center;gap:6px;white-space:nowrap}
.pk{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:12px;font:700 12px Barlow,Inter,sans-serif;font-style:normal;color:#fff;background:#50515a;border:2px solid #fff8}
.pk.k0{background:#16a34a}.pk.k1{background:#dc2626}.pk.k2{background:#58637c}.pk.k3{background:#ca8a04}
.pad [data-pk]::before{content:attr(data-pk);display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;margin-right:10px;border-radius:12px;background:#fff;color:#111;font:700 12px Barlow,Inter,sans-serif;text-shadow:none;vertical-align:middle}
.foc{outline:3px solid #facc15!important;outline-offset:2px}
#nc .code{display:inline-flex;align-items:center;gap:10px;background:#14151a;border:2px dashed #a89445;border-radius:12px;padding:6px 16px;font:700 13px 'Press Start 2P',monospace;color:#9ba0bc;margin:2px 0 8px}#nc .code b{color:#facc15;letter-spacing:6px;font-size:20px}
.rm{display:flex;gap:12px;justify-content:center;align-items:stretch;width:100%}
.rcol{flex:1;min-width:0;background:#14151acc;border:2px solid #3d3e48;border-radius:14px;padding:8px 10px}.rcol.mid{flex:.8;border-style:dashed}
.rcol h4{font:700 17px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;margin:4px 0 8px;color:#9ba0bc;display:flex;justify-content:space-between}.rcol.L h4{color:#70859d}.rcol.R h4{color:#f87171}
.pc{display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#3d3f4d,#25262f);border:2px solid transparent;border-radius:10px;padding:6px 10px;margin:5px 0;text-align:left;font:700 17px Barlow,Inter,sans-serif;min-height:42px}
.pc.me{border-color:#facc15}.pc.free{background:none;border:2px dashed #3d3e48;color:#6a6c79;font-weight:500;justify-content:center}
.pc small{margin-left:auto;opacity:.8;font-size:12px;display:flex;align-items:center;gap:5px;white-space:nowrap}
.rcol.g{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.rstat{font:600 15px Barlow,Inter,sans-serif;color:#facc15;margin-top:8px;min-height:20px}
.rmo{display:inline-block;font:700 11px 'Press Start 2P',monospace;padding:4px 8px;border-radius:6px;background:#575b6e;color:#fff;margin-right:6px}
.rmo.lib{background:#b8912e;color:#1a1200}.rmo.liga{background:#758492;color:#181b20}.rmo.w{background:#ef4444}
.pfc{display:flex;gap:12px;justify-content:center;align-items:center;background:#14151a;border:2px solid #3d3e48;border-radius:14px;padding:8px 20px;font:700 30px Barlow,Inter,sans-serif;margin:2px auto 6px;min-width:380px;width:fit-content}
.pcs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:3px 0}.pcs i{width:26px;height:26px;border-radius:50%;border:3px solid #0008;cursor:pointer}.pcs i.on{border-color:#fff;transform:scale(1.2)}
#nc input.pn{font:700 22px Barlow,Inter,sans-serif;text-align:center;width:300px;padding:8px;border-radius:10px;border:3px solid #a89445;background:#14151a;color:#fff}
#nbt.col{flex-direction:column;align-items:stretch;flex-wrap:nowrap;width:100%;max-height:390px;overflow:auto;padding:2px 6px}
#nc{max-height:330px;overflow:auto}
.nr{display:flex;align-items:center;gap:10px;padding:5px 12px;margin:3px 0;border-radius:10px;background:#14151acc;border:2px solid #50515a;font:700 16px Barlow,Inter,sans-serif;text-align:left}
.nr small{margin-left:auto;display:flex;align-items:center;gap:6px;color:#9ba0bc;font-weight:500;font-size:14px}
.tg2{display:inline-block;font:700 14px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.12em;padding:5px 7px;border-radius:5px;background:#facc15;color:#000}
.nit{display:flex;align-items:center;gap:10px;padding:9px 16px;border:2px solid #a89445aa;border-radius:12px;background:linear-gradient(135deg,#424553cc,#1f2028dd);color:#fff;cursor:pointer;font:700 17px Barlow,Inter,sans-serif;text-align:left;box-shadow:0 4px 12px #0008}
#nbt:not(.col) .nit{min-width:220px;justify-content:center}
.nit span{flex:1}.nit em{font-style:normal;display:flex;gap:12px;color:#facc15}.nit em b{cursor:pointer;padding:0 6px}.nit.dis{opacity:.35;cursor:default}
.nit:hover:not(.dis){filter:brightness(1.18)}
.lob.dim{pointer-events:none;filter:brightness(.4) blur(1.5px)}
.cmw{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0007;z-index:9}
.cmb{position:relative;width:430px;padding:46px 26px 22px;display:flex;flex-direction:column;gap:6px;align-items:stretch;background:linear-gradient(135deg,#353743fa,#1f2028fa);border:4px solid #a89445;border-radius:14px;box-shadow:0 20px 50px #000c,inset 0 0 24px #a8944533;text-align:center}
.cmt{position:absolute;top:-27px;left:50%;transform:translateX(-50%);padding:6px 28px;background:#14151a;border:4px solid #a89445;border-radius:10px;font:900 30px Barlow,Inter,sans-serif;color:#fff;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}
.cmb label{font:900 15px Barlow,Inter,sans-serif;color:#fff;letter-spacing:.04em;margin-top:6px;text-transform:uppercase}.cmb label small{opacity:.6;font-weight:600;text-transform:none}
.cmi{position:relative;justify-content:center;height:46px;padding:0 12px;background:#14151a!important;border:3px solid #a89445!important;border-radius:8px;box-shadow:none;cursor:text}
.cmi input{flex:1;min-width:0;background:none;border:0;outline:0;text-align:center;font:700 22px Barlow,Inter,sans-serif;color:#fff;user-select:text}
.cmi.cml{cursor:pointer;font:900 20px Barlow,Inter,sans-serif}
.pad .cmi[data-pk]::before{position:absolute;left:8px;margin:0}
.cmj{justify-content:center;gap:14px;padding:2px;background:none!important;border:2px solid transparent!important;box-shadow:none}
.cmj b{cursor:pointer;display:flex;padding:4px;line-height:0}.cmj b svg{display:block}.cmj b:hover polygon{fill:#ffffff33}
.cmj .sg{background:#000;border:3px solid #a89445;border-radius:4px;padding:6px 24px;line-height:0}
.cmr{display:flex;gap:10px;margin-top:8px}.cmr .nit{min-width:0;padding:0 6px;white-space:nowrap}.pad .cmbtn::before{margin-right:8px}.cmbtn{flex:1;justify-content:center!important;font:900 22px Barlow,Inter,sans-serif;height:50px;border:3px solid #a89445!important;border-radius:8px;background:#14151a!important;box-shadow:none}
.cmh{font:600 12px Barlow,Inter,sans-serif;opacity:.75;margin-top:6px}.cmh.pd{display:none}.pad .cmh.pd{display:block}.pad .cmh.kb{display:none}
.lrow .lk{display:flex;line-height:0}.lrow .lk svg{width:24px;height:28px}

/* ===== TEMA LIBERTADORES: NEGRO Y DORADO ===== */
#stage.lib{--ac:#e3b947;box-shadow:0 0 0 3px #7a5c14,0 30px 80px #000;background:#050505}
#stage.lib .scr{background:radial-gradient(ellipse at 50% 18%,#4d3a10aa,#060606f4 66%)}
#stage.lib .scr::before{opacity:.55}
#stage.lib .ttl,#stage.lib .h2{color:#e3b947;text-shadow:0 3px 0 #3a2a05,0 0 30px #e3b94744}
#stage.lib .rib{background:linear-gradient(#f4dc88,#b98f27);color:#1a1200;text-shadow:0 1px 0 #fff7;filter:drop-shadow(0 6px 10px #000a)}
#stage.lib .panel{background:linear-gradient(135deg,#1a1a1af2,#050505f2);border-color:#d4a93a;box-shadow:0 15px 35px #000c,inset 0 0 26px #d4a93a24}
#stage.lib th{background:#2b2108}
#stage.lib tr.me{background:#d4a93a33!important}
#stage.lib tbody tr:nth-child(even){background:#ffffff0a}
#stage.lib .pos{color:#cdb36a}
#stage.lib .btn{background:linear-gradient(#f4dc88,#b98f27);color:#1a1200;text-shadow:0 1px 0 #fff6;box-shadow:0 5px 0 #5a4410,0 12px 24px #000b}
#stage.lib .btn:active{box-shadow:0 1px 0 #5a4410}
#stage.lib .btn.sec{background:linear-gradient(#2a2a2a,#0b0b0b);color:#e3b947;border:2px solid #d4a93a;box-shadow:0 5px 0 #000,0 12px 24px #000b;text-shadow:none}
#stage.lib .btn::after{background:linear-gradient(90deg,transparent,#fff8,transparent)}
#stage.lib .tb{background:#101010;color:#e3b947}
#stage.lib .tb.on{background:#2b2108;color:#fff}
#stage.lib .nb{background:#1c1c1c;border-color:#d4a93a;color:#e3b947}
#stage.lib .nb:hover{background:#352a0c}
#stage.lib .gb{background:#0a0a0acc;border-color:#6b5518}
#stage.lib .ls{background:#ffffff10}
#stage.lib .ls.me,#stage.lib .lt.me{background:#d4a93a40}
#stage.lib .ls.sel,#stage.lib .lt.sel{background:#6b5518}
#stage.lib .ls.e{color:#9c8a55}
#stage.lib .lt{background:#ffffff10}
#stage.lib .fxi{background:#000a}
#stage.lib .fxi.me{background:#d4a93a26}
#stage.lib .bt{background:#0a0a0acc;border-color:#6b5518}
#stage.lib .bt.me{background:#4a3a10cc}
#stage.lib .hint,#stage.lib .sub,#stage.lib .tag,#stage.lib .sub2{color:#cdb36a}
#stage.lib #pool button{background:#0a0a0a;color:#cdb36a;border-color:#6b5518}
#stage.lib #pool button.on{background:#6b5518;color:#fff}
#stage.lib .stars{text-shadow:0 0 14px #e3b94766}
#stage.lib .dn{background:#000a}
#stage.lib .sx i{background:#000b;border-color:#6b5518;color:#e8d9a8}
#stage.lib .nm{border-color:#d4a93a66}
#stage.lib .rnav{color:#e3b947}
#stage.lib .rcol,#stage.lib .pfc,#stage.lib .nr{background:#0a0a0acc;border-color:#6b5518}
#stage.lib .pc{background:linear-gradient(135deg,#2a2208,#0c0c0c)}
#stage.lib .nit{background:linear-gradient(135deg,#2a2208,#0c0c0c);border-color:#d4a93a}
#stage.lib #nc .code{background:#0a0a0a;color:#cdb36a;border-color:#d4a93a}
#stage.lib #nc input.pn{background:#0a0a0a;border-color:#d4a93a}
#stage.lib #tl .bar{background:linear-gradient(#d4a93a,#6b5518)}
#stage.lib .blob.b1{background:#7a5c14}#stage.lib .b2,#stage.lib .b3{background:#d4a93a}
#stage.lib .arw svg polygon:first-child{fill:#d4a93a88}


/* ===== LOBBY ONLINE ===== */
#s-net.lay{justify-content:flex-start;align-items:stretch;padding:0}
#s-net.lay .panel.ov{width:100%!important;height:100%;box-sizing:border-box;padding:26px 34px 24px!important;background:none;border:0;box-shadow:none;align-items:stretch;justify-content:flex-start;gap:0!important;text-align:left!important;overflow:visible}
#s-net.lay #nh,#s-net.lay #nm,#s-net.lay #nbt{display:none!important}
#s-net.lay #nc{max-height:none;overflow:visible;margin:0}
.lob{display:grid;grid-template-columns:1fr 420px;grid-template-rows:auto 1fr;column-gap:20px;height:100%}
.lhd{grid-column:1;grid-row:1}
.lh1{font:900 62px/1 Barlow,Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 4px 0 #14151a}
.lh2{font:900 32px/1.2 Barlow,Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--ac);margin:4px 0 12px}
.lrooms{grid-column:1;grid-row:2;min-height:0;padding:10px;overflow:auto;display:flex;flex-direction:column;gap:8px}
.lrow{display:flex;align-items:center;gap:14px;padding:8px 16px;border:2px solid #a89445aa;border-radius:10px;background:linear-gradient(135deg,#424553cc,#1f2028dd);cursor:pointer;font:700 24px Barlow,Inter,sans-serif;text-transform:uppercase;min-height:60px;flex:none}
.lrow .crest{width:40px;height:40px;border-width:2px}
.lrow .rn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lrow .rc{font:700 24px Barlow,Inter,sans-serif;white-space:nowrap}
.lrow small{font:700 11px 'Press Start 2P',monospace;color:#34d399;white-space:nowrap}
.lrow.dis{opacity:.45;cursor:default}.lrow.dis small{color:#ef4444}
.lrow:hover:not(.dis){filter:brightness(1.18)}
.lrow .rmo{margin:0;font-size:9px}
.lemp{margin:auto;text-align:center;font:600 20px/1.5 Barlow,Inter,sans-serif;color:#9ba0bc;padding:20px}
.lcol2{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:12px;min-height:0}
.lbtn{display:flex;align-items:center;justify-content:center;height:64px;border:3px solid #a89445;border-radius:12px;background:linear-gradient(135deg,#424553,#1f2028);font:900 24px Barlow,Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#fff;cursor:pointer;box-shadow:0 5px 0 #14151a;flex:none}
.lbtn:hover{filter:brightness(1.2)}
.lprof{flex:1;min-height:0;padding:12px 16px 14px;display:flex;flex-direction:column;align-items:stretch;gap:8px}
.lpt{font:900 22px Barlow,Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.lpc{display:flex;align-items:center;justify-content:center;gap:26px;cursor:pointer;padding:2px 0}
.lpc .crest{width:120px;height:120px;border-width:4px}
.lpc .crest[data-ab]::after{font-size:42px;-webkit-text-stroke:7px #000}
.lpc b,.lps b{width:40px;height:44px;display:grid;place-items:center;font:900 26px Barlow,Inter,sans-serif;color:var(--ac);cursor:pointer;border-radius:8px;user-select:none}
.lpc b:hover,.lps b:hover{background:#ffffff1c}
.lpn{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border:3px solid #a89445;border-radius:8px;background:#14151a;padding:0 12px;cursor:text;flex:none}
.lpn input{width:120px;max-width:300px;min-width:60px;background:none;border:0;outline:0;font:900 24px Barlow,Inter,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.04em;color:#fff;user-select:text}
.lpn span{flex:none!important;font-size:20px;opacity:.8}
.lpp{display:flex;gap:6px;flex:none}
.lpp .nit{flex:1;display:flex;align-items:center;justify-content:center;height:34px;padding:0 4px;border:2px solid #686975;border-radius:8px;background:#14151a;font:900 12px Barlow,Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#9ba0bc;cursor:pointer;box-shadow:none;white-space:nowrap}
.lpp .nit.on{background:var(--ac);color:#1a1400;border-color:#fff}
.lpk{text-align:center;font:700 15px Barlow,Inter,sans-serif;color:#a2a6ac;text-transform:uppercase;margin-top:-4px;min-height:18px}
.lps{display:none}
.lps label{display:flex;align-items:center;gap:6px;font:700 13px Barlow,Inter,sans-serif}
.lps input[type=color]{width:34px;height:30px;padding:0;border:2px solid #fff8;border-radius:6px;background:none;cursor:pointer}
.lps .nit{display:flex;align-items:center;gap:4px;padding:0;border:0;background:none;box-shadow:none;flex:1;justify-content:center}
.lps .nit span{flex:none;min-width:110px;text-align:center}
/* ===== PANTALLA FINAL ESTILO TRANSMISIÓN ===== */
#stage #s-fin.scr{background:linear-gradient(transparent 46%,#000b 100%);backdrop-filter:none}
#s-fin{justify-content:flex-end;align-items:stretch;gap:0;background:linear-gradient(transparent 46%,#000b 100%);backdrop-filter:none;overflow:hidden;animation:none}
#s-fin::before{display:none}
#s-fin.on #fb{animation:fbin .7s cubic-bezier(.2,.9,.3,1)}
@keyframes fbin{from{opacity:0;transform:translateY(40px)}}
#fb{position:absolute;inset:0;pointer-events:none}
#fbt{position:absolute;right:26px;bottom:24px;display:flex;gap:12px;align-items:center;z-index:3}
#fbt .btn{min-width:0;padding:16px 26px;font-size:13px}
#fbt .btn.sec{min-width:0}
.lb{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:840px;font-family:Barlow,Inter,sans-serif;filter:drop-shadow(0 12px 22px #000c)}
.lb .st{height:30px;background:linear-gradient(90deg,#7a5c14,#f4dc88 50%,#7a5c14);color:#1a1200;text-align:center;font:700 19px/30px Barlow,Inter,sans-serif;letter-spacing:.5em;text-indent:.5em;clip-path:polygon(2% 0,98% 0,100% 100%,0 100%)}
.lb .rw{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:80px;padding:0 20px;background:linear-gradient(#141414f2,#000f);border-bottom:3px solid #d4a93a}
.lb .tm{display:flex;align-items:center;gap:14px;font:700 25px Barlow,Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#fff;min-width:0}
.lb .tm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb .tm.r{justify-content:flex-end}
.lb .tm .crest{width:54px;height:54px;border-width:2px}
.lb .tm .crest[data-ab]::after{font-size:17px;-webkit-text-stroke:3px #000}
.lb .sc{font:700 48px/1 Barlow,Inter,sans-serif;color:#fff;padding:0 30px;letter-spacing:.08em;white-space:nowrap}
.lb .gx{text-align:center;background:#000e;color:#e3b947;font:700 16px/26px Barlow,Inter,sans-serif;letter-spacing:.25em;border-bottom:2px solid #6b5518}
.lp{position:absolute;left:26px;bottom:26px;width:360px;font-family:Barlow,Inter,sans-serif;filter:drop-shadow(0 10px 20px #000b)}
.lp .hd{display:flex;align-items:center;justify-content:space-between;background:#d9dce4;color:#202126;height:40px;padding:0 14px;margin-bottom:3px}
.lp .hd b{font:900 italic 30px/1 Barlow,Inter,sans-serif;letter-spacing:.04em}
.lp .hd span{font:700 13px Barlow,Inter,sans-serif;letter-spacing:.12em}
.lp .rw{display:grid;grid-template-columns:100px 1fr;min-height:88px;margin-bottom:3px}
.lp .cr{display:grid;place-items:center}
.lp .cr .crest{width:68px;height:68px;border-width:3px}
.lp .cr .crest[data-ab]::after{font-size:24px;-webkit-text-stroke:4px #000}
.lp .in{position:relative;background:#fff;color:#1d1f22;padding:9px 10px 9px 12px;display:flex;justify-content:space-between;align-items:center;gap:6px}
.lp .gs{display:flex;flex-direction:column;gap:3px;font:700 12px/1.15 Barlow,Inter,sans-serif;text-transform:uppercase;letter-spacing:.02em;align-self:flex-start;max-height:88px;overflow:hidden}
.lp .gs i{display:inline-block;width:10px;height:10px;border:2px solid #1d1f22;border-radius:50%;margin-right:6px;vertical-align:-1px;position:relative}
.lp .gs i::after{content:'';position:absolute;left:2px;top:0;width:2px;height:4px;background:#1d1f22}
.lp .in b{font:700 68px/1 Barlow,Inter,sans-serif;color:#1d1f22;letter-spacing:.02em}
.lp .gx{background:#1d1f22;color:#fff;font:700 13px/26px Barlow,Inter,sans-serif;letter-spacing:.2em;text-align:center}

/* ===== TEMA PRO · oscuro y sobrio (sobrescribe los estilos anteriores) ===== */
:root{--ac:#d8c070;--bg:#07090d;--s1:#0d1117;--s2:#131821;--s3:#1a202b;--ln:#ffffff14;--ln2:#ffffff26;--tx:#e8ebf0;--mt:#8b93a6;--hd:'Barlow Condensed','Arial Narrow',sans-serif}
html,body{background:#05070a}
#stage{border-radius:0;box-shadow:none;background:var(--bg)}
#stage.lib{box-shadow:none;background:#050505}
.scr,#stage.lib .scr{background:radial-gradient(ellipse 80% 55% at 50% -8%,#222b3acc,transparent 70%),linear-gradient(#06080cf2,#05070bf8);backdrop-filter:blur(10px)}
.scr::before,#stage.lib .scr::before{inset:0;background:radial-gradient(ellipse 50% 40% at 50% 0,#ffffff0a,transparent 70%),linear-gradient(90deg,transparent 49.9%,#ffffff05 50%,transparent 50.1%);animation:none;opacity:1}
@keyframes in{from{opacity:0;transform:translateY(8px)}}
.ttl{font:800 64px var(--hd);letter-spacing:.2em;color:#fff;text-shadow:none}
.h2{font:700 30px var(--hd);letter-spacing:.24em;color:#fff;text-shadow:none;text-transform:uppercase}
#stage.lib .ttl,#stage.lib .h2{color:#fff;text-shadow:none}
.rib,#stage.lib .rib{clip-path:none;min-width:0;padding:4px 56px 14px;font:700 34px var(--hd);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#fff;background:none;text-shadow:none;filter:none;border-bottom:1px solid;border-image:linear-gradient(90deg,transparent,var(--ac),transparent) 1}
.sub,.hint,.tag{color:var(--mt)}
.hint{font-size:15px;letter-spacing:.01em}
.hint b{color:var(--ac)}
/* botones */
.btn,#stage.lib .btn{font:600 15px var(--hd);letter-spacing:.24em;text-transform:uppercase;color:#0a0c10;text-shadow:none;background:var(--ac);border:1px solid transparent;border-radius:3px;box-shadow:none;padding:17px 32px;min-width:260px;transition:.15s}
.btn::after,#stage.lib .btn::after{display:none}
.btn:hover{transform:none;filter:brightness(1.1)}.btn:active{transform:translateY(1px);box-shadow:none}
.btn.sec,#stage.lib .btn.sec{background:#ffffff0a;color:var(--tx);border:1px solid var(--ln2);box-shadow:none;text-shadow:none}
.btn.sec:hover{background:#ffffff14}
.btn.sm{padding:14px 22px;font-size:14px;min-width:0}
.btn:disabled{filter:none;opacity:.35}
.foc{outline:2px solid var(--ac)!important;outline-offset:2px}
/* escudos */
.crest{border:2px solid #ffffffd0;box-shadow:0 3px 10px #0009}
.crest.big{width:190px;height:190px;border-width:3px;box-shadow:0 0 0 1px #0008,0 0 70px #ffffff12,0 18px 40px #000a}
.crest.md{width:150px;height:150px;border-width:3px;box-shadow:0 0 0 1px #0008,0 0 50px #ffffff10,0 14px 30px #000a}
.crest.sm{border-width:2px}
.crest[data-ab]:not([data-ab=""])::after{font-weight:800}
/* selector de equipo */
.arw{width:64px;height:64px;padding:16px;border:1px solid var(--ln2);border-radius:50%;background:#ffffff08;filter:none;transition:.15s}
.arw:hover{background:#ffffff18;transform:scale(1.06)}.arw.r:hover{transform:scaleX(-1.06) scaleY(1.06)}
.dr .arw{width:56px;height:56px;padding:13px}
.pick{gap:80px}
.nm,.dn{font:700 40px var(--hd);letter-spacing:.14em;text-transform:uppercase;border:0;background:none;padding:2px 0;border-bottom:1px solid var(--ln)}
.dn{font-size:36px}
.stars{color:var(--ac);font-size:26px;letter-spacing:.2em;text-shadow:none}
.sx i{background:#ffffff0a;border:1px solid var(--ln);border-radius:3px;padding:4px 12px;font:600 13px var(--hd);letter-spacing:.16em;color:var(--tx);text-transform:uppercase}
.dv{background:linear-gradient(transparent,var(--ln2),transparent)}
#pool button,#stage.lib #pool button{font:600 14px var(--hd);letter-spacing:.2em;background:#ffffff08;border:1px solid var(--ln);border-radius:3px;color:var(--mt);padding:10px 20px}
#pool button.on,#stage.lib #pool button.on{background:#ffffff14;color:#fff;border-color:var(--ac)}
/* paneles y tablas */
.panel,#stage.lib .panel{background:linear-gradient(#10151dfa,#0b0f15fa);border:1px solid var(--ln);border-radius:6px;box-shadow:0 30px 70px #000b}
th{background:#ffffff08;color:var(--mt);font:600 13px var(--hd);letter-spacing:.2em;padding:13px 8px}
#stage.lib th{background:#ffffff08}
td{font-size:18px;font-weight:600}
tbody tr:nth-child(even){background:#ffffff06}
tr.me,#stage.lib tr.me{background:#ffffff0e!important;box-shadow:inset 3px 0 0 var(--ac)}
.tabs{gap:0}.tb,.tabs button{font:600 14px var(--hd);letter-spacing:.2em;text-transform:uppercase;padding:15px 8px;border:0;border-bottom:1px solid var(--ln);background:#ffffff05;color:var(--mt);opacity:1;border-radius:0}
.tb.on,.tabs button.on,#stage.lib .tb.on{background:#ffffff0c;color:#fff;box-shadow:inset 0 -2px 0 var(--ac);border-color:var(--ln)}
#stage.lib .tb{background:#ffffff05;color:var(--mt)}
#cfg .tabs,#s-cfg .tabs{gap:8px}
#s-cfg .tabs button{border:1px solid var(--ln);border-radius:3px;padding:12px 26px}
#s-cfg .tabs button.on{background:var(--ac);color:#0a0c10;border-color:var(--ac);box-shadow:none}
.nb,#stage.lib .nb{border:1px solid var(--ln2);background:#ffffff08;color:var(--tx);width:38px;height:38px}
.nb:hover,#stage.lib .nb:hover{background:#ffffff18}
.fxi,#stage.lib .fxi{background:#ffffff07;border-radius:4px;font-weight:600}
.fxi.me,#stage.lib .fxi.me{outline:0;background:#ffffff10;box-shadow:inset 3px 0 0 var(--ac)}
.fxi b{color:var(--ac);font:700 15px var(--hd);letter-spacing:.1em}
.gb,#stage.lib .gb{background:#ffffff06;border:1px solid var(--ln);border-radius:4px}
.ls,#stage.lib .ls{background:#ffffff08;border-radius:3px}
.ls.sel,#stage.lib .ls.sel,#stage.lib .lt.sel,.lt.sel{background:#ffffff18;outline:1px solid var(--ac)}
.ls.me,#stage.lib .ls.me,.lt.me,#stage.lib .lt.me{background:#d8c07022}
.lt,#stage.lib .lt{background:#ffffff08;border-radius:3px}
.bt,#stage.lib .bt{background:#ffffff08;border:1px solid var(--ln);border-radius:3px}.bt.me,#stage.lib .bt.me{background:#d8c07024}
.bt.w{border-color:var(--ac);box-shadow:none}
/* editar / opciones */
#s-edit,#s-opt{background:radial-gradient(ellipse 70% 60% at 85% 100%,#d8c07018,transparent 70%),linear-gradient(#07090d,#0b0f16)}
.ehd{height:64px;background:none;border-bottom:1px solid var(--ln);font:700 30px var(--hd);letter-spacing:.3em;text-transform:uppercase;text-shadow:none;padding:0 34px;color:#fff}
.eb{border:1px solid var(--ln);border-radius:4px;background:#ffffff08;color:#cfd5e1;font:600 22px Barlow,Inter,sans-serif;box-shadow:none;height:54px}
.eb:hover{background:#ffffff12}
.eb em{color:var(--mt)}.eb em b{color:var(--ac)}.eb em b:hover{color:#fff}
.eb.sel{background:#ffffff14;border-color:var(--ac);color:#fff;box-shadow:inset 3px 0 0 var(--ac)}.eb.sel em{color:#fff}
.eb.sm{height:42px;font-size:19px}
#od{background:#ffffff06;border:1px solid var(--ln);border-radius:6px;font:500 20px/1.55 Barlow,Inter,sans-serif;color:#cfd5e1}
#od b{font:700 30px var(--hd);letter-spacing:.14em;color:#fff;text-transform:uppercase}
.tick{height:46px;background:#05070a;border:0;border-top:1px solid var(--ln)}
#ek,#otk,#tk{font:500 16px Barlow,Inter,sans-serif;color:var(--mt);letter-spacing:.02em}
.kr{background:#ffffff08;border:1px solid var(--ln);border-radius:4px}
.kr button{background:#ffffff0c;border:1px solid var(--ln2);color:var(--ac);border-radius:3px;font:600 14px var(--hd);letter-spacing:.14em}
.cfg h3{font:700 18px var(--hd);letter-spacing:.24em;color:#fff;text-transform:uppercase}
/* resultado / online */
#os{font:700 36px var(--hd);letter-spacing:.14em}
#tl .bar{background:#ffffff1c;height:4px;border-radius:2px}
#stage.lib #tl .bar{background:#ffffff1c}
.lrow,#stage.lib .lrow{background:#ffffff08;border:1px solid var(--ln);border-radius:4px;font-weight:700}
.lrow:hover:not(.dis){background:#ffffff12;filter:none}
.lrow small{font:700 14px var(--hd);letter-spacing:.14em}
.lh1{font:800 64px var(--hd);letter-spacing:.14em;text-shadow:none}
.lh2{font:600 28px var(--hd);letter-spacing:.2em;color:var(--ac)}
.lbtn{border:1px solid var(--ln2);border-radius:3px;background:#ffffff0a;font:700 22px var(--hd);letter-spacing:.22em;box-shadow:none}
.lbtn:hover{background:#ffffff16;filter:none}
.lpn,.pfc,#nc input.pn,.cmi,.cmbtn,#stage.lib #nc input.pn,#stage.lib .pfc{background:#ffffff08!important;border:1px solid var(--ln2)!important;border-radius:4px}
.lpn input{font:700 24px var(--hd);letter-spacing:.14em}
.lpp .nit{border:1px solid var(--ln);background:#ffffff08;border-radius:3px;font:600 13px var(--hd);letter-spacing:.18em}
.lpp .nit.on{background:var(--ac);color:#0a0c10;border-color:var(--ac)}
.rcol,#stage.lib .rcol,.nr,#stage.lib .nr{background:#ffffff06;border:1px solid var(--ln);border-radius:4px}
.rcol.mid{border-style:dashed}
.rcol h4{font:600 14px var(--hd);letter-spacing:.22em}
.pc,#stage.lib .pc{background:#ffffff0a;border:1px solid transparent;border-radius:4px}.pc.me{border-color:var(--ac)}.pc.free{background:none;border:1px dashed var(--ln2)}
.nit,#stage.lib .nit{background:#ffffff0a;border:1px solid var(--ln2);border-radius:3px;box-shadow:none;font:600 17px Barlow,Inter,sans-serif}
.nit:hover:not(.dis){background:#ffffff16;filter:none}
.cmw{background:#000a;backdrop-filter:blur(4px)}
.cmb{background:linear-gradient(#10151d,#0b0f15);border:1px solid var(--ln2);border-radius:6px;box-shadow:0 30px 80px #000}
.cmt{background:#0b0f15;border:1px solid var(--ln2);border-radius:3px;font:700 26px var(--hd);letter-spacing:.2em}
.cmb label{font:600 15px var(--hd);letter-spacing:.2em;color:var(--mt)}
.cmbtn{font:700 20px var(--hd)!important;letter-spacing:.2em}
.cmj .sg{background:#000;border:1px solid var(--ln2);border-radius:3px}
#nc .code,#stage.lib #nc .code{background:#ffffff08;border:1px dashed var(--ln2);border-radius:4px;font:600 15px var(--hd);letter-spacing:.2em;color:var(--mt)}
#nc .code b{font:800 28px var(--hd);letter-spacing:.3em;color:var(--ac)}
.rmo{font:700 12px var(--hd);letter-spacing:.14em;border-radius:2px;background:#ffffff1c}.rmo.lib{background:#d8c070;color:#14110a}.rmo.liga{background:#75aadb;color:#0b1b3d}
#s-bind{background:#000d}
#skip{min-width:0;padding:13px 26px}
/* ===== MENU PRINCIPAL ===== */
#s-menu{align-items:stretch;justify-content:flex-start;gap:0;background:#05070a;backdrop-filter:none;overflow:hidden}
#s-menu::before{display:none}
.mbg{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse 60% 70% at 82% 40%,#1b2433,transparent 70%),radial-gradient(ellipse 40% 50% at 8% 100%,#d8c07014,transparent 70%),linear-gradient(120deg,#07090d,#0a0e15 60%,#060810)}
.mbg svg{position:absolute;right:-6%;top:50%;height:130%;transform:translateY(-50%);opacity:.9}
.mbg .gl{position:absolute;width:640px;height:640px;right:6%;top:16%;border-radius:50%;background:radial-gradient(circle,#d8c07016,transparent 65%);filter:blur(10px);animation:pulse 7s ease-in-out infinite alternate}
@keyframes pulse{to{transform:scale(1.18);opacity:.6}}
.mlogo{position:absolute;left:96px;top:40px;z-index:2}
.mlogo .k1{font:800 104px/.85 var(--hd);letter-spacing:.12em;color:#fff;margin-left:-6px}
.mlogo .k2{display:flex;align-items:center;gap:16px;margin-top:16px;font:600 16px var(--hd);letter-spacing:.5em;color:var(--ac)}
.mlogo .k2::before{content:'';width:54px;height:2px;background:var(--ac)}
#pm{position:absolute;left:96px;top:226px;width:640px;z-index:2;counter-reset:pi}
.pi{position:relative;display:flex;align-items:center;width:100%;height:58px;padding:0 24px 0 74px;margin:0 0 3px;font:600 30px var(--hd);letter-spacing:.2em;text-transform:uppercase;color:#7d869a;cursor:pointer;border-left:2px solid transparent;text-shadow:none;font-style:normal;background:none;transition:.18s;counter-increment:pi}
.pi::before{content:counter(pi,decimal-leading-zero);position:absolute;left:22px;font:600 15px var(--hd);letter-spacing:.2em;color:#4b5365;transition:.18s}
.pi.sel{color:#fff;background:linear-gradient(90deg,#ffffff12,#ffffff00 92%);border-left-color:var(--ac);padding-left:84px}
.pi.sel::before{content:counter(pi,decimal-leading-zero);position:absolute;left:30px;top:auto;width:auto;height:auto;margin:0;border:0;border-radius:0;background:none;color:var(--ac)}
.pi.sel::after{content:'';position:absolute;right:22px;top:50%;width:9px;height:9px;margin-top:-5px;background:none;border-top:2px solid var(--ac);border-right:2px solid var(--ac);transform:rotate(45deg);clip-path:none}
#s-menu .tick,#s-pause .tick{left:96px;right:auto;width:640px;bottom:50px;height:auto;background:none;border:0;overflow:visible;display:block}
#tk,#ptk{white-space:normal;padding:0;animation:dsc .45s;color:#a5adbf;font:500 18px/1.5 Barlow,Inter,sans-serif;max-width:560px;border-left:2px solid var(--ln2);padding-left:18px}
@keyframes dsc{from{opacity:0;transform:translateY(6px)}}
.mfoot{position:absolute;left:96px;bottom:22px;font:500 13px var(--hd);letter-spacing:.3em;color:#4b5365;z-index:2}
/* reproductor */
.mpl{position:absolute;right:40px;bottom:30px;z-index:5;display:flex;align-items:center;gap:14px;padding:10px 14px 10px 16px;background:#0b0f15e6;border:1px solid var(--ln);border-radius:4px;backdrop-filter:blur(8px);max-width:420px}
.mpl .eq{display:flex;align-items:flex-end;gap:2px;width:16px;height:18px}.mpl .eq i{flex:1;background:var(--ac);height:30%;animation:eq 1s ease-in-out infinite alternate}.mpl .eq i:nth-child(2){animation-delay:-.4s}.mpl .eq i:nth-child(3){animation-delay:-.7s}
.mpl.off .eq i{animation:none;height:20%;background:#4b5365}
@keyframes eq{to{height:100%}}
.mpl .ti{min-width:0;width:270px}.mpl .ti small{display:block;font:600 10px var(--hd);letter-spacing:.3em;color:var(--mt)}.mpl .ti span{display:block;font:600 15px Barlow,Inter,sans-serif;color:#dfe3ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpl button{width:32px;height:32px;border:1px solid var(--ln);background:#ffffff08;color:var(--tx);border-radius:50%;cursor:pointer;font-size:12px;display:grid;place-items:center;padding:0}.mpl button:hover{background:#ffffff1a}
.mpl input[type=file]{display:none}

/* ===== PAUSA ===== */
#s-pause{position:absolute;inset:0;display:none;z-index:8;background:linear-gradient(90deg,#05070bf2 0,#05070bd0 40%,#05070b80 100%);backdrop-filter:blur(6px)}
#s-pause.on{display:block;animation:pin .26s}
@keyframes pin{from{opacity:0}}
#pp{position:absolute;left:96px;top:226px;width:640px;z-index:2;counter-reset:pi}
#s-pause .pi{animation:pit .4s both}#s-pause .pi:nth-child(2){animation-delay:.05s}#s-pause .pi:nth-child(3){animation-delay:.1s}#s-pause .pi:nth-child(4){animation-delay:.15s}
@keyframes pit{from{opacity:0;transform:translateX(-26px)}}
#pcw{position:absolute;inset:0;display:none;align-items:center;justify-content:center;z-index:9;background:#05070bb8;backdrop-filter:blur(4px)}
#pcw.on{display:flex;animation:pin .2s}
.pcb{width:640px;max-height:86%;display:flex;flex-direction:column;background:#0b0f15f5;border:1px solid var(--ln2);border-top:2px solid var(--ac);border-radius:4px;padding:22px 24px 18px;box-shadow:0 30px 80px #000c}
.pcb h3{margin:0 0 10px;font:800 28px var(--hd);letter-spacing:.2em;color:#fff}
#pcl{overflow:auto;display:flex;flex-direction:column;gap:5px;padding-right:6px;min-height:0}
.pch{font:600 12px var(--hd);letter-spacing:.3em;color:var(--ac);margin:10px 0 2px}
#pcd{margin-top:12px;min-height:46px;color:#a5adbf;font:500 16px/1.4 Barlow,Inter,sans-serif;border-left:2px solid var(--ln2);padding-left:14px}
#pcd b{display:block;color:#fff;font-weight:600;letter-spacing:.06em}

/* ===== MOVIMIENTO DE MENU + TRANSICIONES ===== */
#s-menu{--mY:0;--mX:0;--mS:0}
.mbg svg{translate:calc(var(--mS)*-22px) calc(var(--mY)*-90px + var(--mX)*-14px);rotate:calc(var(--mY)*1.4deg);transition:translate 1.1s cubic-bezier(.16,.84,.24,1),rotate 1.3s cubic-bezier(.16,.84,.24,1);animation:svd 16s ease-in-out infinite alternate}
@keyframes svd{from{scale:1.02}to{scale:1.1}}
.mbg .gl{translate:calc(var(--mS)*-44px) calc(var(--mY)*-150px);transition:translate 1.4s cubic-bezier(.16,.84,.24,1)}
.mbg .bm{position:absolute;inset:-20% -10%;background:repeating-linear-gradient(112deg,transparent 0 150px,#ffffff07 150px 153px);translate:calc(var(--mS)*-70px) calc(var(--mY)*-220px);transition:translate 1s cubic-bezier(.16,.84,.24,1);-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 80%);mask-image:linear-gradient(90deg,transparent 30%,#000 80%)}
.mlogo{translate:0 calc(var(--mY)*-8px);transition:translate .9s cubic-bezier(.16,.84,.24,1)}
#s-menu.on .mlogo{animation:lgi .7s cubic-bezier(.16,.84,.24,1) both}
@keyframes lgi{from{opacity:0;letter-spacing:.3em;filter:blur(6px)}}
#pm .pi{animation:pit .5s cubic-bezier(.16,.84,.24,1) both}
#pm .pi:nth-child(2){animation-delay:.05s}#pm .pi:nth-child(3){animation-delay:.1s}#pm .pi:nth-child(4){animation-delay:.15s}#pm .pi:nth-child(5){animation-delay:.2s}
.pi.sel{transform:translateX(10px)}
#s-menu .mpl{animation:pit .6s .3s both}
#stage.nocv #cv{visibility:hidden}
#tr{position:absolute;inset:0;z-index:60;pointer-events:none;display:none}
#tr .a,#tr .b{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
#tr .a{background:radial-gradient(ellipse 60% 70% at 50% 50%,#121a28,#05070b 80%);display:grid;place-items:center}
#tr .a span{font:800 96px/1 var(--hd);letter-spacing:.2em;color:#fff;opacity:0;margin-right:-.2em}
#tr .b{background:linear-gradient(90deg,#d8c070,#f2dd8f)}
#tr.hold{display:block}#tr.hold .a span{opacity:1;animation:hld 1.2s ease-in-out infinite alternate}
@keyframes hld{from{opacity:.55}to{opacity:1}}
#tr.go{display:block}
#tr.go .a{animation:trw .6s cubic-bezier(.65,0,.25,1) both}
#tr.go .b{animation:trw .74s cubic-bezier(.65,0,.25,1) both}
@keyframes trw{0%,10%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{clip-path:polygon(120% 0,100% 0,100% 100%,100% 100%)}}

#pm.wide{width:920px}
.pi .sv{position:absolute;right:56px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:3px;line-height:1}
.pi .sv b{font:700 20px var(--hd);letter-spacing:.14em;color:#9aa3b6}
.pi .sv i{font:600 14px var(--hd);letter-spacing:.2em;color:var(--ac);font-style:normal}
.pi.sel .sv b{color:#fff}