:root{--text-2xs: clamp(.6rem, 1.8vmin, .75rem);--text-xs: clamp(.7rem, 2.2vmin, .85rem);--text-sm: clamp(.78rem, 2.5vmin, .95rem);--text-md: clamp(.85rem, 2.8vmin, 1.05rem);--text-lg: clamp(.95rem, 3.2vmin, 1.2rem);--text-xl: clamp(1.1rem, 4vmin, 1.5rem);--color-bg: #050505;--color-pro: #00ccff;--color-contra: #ff00cc;--color-win: #00ff88;--color-warn: #ff6600;--color-inject: #ffcc00;--color-text: #ccc;--color-dim: #888;--color-muted: #555;--color-faint: #333;--color-border: #222;--color-border-dim: #1a1a1a}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:#050505;overflow-x:hidden;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}input[type=range]{accent-color:#ff00cc}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 4px #0f83,0 0 20px #0f86}50%{box-shadow:0 0 0 6px #00ff8859,0 0 30px #0f89}}@keyframes blobWobble{0%,to{transform:rotate(25deg) scale(1)}50%{transform:rotate(22deg) scale(1.05)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glitch1{0%{clip-path:inset(10% 0 60% 0);transform:translate(2px,-1px)}50%{clip-path:inset(50% 0 20% 0);transform:translate(1px)}to{clip-path:inset(10% 0 60% 0);transform:translate(2px,1px)}}@keyframes glitch2{0%{clip-path:inset(40% 0 20% 0);transform:translate(-2px,1px)}50%{clip-path:inset(60% 0 5% 0);transform:translate(-1px,2px)}to{clip-path:inset(40% 0 20% 0);transform:translate(-2px,1px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes confettiDrop{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes winnerGlow{0%,to{text-shadow:0 0 20px currentColor,0 0 40px currentColor}50%{text-shadow:0 0 40px currentColor,0 0 80px currentColor,0 0 120px currentColor}}@keyframes splatIn{0%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 6px #fc06,0 0 12px #fc03;border-color:#fc08}50%{box-shadow:0 0 14px #fc0b,0 0 28px #fc05;border-color:#fc0}}.gradient-title{color:#0cf}@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)){.gradient-title{background:linear-gradient(90deg,#0cf,#f0c,#f60,#0f8);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s ease infinite}}@media(max-height:520px){.battlefield-streitfrage-label{display:none!important}}@keyframes marqueeLeft{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes marqueeRight{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.disclaimer-band{overflow:hidden;white-space:nowrap;color-scheme:only light;background:repeating-linear-gradient(-45deg,#000 0px 10px,#fc0 10px 20px);height:7vh;min-height:28px;display:flex;align-items:center;font-family:Space Mono,monospace;font-size:clamp(.5rem,2vmin,1rem);font-weight:700;color:#000;letter-spacing:.08em;position:relative;z-index:100}.disclaimer-band-inner{display:inline-block;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.disclaimer-band-inner.left{animation-name:marqueeLeft}.disclaimer-band-inner.right{animation-name:marqueeRight}.disclaimer-band span{display:inline-block;background:#fc0;padding:1vh 12px}