html,body,#root{height:100%;margin:0;overflow:hidden;color-scheme:dark;font-size:15px}body{font-family:sans-serif;background-color:#121212;color:#e0e0e0;box-sizing:border-box}#root>div{height:100%;display:flex;justify-content:center;align-items:center;padding:0 5px;box-sizing:border-box}.container{max-width:750px;width:100%;margin:0 auto;color:#e0e0e0;padding:15px;height:100dvh;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.game-container{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.history-log{background-color:#2a2a2a;border:1px solid #444;color:#f0f0f0;padding:10px;border-radius:4px;overflow-y:auto;margin-bottom:5px;white-space:pre-wrap;font-family:monospace;flex-grow:1;flex-shrink:1;min-height:120px}.history-log p{color:#e0e0e0;white-space:pre-wrap;font-size:.9em;line-height:1.4;margin:5px 0}.input-area{border:1px solid #444;border-radius:4px;flex-grow:0;flex-shrink:0;padding:8px 10px;background-color:#252525;box-sizing:border-box}.input-area textarea{width:100%;margin:0 0 8px;padding:8px;box-sizing:border-box;display:block;min-height:50px;border:1px solid #555;border-radius:3px;background-color:#333;color:#e0e0e0;font-size:.95em}.input-area textarea::placeholder,input[type=text]::placeholder{color:#888;opacity:1}.input-area button{width:100%;margin:0;padding:8px 12px;box-sizing:border-box;cursor:pointer;border:none;border-radius:3px;background-color:#007bff;color:#fff;font-weight:700;font-size:.95em}.input-area button:hover{background-color:#0056b3}button{padding:8px 12px;cursor:pointer;border:none;border-radius:3px;background-color:#007bff;color:#fff;margin:4px;font-weight:700;font-size:.95em}button:hover{background-color:#0056b3}button[style*=dc3545]{background-color:#b22222!important;border-color:#b22222!important}button[style*=dc3545]:hover{background-color:#8b0000!important}input[type=text]{padding:8px;margin:4px;border:1px solid #555;border-radius:3px;background-color:#333;color:#e0e0e0;font-size:.95em}input[type=text]::placeholder{color:#888;opacity:1}h1,h2,h3{color:#eee;border-bottom:1px solid #444;padding-bottom:4px;margin-top:10px;margin-bottom:10px}h1{font-size:1.6em}h2{font-size:1.4em}h3{font-size:1.2em}h4{color:#ccc;font-size:1.1em}.history-log h4{color:#fff;font-weight:700;margin-bottom:4px;font-size:1em}ul{list-style:none;padding:0;margin-top:5px}li{margin-bottom:3px;color:silver;font-size:.9em}li strong{color:#e0e0e0}.game-container li{color:silver;font-size:.95em}.game-container li span.current-player{font-weight:700;color:#fff}.game-container li span.host-indicator{color:#aaa;font-style:italic;font-size:.9em}.game-container li[style*=line-through]{color:#777}.game-container li span.champion-indicator{color:gold;font-weight:700}.error{color:#ff4d4d;font-weight:700;background-color:#ff4d4d1a;border-left:4px solid #ff4d4d;padding:8px;margin-bottom:10px;font-size:.9em}.message{margin-bottom:10px;padding:8px;border-left:4px solid #007bff;background-color:#1c3d5c;color:#cce7ff;font-size:.9em}.game-container ul li{text-decoration:none!important;color:silver}.game-container ul li.eliminated,.game-container ul li[style*=line-through]{text-decoration:line-through!important;color:#777!important}.game-container ul li.eliminated span,.game-container ul li[style*=line-through] span{color:inherit!important}.game-container ul li.eliminated span.champion-indicator,.game-container ul li[style*=line-through] span.champion-indicator{text-decoration:line-through!important;color:#a08400!important}div[style*="text-align: center"][style*="padding: 20px"]{background-color:#1a2d1f!important;color:#d4edda!important;border:1px solid #2f5138;padding:10px!important;margin-bottom:10px!important}div[style*="text-align: center"][style*="padding: 20px"][style*=e2e3e5]{background-color:#2a2a2a!important;color:silver!important;border:1px solid #444}div[style*="text-align: center"][style*="padding: 20px"] h2,div[style*="text-align: center"][style*="padding: 20px"] h3{color:inherit!important;border-bottom:none;font-size:1.2em;margin-bottom:5px}div[style*="text-align: center"][style*="padding: 20px"] p{color:inherit!important;font-size:.9em}div[style*="text-align: center"][style*="padding: 20px"] p strong{color:#fff!important}.history-log div[style*=e7f3ff]{background-color:#1c3d5c!important;border-left:4px solid #007bff!important;padding:10px!important;margin-bottom:10px!important}.history-image-container{margin-top:10px;text-align:center}.history-image-container img{display:block;margin:0 auto;max-width:100%;width:auto;height:auto;border:1px solid #555;border-radius:4px;top:0;left:0;width:100%;background-color:#000000d9;z-index:1050;cursor:pointer}.history-image-container img:hover{opacity:.85}@media (max-width: 768px){html,body,#root{font-size:14px}#root>div{align-items:stretch;padding:0}.container{padding:10px;margin:0;max-width:100%;border-radius:0;border:none;height:100%;max-height:100%}.game-container,.home-container,.lobby-container{padding:8px;box-sizing:border-box}.home-container h1,.lobby-container h1{margin-top:0}.home-container .error,.lobby-container .error{margin-top:10px}.home-container form,.lobby-container form{margin-bottom:10px}.home-container input[type=text],.lobby-container input[type=text]{margin-bottom:8px}.home-container button,.lobby-container button{margin-top:5px}.available-rooms-list li{padding:6px;border-bottom:1px solid #333}.available-rooms-list button{padding:5px 8px;font-size:.85em;margin-left:8px}h1{font-size:1.5em;margin-bottom:8px}h2{font-size:1.3em;margin-bottom:8px}h3{font-size:1.1em;margin-bottom:6px}.history-log h4{font-size:.95em;margin-bottom:3px}.game-container ul{margin-bottom:8px}.game-container li{font-size:.9em;margin-bottom:2px}.host-restart-section{margin:5px 0!important;padding-top:5px!important;border-top:1px solid #444!important;color:#aaa}.host-restart-section p{font-size:.7em!important;margin-top:3px;color:#888!important}.host-restart-section button{padding:6px 10px;font-size:.85em}.history-log{padding:8px;margin-top:0;margin-bottom:8px;min-height:80px}.input-area{padding:8px;margin:0}.input-area textarea{width:100%;margin:0 0 5px;min-height:40px;font-size:.9em}.input-area button{width:100%;margin:0 0 5px;padding:10px 12px;font-size:.9em}}.player-list{display:grid;grid-template-columns:auto auto auto auto;justify-content:start;gap:5px 10px;align-items:center;margin-bottom:15px}.player-list li{display:contents;margin-bottom:0}.player-list .player-name{font-weight:700;color:#e0e0e0;text-align:left}.player-list .player-health{text-align:right;min-width:70px}.player-list .player-indicators{text-align:left;font-size:.85em;white-space:nowrap}.player-list .player-status{text-align:left;white-space:nowrap}.player-list li[style*="opacity: 0.6"] span{opacity:.6;filter:grayscale(.5)}.spinning-sand-clock{font-size:100px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}