.battle-arena{margin:0 0 48px;padding:25px;background:linear-gradient(135deg,#1d1f1c,#121310);border:1px solid #5e4a18;border-top:4px solid var(--yellow)}
.battle-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.battle-head h2{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.9}.battle-head>span{color:var(--muted)}
.battle-cards{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center}.battle-cards>b{text-align:center;color:var(--yellow);font:900 2rem monospace}
.battle-cards button{position:relative;padding:0;border:2px solid #444;background:#0b0c0b;color:#fff;cursor:pointer;overflow:hidden;transition:.25s}.battle-cards button:hover,.battle-cards button.winner{border-color:var(--yellow);transform:translateY(-6px);box-shadow:0 12px 35px #000}.battle-cards button.winner::after{content:"GEWÄHLT";position:absolute;inset:0;display:grid;place-items:center;background:#efb11dcc;color:#111;font:900 1.3rem system-ui;letter-spacing:.12em}.battle-cards button:disabled{cursor:wait}
.battle-cards img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.battle-cards strong{display:block;padding:12px 14px 2px;text-align:left;text-transform:uppercase}.battle-cards span{display:block;padding:3px 14px 13px;text-align:left;color:var(--yellow);font-size:.7rem;font-weight:900}
.tv-switcher{position:fixed;z-index:20;top:18px;right:70px;display:flex;gap:5px;padding:5px;background:#080908e8;border:1px solid #555}.tv-switcher button,.tv-switcher select{padding:7px 10px;border:1px solid #555;background:#151714;color:#ddd;font:800 .68rem system-ui}.tv-switcher button.active{border-color:#d89e11;color:#ffc029}
.tv-mode:not(.crt-active) .crt-cabinet,.tv-mode:not(.crt-active) .crt-screen{display:contents}.tv-mode:not(.crt-active) .crt-cabinet aside,.tv-mode:not(.crt-active) .crt-static{display:none}.tv-mode:not(.crt-active) .crt-screen img{display:block;width:100vw;height:100vh;object-fit:contain;object-position:center;opacity:0;transform:none;transition:opacity 1.2s}.tv-mode:not(.crt-active) .crt-screen img.visible{opacity:1;transform:none}
.crt-active{background:radial-gradient(circle,#3a3326,#060706 68%)}.crt-active .tv-stage{padding:4vh 5vw 10vh}.crt-active .crt-cabinet{position:relative;display:grid;grid-template-columns:1fr 145px;width:min(1200px,90vw);height:min(720px,76vh);padding:32px;background:linear-gradient(135deg,#60452a,#24170f 60%,#100b08);border:7px solid #0b0806;border-radius:50px;box-shadow:inset 0 0 0 7px #8a6840,0 30px 80px #000}
.crt-screen{position:relative;overflow:hidden;border:12px solid #131713;border-radius:12%/9%;background:#020302;box-shadow:inset 0 0 55px #000}.crt-active .crt-screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transform:none;transition:opacity .8s}.crt-active .crt-screen img.visible{opacity:1;transform:none}
.crt-cabinet aside{display:grid;align-content:start;justify-items:center;gap:25px;padding:30px 5px;color:#c5a36e}.crt-cabinet aside>b{text-align:center;font:900 1.4rem monospace}.crt-cabinet aside>i{width:65px;height:65px;border:8px ridge #443323;border-radius:50%;background:radial-gradient(circle,#9a805d 0 9%,#17120e 12% 42%,#796044 45% 50%,#21170f 52%)}.crt-cabinet aside>span{text-align:center;font:800 .6rem monospace;letter-spacing:.14em}
.crt-static{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff0 0 3px,#ffffff10 4px);mix-blend-mode:screen;animation:crt-roll 7s linear infinite}.crt-active[data-signal="wild"] .crt-static{background:repeating-linear-gradient(0deg,#fff0 0 2px,#ffffff25 3px),repeating-radial-gradient(circle,#fff2 0 1px,#0000 2px 5px);animation:crt-roll .8s linear infinite}.crt-active[data-signal="off"] .crt-static{display:none}@keyframes crt-roll{to{transform:translateY(20px)}}
.crt-active .tv-logo{display:none}.crt-active .tv-info{left:8vw;bottom:3vh}.crt-active .tv-info p::before{content:"KANAL 27 · "}
@media(max-width:700px){.battle-head{align-items:start;flex-direction:column}.battle-cards{grid-template-columns:1fr 35px 1fr}.battle-cards>b{font-size:1.1rem}.battle-cards strong{font-size:.72rem}.tv-switcher{top:8px;right:58px;left:8px}.tv-switcher select{min-width:0}.crt-active .tv-stage{padding:8vh 2vw 12vh}.crt-active .crt-cabinet{grid-template-columns:1fr 70px;width:96vw;height:62vh;padding:14px;border-radius:25px}.crt-active .crt-cabinet aside{padding:15px 2px;gap:15px}.crt-active .crt-cabinet aside>i{width:38px;height:38px;border-width:5px}.crt-cabinet aside>b{font-size:.8rem}.crt-cabinet aside>span{font-size:.42rem}}