*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--mc-dark: #1a1a2e;--mc-darker: #0d0d1a;--mc-stone: #3c3c3c;--mc-stone-light: #5a5a5a;--mc-stone-dark: #1c1c1c;--mc-dirt: #8b6040;--mc-grass: #5d9e32;--mc-gold: #f5c542;--mc-gold-dim: #c49a25;--mc-red: #c0392b;--mc-red-bright: #e74c3c;--mc-green: #27ae60;--mc-blue: #2980b9;--mc-text: #eeeeee;--mc-text-dim: #aaaaaa;--mc-shadow: 2px 2px 0 #000;--mc-font: "Press Start 2P", monospace;--panel-bg: rgba(10, 10, 30, .92)}html,body,#root{width:100%;height:100%;font-family:var(--mc-font);font-size:10px;color:var(--mc-text);background:var(--mc-darker);overflow-x:hidden}body{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 70% 15%,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle at 50% 60%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 85% 45%,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(180deg,#0d0d2e,#0a0a1a);background-size:200px 200px,300px 300px,400px 400px,250px 250px,100% 100%}.mc-panel{background:var(--panel-bg);border:3px solid var(--mc-stone-dark);box-shadow:inset 3px 3px 0 var(--mc-stone-light),inset -3px -3px 0 var(--mc-stone-dark),0 0 0 3px var(--mc-stone);padding:16px;position:relative;image-rendering:pixelated}.mc-panel--gold{box-shadow:inset 3px 3px 0 var(--mc-gold),inset -3px -3px 0 var(--mc-gold-dim),0 0 0 3px var(--mc-gold-dim)}.mc-panel--red{box-shadow:inset 3px 3px 0 var(--mc-red-bright),inset -3px -3px 0 var(--mc-red),0 0 0 3px var(--mc-red)}.mc-panel--green{box-shadow:inset 3px 3px #39d353,inset -3px -3px 0 var(--mc-green),0 0 0 3px var(--mc-green)}.mc-btn{display:inline-block;background:var(--mc-stone);color:var(--mc-text);font-family:var(--mc-font);font-size:10px;padding:10px 18px;border:none;cursor:pointer;text-align:center;text-shadow:var(--mc-shadow);box-shadow:inset 2px 2px 0 var(--mc-stone-light),inset -2px -2px 0 var(--mc-stone-dark),0 0 0 2px var(--mc-stone-dark);transition:filter .05s;-webkit-user-select:none;user-select:none;line-height:1.6;min-width:80px}.mc-btn:hover:not(:disabled){filter:brightness(1.3)}.mc-btn:active:not(:disabled){box-shadow:inset -2px -2px 0 var(--mc-stone-light),inset 2px 2px 0 var(--mc-stone-dark),0 0 0 2px var(--mc-stone-dark);transform:translateY(2px)}.mc-btn:disabled{filter:brightness(.5);cursor:not-allowed}.mc-btn--primary{background:#4a7a4a;box-shadow:inset 2px 2px #6a9a6a,inset -2px -2px #2a5a2a,0 0 0 2px #2a5a2a}.mc-btn--danger{background:#7a2a2a;box-shadow:inset 2px 2px #9a4a4a,inset -2px -2px #5a1a1a,0 0 0 2px #5a1a1a}.mc-btn--gold{background:#7a6a10;color:var(--mc-gold);box-shadow:inset 2px 2px #9a8a20,inset -2px -2px #5a4a00,0 0 0 2px #5a4a00}.mc-title{font-family:var(--mc-font);color:var(--mc-gold);text-shadow:3px 3px 0 #7a5a00;letter-spacing:2px}.mc-subtitle{font-family:var(--mc-font);color:var(--mc-text-dim);text-shadow:var(--mc-shadow)}.mc-label{font-family:var(--mc-font);color:var(--mc-text);text-shadow:var(--mc-shadow);font-size:8px;text-transform:uppercase;letter-spacing:1px}.mc-input{background:#0009;border:2px solid var(--mc-stone-light);color:var(--mc-text);font-family:var(--mc-font);font-size:10px;padding:8px 10px;width:100%;outline:none;box-shadow:inset 2px 2px #00000080;caret-color:var(--mc-gold)}.mc-input:focus{border-color:var(--mc-gold)}.mc-timer-wrap{background:#00000080;border:2px solid var(--mc-stone-dark);height:16px;overflow:hidden}.mc-timer-bar{height:100%;transition:width .5s linear,background .5s}.mc-timer-bar--normal{background:var(--mc-grass)}.mc-timer-bar--warning{background:var(--mc-gold)}.mc-timer-bar--danger{background:var(--mc-red)}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.4}}.mc-timer-bar--panic{background:var(--mc-red);animation:timer-pulse .5s ease-in-out infinite}.mc-player-slot{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0000004d;border:2px solid transparent}.mc-player-slot--dead{opacity:.5;filter:grayscale(1)}.mc-player-slot--disconnected{border-color:var(--mc-gold)}.mc-player-slot--selected{border-color:var(--mc-red);background:#c0392b33}.mc-player-slot--clickable{cursor:pointer}.mc-player-slot--clickable:hover:not(.mc-player-slot--dead){background:#ffffff14;border-color:var(--mc-stone-light)}.mc-avatar{width:32px;height:32px;image-rendering:pixelated;flex-shrink:0;border:2px solid rgba(0,0,0,.4)}.mc-chat-box{background:#000000b3;border:2px solid var(--mc-stone-dark);padding:8px;overflow-y:auto;font-size:8px;line-height:1.8}.mc-chat-message{word-break:break-word}.mc-chat-name{font-weight:700;text-shadow:var(--mc-shadow)}.mc-chat-input-row{display:flex;gap:6px;margin-top:6px}.mc-chat-input-row .mc-input{flex:1;font-size:8px}.mc-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;padding:16px}.mc-col{display:flex;flex-direction:column;gap:8px}.mc-row{display:flex;flex-direction:row;gap:8px;align-items:center}.mc-fill{width:100%}.mc-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.mc-toggle-track{width:32px;height:16px;background:var(--mc-stone-dark);border:2px solid var(--mc-stone);position:relative;transition:background .2s;flex-shrink:0}.mc-toggle-track--on{background:var(--mc-green)}.mc-toggle-thumb{position:absolute;top:1px;left:1px;width:10px;height:10px;background:var(--mc-text);transition:left .2s}.mc-toggle-track--on .mc-toggle-thumb{left:17px}.role-mafia{color:var(--mc-red);text-shadow:1px 1px 0 #7a0000}.role-police{color:#4a9af5;text-shadow:1px 1px 0 #003a7a}.role-doctor{color:#39d353;text-shadow:1px 1px 0 #007a20}.role-civilian{color:var(--mc-text);text-shadow:var(--mc-shadow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--mc-stone-dark)}::-webkit-scrollbar-thumb{background:var(--mc-stone)}@keyframes spin-fall{0%{transform:rotate(0) translateY(0);opacity:1}40%{transform:rotate(360deg) translateY(0);opacity:1}to{transform:rotate(720deg) translateY(120px);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes flash-red{0%,to{background:transparent}25%{background:#c0392b99}75%{background:#c0392b4d}}@keyframes flash-green{0%,to{background:transparent}25%{background:#27ae6080}75%{background:#27ae6033}}@keyframes flash-white{0%,to{background:transparent}10%{background:#fffc}50%{background:#ffffff1a}}@keyframes slide-off{0%{transform:translate(0) rotate(0);opacity:1}80%{transform:translate(150%) rotate(30deg);opacity:1}to{transform:translate(200%) rotate(45deg);opacity:0}}@keyframes zoom-crosshair{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:1}}@keyframes poison-bubble{0%{transform:translateY(0) scale(.5);opacity:.8}to{transform:translateY(-80px) scale(1.5);opacity:0}}@keyframes creeper-flash{0%,to{background:#0000}20%{background:#50c850b3}40%{background:#0000}60%{background:#50c850e6}80%{background:#fff9}}@keyframes boom-expand{0%{transform:scale(0);opacity:1}60%{transform:scale(2);opacity:.8}to{transform:scale(3);opacity:0}}@keyframes float-in{0%{transform:scale(.5) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes text-reveal{0%{opacity:0;letter-spacing:8px}to{opacity:1;letter-spacing:2px}}@keyframes dramatic-bg{0%{filter:brightness(1)}25%{filter:brightness(.2)}50%{filter:brightness(.8)}to{filter:brightness(1)}}.anim-victim{display:inline-block}.anim-sniper .anim-victim{animation:spin-fall 1.5s ease-in forwards .8s}.anim-stabbed .anim-victim{animation:shake .4s ease .3s,spin-fall 1.2s ease-in forwards .8s}.anim-poisoned .anim-victim{animation:spin-fall 2s ease-in forwards 1.2s}.anim-creeper .anim-victim{animation:boom-expand .6s ease-out forwards 1s}.anim-strangled .anim-victim{animation:shake .6s ease .4s,spin-fall 1.4s ease-in forwards 1.1s}.anim-thrown .anim-victim{animation:slide-off 1s ease-in forwards .7s}.anim-sniper .kill-flash{animation:flash-white .8s ease-out .7s}.anim-stabbed .kill-flash{animation:flash-red .8s ease-out .3s}.anim-poisoned .kill-flash{animation:flash-green 1s ease-out .5s}.anim-creeper .kill-flash{animation:creeper-flash 1.2s ease .4s}.anim-strangled .kill-flash{animation:flash-red 1s ease-out .5s}.anim-thrown .kill-flash{animation:flash-red .5s ease-out .6s}.kill-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.weapon-icon{font-size:48px;display:block;text-align:center;margin-bottom:16px}.anim-sniper .weapon-icon{animation:zoom-crosshair .6s ease-out}.anim-stabbed .weapon-icon{animation:float-in .4s ease-out,spin-fall .8s ease-in forwards 1.5s}.anim-creeper .weapon-icon{animation:creeper-flash 1s ease}.poison-bubble{position:absolute;width:12px;height:12px;background:var(--mc-green);border-radius:50%;animation:poison-bubble 1.5s ease-out infinite}.poison-bubble:nth-child(2){animation-delay:.3s;left:15px}.poison-bubble:nth-child(3){animation-delay:.6s;left:30px}.dramatic-text{animation:text-reveal .8s ease-out forwards}.anim-ghost{font-size:40px;animation:float-in .5s ease-out}@keyframes page-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-enter{animation:page-in .3s ease-out}