:root{--bg-color: #0a0a0a;--stage-bg: #4a2c2c;--stage-floor: #3d2525;--curtain-color: #8b0000;--curtain-accent: #5e0000;--spotlight-color: rgba(255, 255, 200, .2);--text-color: #f5f5f5;--pixel-border-size: 4px;--font-main: "Press Start 2P", cursive;--primary-color: #ffd700;--danger-color: #ff4444;--success-color: #44ff44}*{box-sizing:border-box;margin:0;padding:0;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><rect x="0" y="0" width="4" height="4" fill="white"/><rect x="4" y="4" width="4" height="4" fill="white"/><rect x="8" y="8" width="4" height="4" fill="white"/></svg>'),auto}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);font-size:14px;line-height:1.6;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#game-container{position:relative;width:95vw;height:95vh;display:grid;grid-template-columns:1fr 350px;grid-template-rows:auto 1fr;gap:20px;padding:20px}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#00ff0008);background-size:100% 4px,3px 100%;pointer-events:none;z-index:1000}header{grid-column:1 / -1;text-align:center}.pixel-text{font-size:3rem;color:var(--primary-color);text-shadow:4px 4px 0px #000;margin-bottom:10px}.pixel-subtitle{font-size:.8rem;opacity:.8;margin-bottom:15px}#table-area{position:relative;overflow:hidden;background:#000;display:flex;justify-content:center;align-items:flex-end;border:8px solid #333}#table{width:100%;height:100%;background:radial-gradient(circle at 50% 30%,#444,#111);position:relative;perspective:1000px;z-index:2}#table:after{content:"";position:absolute;bottom:-100px;left:-50%;width:200%;height:600px;background:repeating-linear-gradient(90deg,var(--stage-floor),var(--stage-floor) 80px,#2a1a1a 80px,#2a1a1a 84px),linear-gradient(0deg,rgba(0,0,0,.6) 0%,transparent 100%);transform:rotateX(55deg);transform-origin:bottom;border-top:8px solid #5d4037;z-index:1;box-shadow:0 -20px 50px #000000e6}#caps-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:95%;height:70%;display:grid;grid-template-columns:repeat(8,1fr);justify-items:center;align-content:flex-end;gap:40px 10px;z-index:5;padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--curtain-color) transparent}#caps-container::-webkit-scrollbar{width:8px}#caps-container::-webkit-scrollbar-track{background:transparent}#caps-container::-webkit-scrollbar-thumb{background:var(--curtain-color);border-radius:4px}#table:before{content:"";position:absolute;bottom:-5px;left:15%;width:70%;height:40px;background:radial-gradient(circle at center,#fff 0%,var(--primary-color) 20%,transparent 60%),radial-gradient(circle at center,rgba(0,0,0,.5) 0%,transparent 70%);background-size:80px 40px;background-repeat:space;z-index:10;opacity:.9;filter:drop-shadow(0 0 10px var(--primary-color));pointer-events:none}#table.winner-active:before{background:radial-gradient(circle at center,#fff 0%,#ff0 30%,transparent 70%),radial-gradient(circle at center,#fff 0%,#0ff 30%,transparent 70%),radial-gradient(circle at center,#fff 0%,#f0f 30%,transparent 70%);background-size:100px 40px;background-repeat:space;animation:footlights-disco .5s infinite alternate;opacity:1;filter:drop-shadow(0 0 20px #fff)}@keyframes footlights-disco{0%{filter:hue-rotate(0deg) drop-shadow(0 0 15px #fff)}to{filter:hue-rotate(360deg) drop-shadow(0 0 30px #fff)}}#table-area:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(0deg,rgba(255,215,0,.15) 0%,transparent 100%);z-index:15;pointer-events:none}.curtain-side{position:absolute;top:0;width:5%;height:100%;background-color:var(--curtain-color);background-image:repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(0,0,0,.2) 30px,rgba(0,0,0,.2) 60px);z-index:50;box-shadow:inset -10px 0 20px #00000080}.curtain-left{left:0;border-right:4px solid var(--curtain-accent)}.curtain-right{right:0;border-left:4px solid var(--curtain-accent)}#curtain-main{position:absolute;top:0;left:0;width:100%;height:0%;background-color:var(--curtain-color);background-image:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(0,0,0,.1) 40px,rgba(0,0,0,.1) 80px);z-index:100;border-bottom:10px solid var(--curtain-accent);transition:height .8s cubic-bezier(.45,0,.55,1)}#curtain-main.active{height:100%}.character-box{position:relative;width:70px;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:transform .3s;transform:rotateX(10deg)}.character-box:hover{transform:translateY(-10px) scale(1.1)}.character-sprite{width:64px;height:64px;image-rendering:pixelated;transition:filter .3s,opacity .5s,transform .5s;display:flex;justify-content:center;align-items:center}.character-box.eliminated{pointer-events:none;opacity:0;transform:scale(.5) translateY(20px)}.character-box.empty-slot{pointer-events:none;cursor:default}.character-box.empty-slot .character-name-box{border-style:dashed;opacity:.3}.character-sprite svg{width:100%;height:100%}.character-box.hidden .character-sprite{opacity:.8}.character-name-box{margin-top:10px;background:#000;border:2px solid #555;padding:2px 5px;font-size:.5rem;color:var(--success-color);text-align:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity .5s}.character-box.revealed .character-name-box{opacity:1}.character-box.revealed .character-sprite{filter:none;opacity:1}.character-box.winner:after{content:"";position:absolute;top:-500px;left:50%;width:200px;height:1000px;background:radial-gradient(ellipse at top,rgba(255,255,200,.4) 0%,transparent 70%);transform:translate(-50%);pointer-events:none;z-index:-1;animation:spotlight-sweep 2s infinite ease-in-out}.character-box.winner .character-sprite{filter:drop-shadow(0 0 15px var(--primary-color));animation:winner-bounce .5s infinite alternate}.character-box.winner .character-name-box{color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}@keyframes spotlight-sweep{0%,to{transform:translate(-50%) rotate(-5deg);opacity:.6}50%{transform:translate(-50%) rotate(5deg);opacity:.8}}@keyframes winner-bounce{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.flashing-stage{animation:stage-flash .2s 5}@keyframes stage-flash{0%,to{background:transparent}50%{background:#ffffff1a}}.smoke-particle{position:absolute;background:#ccc;border-radius:50%;pointer-events:none;z-index:10;animation:smoke-fade .8s forwards}@keyframes smoke-fade{0%{transform:scale(.5);opacity:.8}to{transform:scale(3);opacity:0}}#control-panel{padding:20px;display:flex;flex-direction:column;gap:20px}.pixel-border{border:var(--pixel-border-size) solid #fff;box-shadow:inset -var(--pixel-border-size) -var(--pixel-border-size) 0 0 #00000080,inset var(--pixel-border-size) var(--pixel-border-size) 0 0 #fff3;background:#222}textarea{width:100%;height:250px;background:#000;color:var(--success-color);border:4px solid #444;padding:10px;font-family:var(--font-main);font-size:.8rem;resize:none;outline:none}.mode-selector{padding:10px}.radio-group{display:flex;flex-direction:column;gap:10px;margin-top:5px}.radio-group label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.7rem}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pixel-btn{padding:10px;font-family:var(--font-main);font-size:.7rem;border:4px solid #fff;background:#444;color:#fff;cursor:pointer;box-shadow:inset -4px -4px #00000080;text-align:center}.pixel-btn.important{background:var(--primary-color);color:#000;grid-column:span 2}.pixel-btn.danger{background:var(--danger-color)}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}to{transform:translate(0)}}.shake{animation:shake .3s}.blink{animation:blink-anim .2s 3}@keyframes blink-anim{0%,to{filter:brightness(1)}50%{filter:brightness(2) contrast(1.5)}}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200}.sr-only{display:none}