.gamecard{background:linear-gradient(180deg,#fffffff5,#f7f7fbfa);padding:28px;border-radius:12px;box-shadow:0 10px 30px #1018282e;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.gamecard .game-name{margin:0 0 8px;font-size:20px;text-align:center;color:#2e2b2b}.gamecard .game-players{margin:0 0 16px;font-size:14px;color:#4a4a4a;flex-grow:1;text-align:center}.gamecard .game-link{align-self:center}.gamecard button{font-weight:700}#home{width:100%;min-height:100vh}#home header{background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 18px #0000001f;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:24px 0}#home header .home-title{margin:0;font-size:28px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.18)}#home header .home-subtitle{margin:6px 0 0;color:#ffffffd9;font-size:14px}#home header .home-link{position:absolute;right:1em;top:1em;margin-top:12px;color:#fff;text-decoration:none;font-weight:500;font-size:14px;display:flex;align-items:center;gap:6px;transition:color .2s}#home header .home-link:hover{color:gold}#home main{margin:1em auto}#home main h2{text-align:center;color:#fff;font-size:26px;margin:12px 0 36px;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.16)}#home main .games{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;width:70%;margin:0 auto}@media (max-width: 900px){#home main h2{display:none}#home main .games{grid-template-columns:1fr}}#limitelimite-board{width:80vw;height:80vh;display:flex;flex-direction:column;margin:0 auto;background-color:#1a1a1a;padding:1em;box-sizing:border-box;font-weight:700}.table{flex-grow:1;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;padding:1em;border-radius:8px;background-color:#2a2a2a}.table .playing-view{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%}#match-exit{position:fixed;top:1em;left:1em;z-index:3}.scores{position:absolute;top:1em;left:0;right:0;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:1em;padding-bottom:1em;width:100%}.scores .score-display{padding:.5em 1em;background-color:#3a3a3a;border-radius:5px;border:2px solid #555}.scores .score-display.is-boss{border:2px solid gold;box-shadow:0 0 10px gold}.card{color:#fff;padding:1em;width:7vw;height:12em;border-radius:10px;transition:transform .2s ease-out,box-shadow .2s ease-out}.card.question{background-color:#172740}.card.answer{background-color:#9e1b21;cursor:pointer}.card.answer.selected{transform:translateY(-100px)}.card.answer.interactive:hover{box-shadow:0 0 15px #f44336}.card.answer.facedown{background-color:#424242;cursor:default;color:#424242;-webkit-user-select:none;user-select:none}.card.answer.facedown:hover{transform:none;box-shadow:none}.card.selectable{cursor:pointer}.card.selectable:hover{transform:scale(1.05);box-shadow:0 0 15px #4caf50}.hand-container{position:fixed;z-index:2;bottom:1em;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:1em;pointer-events:none}.hand-container .hand-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;pointer-events:auto}.hand-container .hand-cards.lower{transform:translateY(15vh)}.hand-container .controls{position:relative;z-index:3;pointer-events:auto}.hand-container .controls button,.hand-container .controls p{padding:10px 20px;font-size:1em;border-radius:5px}.hand-container .controls button{cursor:pointer}.hand-container .controls p{margin:0;background-color:#3a3a3a;border:2px solid #555;border-radius:5px}.playing-view{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%}.playing-view .submissions{display:flex;flex-direction:column;align-items:center;gap:1em;margin-top:1em}.judge-view{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5em;height:100%;width:100%;padding:2em 1em}.judge-view .question-section{display:flex;flex-direction:column;align-items:center;gap:.5em}.judge-view .progress{color:#888;font-size:.9em;margin:0}.judge-view .question-card{padding:1.5em 2em;border-radius:15px;font-size:1.3em;line-height:1.6;text-align:center;background-color:#172740;color:#fff;max-width:90%;animation:card-in .4s ease-out}.judge-view .responses-section{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:200px}.judge-view .responses-grid,.judge-view .response-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1em;width:90%;max-width:1000px;padding:1em}.judge-view .waiting-text{color:#888;font-size:1.2em;margin:0}.judge-view .tts-playing{color:gold;font-size:2em;text-align:center;padding:2em;animation:pulse 1.5s infinite}.judge-view .response-card{padding:1.5em;border-radius:15px;font-size:1.1em;line-height:1.6;text-align:center;background-color:#9e1b21;color:#fff;display:flex;align-items:center;justify-content:center;animation:card-in .4s ease-out;word-wrap:break-word;min-height:120px}.judge-view .response-card.selectable{cursor:pointer;transition:transform .15s,box-shadow .15s}.judge-view .response-card.selectable:hover{transform:scale(1.05);box-shadow:0 0 30px gold}.judge-view .next-btn{padding:12px 28px;background-color:#764ba2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .2s,transform .15s;position:relative;z-index:100;pointer-events:auto}.judge-view .next-btn:hover{background-color:#6478df;transform:translateY(-2px)}.judge-view .next-btn:active{transform:translateY(0)}.judge-view .select-prompt{color:gold;font-weight:700;margin:0;font-size:1.1em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.round-end-view{display:flex;flex-direction:column;align-items:center;gap:1.5em;margin-top:1em;color:#fff;padding:2em 1em}.round-end-view h2{color:gold;margin:0;font-size:1.8em}.round-end-view .question-card{padding:1.5em 2em;border-radius:15px;font-size:1.3em;line-height:1.6;text-align:center;background-color:#172740;color:#fff;max-width:90%;animation:card-in .4s ease-out}.round-end-view .submissions-recap{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1em;width:90%;max-width:1000px;padding:1em}.round-end-view .submission{display:flex;flex-direction:column;align-items:center;gap:.5em}.round-end-view .submission.winner .answer-card{border:3px solid gold;box-shadow:0 0 20px gold}.round-end-view .submission .cards{display:flex;flex-direction:column;gap:.5em;width:100%}.round-end-view .answer-card{background-color:#9e1b21;color:#fff;padding:.8em;border-radius:10px;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;animation:card-in .4s ease-out}.round-end-view .player-name{color:#aaa;font-size:.85em;margin:0}.round-end-view .next-btn{padding:12px 28px;background-color:#764ba2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .2s,transform .15s,opacity .2s;position:relative;z-index:100}.round-end-view .next-btn:hover:not(:disabled){background-color:#6478df;transform:translateY(-2px)}.round-end-view .next-btn:active:not(:disabled){transform:translateY(0)}.round-end-view .next-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes card-in{0%{opacity:0;transform:scale(.9) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-over-view{display:flex;flex-direction:column;align-items:center;gap:1em;color:#fff}.game-over-view h1{font-size:2.5em}.game-over-view h2{color:gold;font-size:1.5em}#lobbyview{box-sizing:border-box;min-height:100vh}#lobbyview #lobby-view{display:flex;flex-direction:column;min-height:100%}#lobbyview .phase-title{margin-top:40px}#lobbyview .hidden{display:none}#lobbyview .phase{border:none;outline:none}#lobbyview #game-creation select{font-size:14px;margin-right:10px}#lobbyview #game-creation span{margin-right:10px}#lobbyview #instances td{list-style:none;border:0px solid #eee;border-top:none;height:30px;line-height:30px;text-align:left;font-size:14px;padding-left:10px;padding-right:10px}#lobbyview #instances table{height:100%;width:500px;white-space:nowrap}#lobbyview #instances button{font-size:12px}#lobbyview .error-msg{font-size:12px;color:red;margin-top:10px;margin-bottom:10px;display:block}#lobbyview .buttons button{margin-left:10px;margin-top:10px;width:70px}#lobbyview select{height:30px;width:150px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;min-height:100vh;margin:0;display:flex;place-items:center;background:linear-gradient(-45deg,#764ba2,#6478df)}#root{width:100%;min-height:100vh;padding:0;margin:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{align-self:center;padding:.6em 1.2em;border-radius:10px;border:1px solid transparent;cursor:pointer;box-shadow:0 6px 16px #1fb6ff1f;font-size:1em;font-family:inherit;background-color:#1a1a1a;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button.disabled{background:linear-gradient(180deg,#dfdfdf,#d8d8d8);color:#b5b5b5;cursor:not-allowed}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
