:root{--ink: #1a1530;--canary: #ffd23f;--rbx-red: #e8392f;--rbx-blue: #2b8fe0;--rbx-green: #5cc12a;--rbx-purple: #9d54d6;--rbx-orange: #f0802a;--rbx-pink: #ff5fa8}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;overflow:hidden;-webkit-text-size-adjust:100%}#game{position:fixed;inset:0}#game canvas{display:block;width:100vw;height:100vh}#settings{position:fixed;top:18px;left:18px;z-index:10;width:312px;max-height:calc(100vh - 36px);overflow-y:auto;padding:16px 16px 18px;display:flex;flex-direction:column;gap:13px;background:#fff;border:4px solid var(--ink);border-radius:22px;box-shadow:0 9px #1a153047,0 18px 34px #00000038}#settings.hide{display:none}#logo{margin:2px 0 4px;text-align:center;font-size:34px;font-weight:900;line-height:.98;letter-spacing:1px;color:#ffd23f;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.panel-section{display:flex;flex-direction:column;gap:6px}.section-label{font-size:13px;font-weight:800;color:var(--ink)}textarea#in_names{font:inherit;font-size:14px;width:100%;height:84px;resize:none;padding:9px 11px;border:3px solid var(--ink);border-radius:13px;background:#f1f4ff;color:var(--ink);outline:none}textarea#in_names:focus{background:#fff}select#sltMap{font:inherit;font-size:14px;font-weight:700;width:100%;padding:9px 11px;border:3px solid var(--ink);border-radius:13px;background:#f1f4ff;color:var(--ink);cursor:pointer;outline:none}.winner-row{display:flex;gap:7px}.rbx-toggle{font:inherit;font-size:14px;font-weight:800;flex:1;padding:8px 4px;border:3px solid var(--ink);border-radius:12px;background:#e7e9f5;color:var(--ink);cursor:pointer;box-shadow:0 3px #1a15304d}.rbx-toggle.active{background:linear-gradient(180deg,#4aa8f0,#2b8fe0);color:#fff}#in_winningRank{font:inherit;font-size:14px;font-weight:800;width:58px;text-align:center;padding:8px 4px;border:3px solid var(--ink);border-radius:12px;background:#e7e9f5;color:var(--ink);outline:none}#in_winningRank.active{background:linear-gradient(180deg,#4aa8f0,#2b8fe0);color:#fff}.theme-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;color:var(--ink);cursor:pointer}.theme-row input{width:20px;height:20px;accent-color:#9d54d6;cursor:pointer}.action-row{display:flex;gap:9px;margin-top:2px}.rbx-btn{font:inherit;font-weight:900;color:#fff;border:3px solid var(--ink);border-radius:15px;padding:12px 8px;cursor:pointer;text-shadow:0 2px 0 rgba(0,0,0,.25);transition:transform .05s ease,box-shadow .05s ease}.rbx-btn:active{transform:translateY(5px)}.rbx-btn-green{flex:1.6;font-size:19px;background:linear-gradient(180deg,#3ad860,#22b443);box-shadow:0 6px #157f37}.rbx-btn-green:active{box-shadow:0 1px #157f37}.rbx-btn-blue{flex:1;font-size:15px;background:linear-gradient(180deg,#4aa8f0,#2b8fe0);box-shadow:0 6px #1b6cb0}.rbx-btn-blue:active{box-shadow:0 1px #1b6cb0}html.night #settings{background:#2a2550;border-color:#10102a;box-shadow:0 9px #00000073,0 18px 34px #0006}html.night .section-label,html.night .theme-row{color:#eceaff}html.night textarea#in_names,html.night select#sltMap,html.night .rbx-toggle,html.night #in_winningRank{background:#1a1840;color:#eceaff;border-color:#10102a}html.night textarea#in_names:focus{background:#232058}html.night .rbx-toggle.active,html.night #in_winningRank.active{background:linear-gradient(180deg,#7c5fe0,#5a3fc8);color:#fff}#countdown{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);z-index:20;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff15c,#ffd23f,#f0802a);border:8px solid #1a1530;box-shadow:0 12px #1a153059,0 0 80px #ffd23f80;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:150px;color:#fff;-webkit-text-stroke:7px #1a1530;text-shadow:0 8px 0 #1a1530;paint-order:stroke fill;pointer-events:none;animation:countdownPop .45s ease-out}#countdown[data-state=go]{font-size:84px}#countdown.hide{display:none}@keyframes countdownPop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}60%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-50%) scale(1)}}.character-preview{display:flex;gap:6px;padding:8px;background:#f1f4ff;border:3px solid var(--ink);border-radius:13px;overflow-x:auto}.character-preview:empty{display:none}.char-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:center}.char-chip canvas{display:block}.char-name{max-width:52px;font-size:10px;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.night .character-preview{background:#1a1840;border-color:#10102a}html.night .char-name{color:#eceaff}@media(max-width:640px){#settings{top:auto;bottom:0;left:0;width:100%;max-height:74vh;border-radius:22px 22px 0 0;border-width:4px 0 0;box-shadow:0 -6px 22px #00000047}#logo{font-size:28px}textarea#in_names,select#sltMap,#in_winningRank,.rbx-toggle{font-size:16px}}