:root{--copyright-color:white}:root.light{--copyright-color:black}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#111;width:100vw;height:100dvh;font-family:Segoe UI,-apple-system,sans-serif;overflow:hidden}#game-select{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.game-select-card{text-align:center;width:600px;max-width:90vw}.game-select-card h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;margin-bottom:4px;font-size:36px}.game-select-card .game-select-subtitle{color:#999;margin-bottom:32px;font-size:14px}.game-select-card .game-select-credits{color:#666;margin-top:24px;font-size:12px}.game-select-card .game-select-credits a{color:#888;text-decoration:none}.game-select-card .game-select-credits a:hover{color:#aaa;text-decoration:underline}#game-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.game-card{backdrop-filter:blur(20px);text-align:left;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;padding:24px;transition:all .25s}.game-card:hover{background:#ffffff1f;border-color:#3a7bd580;transform:translateY(-4px);box-shadow:0 8px 25px #3a7bd533}.game-card .game-card-name{color:#fff;margin-bottom:8px;font-size:18px;font-weight:600}.game-card .game-card-desc{color:#aaa;margin-bottom:12px;font-size:13px;line-height:1.4}.game-card .game-card-players{color:#3a7bd5;font-size:12px;font-weight:500}#lobby{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.lobby-card{backdrop-filter:blur(20px);text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;width:400px;max-width:90vw;padding:40px}.lobby-card h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;margin-bottom:4px;font-size:28px}.lobby-card .lobby-subtitle{color:#999;margin-bottom:24px;font-size:14px}.lobby-form{text-align:left}.lobby-form label{color:#aaa;margin-top:12px;margin-bottom:4px;font-size:13px;display:block}.lobby-form input[type=text]{color:#fff;background:#ffffff0f;border:1px solid #fff3;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:15px;transition:border-color .2s}.lobby-form input[type=text]:focus{border-color:#3a7bd5}.lobby-form input[type=text]::placeholder{color:#666}.lobby-buttons{margin-top:20px}.lobby-btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.lobby-btn.primary{color:#fff;background:linear-gradient(135deg,#3a7bd5,#00d2ff)}.lobby-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3a7bd566}.lobby-btn.secondary{color:#ccc;background:#ffffff1a;border:1px solid #fff3;flex-shrink:0;width:auto;padding:10px 20px}.lobby-btn.secondary:hover{background:#ffffff26}.lobby-divider{text-align:center;color:#666;margin:16px 0;font-size:13px;position:relative}.lobby-divider:before,.lobby-divider:after{content:"";background:#ffffff1a;width:35%;height:1px;position:absolute;top:50%}.lobby-divider:before{left:0}.lobby-divider:after{right:0}.lobby-join-row{gap:8px;display:flex}.lobby-error{color:#ff6b6b;min-height:18px;margin-top:12px;font-size:13px}.lobby-loading{color:#3a7bd5;margin-top:8px;font-size:14px}#game-screen{grid-template-rows:auto 1fr;grid-template-columns:1fr 280px;width:100vw;height:100dvh;display:grid}#room-bar{z-index:1000;background:#000000b3;border-bottom:1px solid #ffffff1a;grid-column:1/-1;align-items:center;gap:10px;padding:6px 12px;display:flex}#room-bar #room-code-display{color:#3a7bd5;font-size:14px;font-weight:600}#room-bar #connection-status{border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}#room-bar #connection-status.online{color:#32d583;background:#32d5831a;border-color:#32d58366}#room-bar #connection-status.reconnecting{color:#f5b942;background:#f5b9421a;border-color:#f5b94266}#room-bar #connection-status.offline{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b66}#room-bar #room-user-count{color:#888;flex-grow:1;font-size:13px}#room-bar button{color:#ccc;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:4px 12px;font-size:12px;transition:background .2s}#room-bar button:hover{background:#ffffff26}#room-bar button.leave-btn{color:#ff6b6b;border-color:#ff6b6b55}#room-bar button.leave-btn:hover{background:#ff6b6b26}#game-container{grid-area:2/1;min-height:0;position:relative;overflow:hidden}#game-container canvas{width:100%;height:100%;position:absolute;inset:0}#side-panel{background:#000000d9;border-left:1px solid #ffffff1a;flex-direction:column;grid-area:2/2;min-height:0;display:flex}#user-list{border-bottom:1px solid #ffffff1a;max-height:120px;padding:10px;overflow-y:auto}#user-list h4{color:#888;margin-bottom:6px;font-size:13px}#user-list h4 #user-count-badge{color:#fff;background:#3a7bd5;border-radius:10px;padding:1px 6px;font-size:11px}#user-list ul{list-style:none}#user-list ul li{color:#ccc;justify-content:space-between;align-items:center;padding:3px 0;font-size:13px;display:flex}#user-list ul li.host{color:gold;font-weight:600}#user-list ul li.toggleable{cursor:default}#user-list ul li.toggleable .user-name{flex:1}#user-list ul li.toggleable.excluded .user-name{color:#666;text-decoration:line-through}#user-list ul li .user-toggle-btn{cursor:pointer;border:none;border-radius:4px;flex-shrink:0;margin-left:6px;padding:1px 8px;font-size:11px;transition:all .15s}#user-list ul li .user-toggle-btn.included{color:#5ddb6e;background:#3ad56433;border:1px solid #3ad5644d}#user-list ul li .user-toggle-btn.included:hover{color:#ff6b6b;background:#ff6b6b33;border-color:#ff6b6b4d}#user-list ul li .user-toggle-btn.excluded{color:#ff6b6b;background:#ff6b6b26;border:1px solid #ff6b6b40}#user-list ul li .user-toggle-btn.excluded:hover{color:#5ddb6e;background:#3ad56433;border-color:#3ad5644d}#chat-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#chat-messages{flex:1;padding:8px;font-size:13px;overflow-y:auto}#chat-messages::-webkit-scrollbar{width:4px}#chat-messages::-webkit-scrollbar-track{background:0 0}#chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.chat-msg{word-break:break-word;padding:3px 0}.chat-msg.system{color:#888;font-size:12px;font-style:italic}.chat-msg .chat-nick{color:#3a7bd5;margin-right:6px;font-weight:600}.chat-msg .chat-nick:after{content:":"}.chat-msg .chat-text{color:#ddd}#chat-input-row{border-top:1px solid #ffffff1a;flex-shrink:0;gap:4px;padding:8px;display:flex}#chat-input-row input{color:#fff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;outline:none;flex:1;padding:8px 10px;font-size:13px}#chat-input-row input:focus{border-color:#3a7bd5}#chat-input-row input::placeholder{color:#555}#chat-input-row button{color:#fff;cursor:pointer;background:#3a7bd5;border:none;border-radius:6px;flex-shrink:0;padding:8px 14px;font-size:13px}#chat-input-row button:hover{background:#4a8be5}.icon{vertical-align:middle;background:currentColor;width:25px;height:25px;display:inline-block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.icon.play{mask-image:url(play.d2b98249.svg)}.icon.shuffle{mask-image:url(shuffle.e9e498cf.svg)}.icon.megaphone{mask-image:url(megaphone.da49dfc8.svg)}.icon.record{mask-image:url(record.c71c4728.svg)}.icon.map{mask-image:url(map.eb357c03.svg)}.icon.trophy{mask-image:url(trophy.50d1ba0a.svg)}.icon.bomb{mask-image:url(bomb.455f9b17.svg)}.icon.sun{mask-image:url(sun.ab6ec46d.svg)}.icon.moon{mask-image:url(moon.3f475bd2.svg)}#settings{backdrop-filter:blur(10px);z-index:10;visibility:visible;opacity:1;background:#323232eb;border:1px solid #ffffff1a;border-radius:12px;grid-area:2/1;place-self:end stretch;min-width:0;max-width:none;margin:0 1rem 1rem;padding:12px;transition:visibility,opacity .5s linear;display:flex;box-shadow:0 -2px 16px #0006}#settings.hide{opacity:0;visibility:hidden}#settings h3{color:#fefefe;margin:0 0 4px;padding:0;font-size:12pt}#settings textarea{color:#fff;resize:vertical;background:#ffffff1f;border:none;border-radius:6px;width:100%;min-height:4rem;padding:6px;font-size:14pt}#settings textarea::placeholder{color:#888}#settings button,#settings .btn{color:#fefefe;cursor:pointer;background:#222;border:none;border-radius:5px;padding:5px 10px;display:inline-block;position:relative}#settings button:active:after,#settings .btn:active:after{content:"";background:#00000080;position:absolute;inset:0}#settings div.left{flex-grow:1;flex-shrink:1;order:1}#settings div.left .actions{justify-content:stretch;align-items:center;gap:4px;margin-top:4px;display:flex}#settings div.left .actions div.sep{flex-grow:1}#settings div.right{flex-grow:0;flex-shrink:0;order:2}#settings div.right div.row{align-items:center;height:35px;display:flex}#settings div.right div.row label{color:#fff;flex-grow:0;flex-shrink:0;width:130px;padding-left:.5rem;font-size:13px}#settings select{color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:5px;width:100%;height:25px}#settings input[type=checkbox]{vertical-align:middle;appearance:none;cursor:pointer;width:50px;height:25px;padding-right:63px;display:inline-block;position:relative}#settings input[type=checkbox]:before{content:"";background:#555;border-radius:25px;width:50px;height:25px;display:inline-block;position:absolute;top:0;left:0}#settings input[type=checkbox]:after{content:"";background:#999;border-radius:25px;width:25px;height:25px;transition:transform .2s;position:absolute;top:0;left:0}#settings input[type=checkbox]:checked:after{background:#fff;transform:translate(100%)}#settings input[type=checkbox]:checked:before{background:#3a7bd5}#settings .btn-group{justify-content:stretch;display:flex}#settings .btn-group>*{box-sizing:border-box;color:#fefefe;background:#555;border:none;border-radius:0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:33%;height:25px;padding:0;font-size:13px;display:flex;overflow:hidden}#settings .btn-group>:first-child{border-radius:6px 0 0 6px}#settings .btn-group>:last-child{border-radius:0 6px 6px 0}#settings .btn-group>.active{background:#3a7bd5}#settings .btn-group>.active:before{content:"";vertical-align:middle;background:#fff;width:14px;height:14px;margin-right:2px;display:inline-block;mask-image:url(check.7e390469.svg);mask-repeat:no-repeat}#settings .btn-group input[type=number]{box-sizing:border-box;text-align:center;color:#fff;background:#555;border:none}#settings .btn-group input[type=number].active{background:#3a7bd5}div.toast{color:#fff;z-index:1000;background:#3a7bd5e6;border-radius:6px;padding:8px 16px;animation:.2s linear fade-in,.2s linear 1s reverse fade-in;position:fixed;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@media screen and (width<=750px){body{height:100svh}#game-screen{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:100svh}#side-panel{border-top:1px solid #ffffff1a;border-left:none;flex-direction:column;grid-area:3/1;min-height:0;max-height:30svh;display:flex}#user-list{flex-shrink:0;max-height:60px;overflow-y:auto}#settings{margin:0 .5rem .5rem}#settings.hide{opacity:0;visibility:hidden}#settings div.right div.row{border-bottom:1px solid #ffffff1a;height:auto;padding:.3rem 0;display:block}#settings div.right div.row label{width:100%;margin-bottom:.3rem;padding-left:0;display:block}#settings div.right div.row .icon{width:15px;height:15px}}
/*# sourceMappingURL=frontend.01804fca.css.map */