body{font-family:Arial, sans-serif;background-color:#f8f9fa;margin:0;padding:0;text-align:center}.auth-container,.games-container{max-width:960px;margin:50px auto;padding:40px;background-color:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.2)}.auth-container h1,.games-container h1{color:#2d3748;margin-bottom:30px;font-size:2.5rem}.auth-container p,.games-container p{color:#4a5568;margin-bottom:20px}.auth-container .auth-buttons,.games-container .auth-buttons{margin-top:30px;display:flex;justify-content:center;gap:20px}.auth-container .button,.auth-container .devise-form .actions input[type="submit"],.devise-form .actions .auth-container input[type="submit"],.games-container .button,.games-container .devise-form .actions input[type="submit"],.devise-form .actions .games-container input[type="submit"]{display:inline-block;padding:12px 24px;background-color:#4299e1;color:white;text-decoration:none;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all 0.2s ease;text-align:center}.auth-container .button:hover,.auth-container .devise-form .actions input[type="submit"]:hover,.devise-form .actions .auth-container input[type="submit"]:hover,.games-container .button:hover,.games-container .devise-form .actions input[type="submit"]:hover,.devise-form .actions .games-container input[type="submit"]:hover{background-color:#3182ce;transform:translateY(-1px)}.auth-container .player-games table,.games-container .player-games table{width:100%;border-collapse:collapse;margin-bottom:20px}.auth-container .player-games table th,.auth-container .player-games table td,.games-container .player-games table th,.games-container .player-games table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.auth-container .player-games table th,.games-container .player-games table th{background-color:#f2f2f2;font-weight:bold}.auth-container .player-games table tr:hover,.games-container .player-games table tr:hover{background-color:#f1f1f1}.auth-container .player-games table tr:last-child,.games-container .player-games table tr:last-child{border-bottom:none}.auth-container .player-games table td.game-image img,.games-container .player-games table td.game-image img{max-width:160px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.auth-container .player-games table td.game-title,.games-container .player-games table td.game-title{font-weight:600}.auth-container .player-games table td.game-description,.games-container .player-games table td.game-description{font-size:0.9rem}@media screen and (max-width: 790px){.auth-container .player-games table td.game-description,.games-container .player-games table td.game-description{display:none}}.auth-container .player-games table td.game-actions,.games-container .player-games table td.game-actions{text-align:right;width:120px}.auth-container .player-games table td.game-actions .game-countdown,.games-container .player-games table td.game-actions .game-countdown{font-size:0.8rem;margin-bottom:8px}.auth-container .player-games table td.game-actions .game-stats span,.games-container .player-games table td.game-actions .game-stats span{font-size:0.85rem;margin-right:4px}.auth-container .player-games table td.game-actions .game-stats span:last-child,.games-container .player-games table td.game-actions .game-stats span:last-child{margin-right:0}.auth-container .player-games a,.games-container .player-games a{color:#007bff;text-decoration:none}.auth-container .player-games a:hover,.games-container .player-games a:hover{text-decoration:underline}.auth-container .player-games button,.auth-container .player-games input[type="submit"],.auth-container .player-games .button,.games-container .player-games button,.games-container .player-games input[type="submit"],.games-container .player-games .button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;font-size:14px;border-radius:4px;cursor:pointer;text-decoration:none;font-weight:600;transition:all 0.2s ease}.auth-container .player-games button:hover,.auth-container .player-games input[type="submit"]:hover,.auth-container .player-games .button:hover,.games-container .player-games button:hover,.games-container .player-games input[type="submit"]:hover,.games-container .player-games .button:hover{background-color:#0056b3}.auth-container .player-games button:disabled,.auth-container .player-games input[type="submit"]:disabled,.auth-container .player-games .button:disabled,.games-container .player-games button:disabled,.games-container .player-games input[type="submit"]:disabled,.games-container .player-games .button:disabled{background-color:#cccccc;cursor:not-allowed}.auth-container .player-games .button-danger,.games-container .player-games .button-danger{background-color:#dc3545}.auth-container .player-games .button-danger:hover,.games-container .player-games .button-danger:hover{background-color:#b02a37}.auth-container .player-games .button-eliminated,.games-container .player-games .button-eliminated{background-color:#dc3545}.auth-container .player-games .button-eliminated:hover,.games-container .player-games .button-eliminated:hover{background-color:#b02a37}.auth-container .player-games .button-resume,.games-container .player-games .button-resume{background-color:#28a745}.auth-container .player-games .button-resume:hover,.games-container .player-games .button-resume:hover{background-color:#1e7e34}.auth-container .player-games .button-winner,.games-container .player-games .button-winner{background-color:#ffc107}.auth-container .player-games .button-winner:hover,.games-container .player-games .button-winner:hover{background-color:#e0a800}.auth-container .player-games .button-expired,.games-container .player-games .button-expired{background-color:#6c757d}.auth-container .player-games .button-expired:hover,.games-container .player-games .button-expired:hover{background-color:#5a6268}.home-container,.devise-container{position:absolute;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:0;background-size:cover;background-attachment:fixed;top:0;left:0}.devise-form{max-width:480px;width:100%;margin:50px auto;text-align:left;padding:40px;background:rgba(255,255,255,0.8);background-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.2)}.devise-form h1{color:#2d3748;margin-bottom:30px;font-size:2.5rem;text-align:center}.devise-form h2{color:#2d3748;margin-bottom:24px;text-align:center;font-size:1.8rem}.devise-form .field{margin-bottom:20px}.devise-form .field label{display:block;margin-bottom:8px;color:#4a5568;font-weight:500}.devise-form .field input[type="email"],.devise-form .field input[type="password"],.devise-form .field input[type="text"]{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color 0.2s ease;box-sizing:border-box}.devise-form .field input[type="email"]:focus,.devise-form .field input[type="password"]:focus,.devise-form .field input[type="text"]:focus{outline:none;border-color:#4299e1}.devise-form .actions{margin-top:24px;text-align:center}.devise-form .actions input[type="submit"]{width:100%;font-size:1.1rem}.devise-form .devise-links{margin-top:20px;text-align:center}.devise-form .devise-links a{color:#4299e1;text-decoration:none;font-size:0.9rem}.devise-form .devise-links a:hover{text-decoration:underline}.devise-form .button,.devise-form .actions input[type="submit"],.devise-form input[type="submit"]{display:inline-block;padding:12px 24px;background-color:#4299e1;color:white;text-decoration:none;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all 0.2s ease}.devise-form .button:hover,.devise-form input[type="submit"]:hover{background-color:#3182ce;transform:translateY(-1px)}.devise-form input#player_remember_me{float:left}.flash{padding:12px 24px;margin-bottom:20px;border-radius:8px;text-align:center;font-weight:500}.flash.notice{background-color:#c6f6d5;color:#2f855a}.flash.alert{background-color:#fed7d7;color:#c53030}.container.players,.container.player{max-width:800px;margin:20px auto;padding:20px;background:#ffffff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.2);text-align:left}.container.players h1,.container.players h2,.container.players h3,.container.player h1,.container.player h2,.container.player h3{color:#333;margin-bottom:15px}.container.players table,.container.player table{width:100%;border-collapse:collapse;margin-bottom:20px}.container.players table th,.container.players table td,.container.player table th,.container.player table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.container.players table th,.container.player table th{background-color:#f2f2f2;font-weight:bold}.container.players table tr:nth-child(even),.container.player table tr:nth-child(even){background-color:#f9f9f9}.container.players table tr:hover,.container.player table tr:hover{background-color:#f1f1f1}.container.players a,.container.player a{color:#007bff;text-decoration:none}.container.players a:hover,.container.player a:hover{text-decoration:underline}.container.players button,.container.players input[type="submit"],.container.players .button,.container.player button,.container.player input[type="submit"],.container.player .button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;font-size:14px;border-radius:4px;cursor:pointer;text-decoration:none}.container.players button:hover,.container.players input[type="submit"]:hover,.container.players .button:hover,.container.player button:hover,.container.player input[type="submit"]:hover,.container.player .button:hover{background-color:#0056b3}.container.players button:disabled,.container.players input[type="submit"]:disabled,.container.players .button:disabled,.container.player button:disabled,.container.player input[type="submit"]:disabled,.container.player .button:disabled{background-color:#cccccc;cursor:not-allowed}.container.players .button-danger,.container.player .button-danger{background-color:#dc3545}.container.players .button-danger:hover,.container.player .button-danger:hover{background-color:#b02a37}.container.players form,.container.player form{display:flex;flex-direction:column;gap:15px}.container.players form .field,.container.player form .field{display:flex;flex-direction:column}.container.players form .field label,.container.player form .field label{font-weight:bold;margin-bottom:5px}.container.players form .field input[type="text"],.container.players form .field input[type="password"],.container.players form .field select,.container.players form .field textarea,.container.player form .field input[type="text"],.container.player form .field input[type="password"],.container.player form .field select,.container.player form .field textarea{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;box-sizing:border-box}.container.players form .field input:focus,.container.players form .field select:focus,.container.players form .field textarea:focus,.container.player form .field input:focus,.container.player form .field select:focus,.container.player form .field textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 4px rgba(0,123,255,0.25)}.container.players form .actions,.container.player form .actions{display:flex;gap:10px}.container.players .notice,.container.players .alert,.container.player .notice,.container.player .alert{padding:10px 15px;margin-bottom:20px;border-radius:4px;color:#fff}.container.players .notice.notice,.container.players .alert.notice,.container.player .notice.notice,.container.player .alert.notice{background-color:#28a745}.container.players .notice.alert,.container.players .alert.alert,.container.player .notice.alert,.container.player .alert.alert{background-color:#dc3545}.mysteries button,.mysteries input[type="submit"],.mysteries .button,.mysteries .devise-form .actions input[type="submit"],.devise-form .actions .mysteries input[type="submit"]{background-color:#007bff;color:#fff;border:none;padding:10px 15px;font-size:14px;border-radius:4px;cursor:pointer;text-decoration:none;font-weight:600;transition:all 0.2s ease}.mysteries button:hover,.mysteries input[type="submit"]:hover,.mysteries .button:hover{background-color:#0056b3}.mysteries button:disabled,.mysteries input[type="submit"]:disabled,.mysteries .button:disabled{background-color:#cccccc;cursor:not-allowed}.mysteries .button-danger{background-color:#dc3545}.mysteries .button-danger:hover{background-color:#b02a37}.mysteries .button-eliminated{background-color:#dc3545}.mysteries .button-eliminated:hover{background-color:#b02a37}.mysteries .button-resume{background-color:#28a745}.mysteries .button-resume:hover{background-color:#1e7e34}.mysteries .button-winner{background-color:#ffc107}.mysteries .button-winner:hover{background-color:#e0a800}.mysteries .button-expired{background-color:#6c757d}.mysteries .button-expired:hover{background-color:#5a6268}.mystery .top-bar,.mysteries .top-bar{width:100%;height:50px;background-color:#333;color:#fff;padding:0 10px;box-sizing:border-box;position:fixed;text-align:right;box-shadow:4px 4px 4px 2px rgba(0,0,0,0.2);display:flex;align-items:center}.mystery .top-bar div.mystery-title,.mysteries .top-bar div.mystery-title{float:left;display:block;text-align:left;width:30%;min-width:25vw;font-weight:bold}.mystery .top-bar div.mystery-title .mystery-countdown,.mysteries .top-bar div.mystery-title .mystery-countdown{font-weight:normal}@media (max-width: 960px){.mystery .top-bar div.mystery-title,.mysteries .top-bar div.mystery-title{width:100%}}.mystery .top-bar div.mystery-feed,.mysteries .top-bar div.mystery-feed{text-align:right;font-size:1.0rem;margin-left:auto;transition:all 2.0s ease;min-width:180px}.mystery .top-bar a,.mysteries .top-bar a{color:#fff;text-decoration:none;margin-right:8px}.mystery .top-bar a:hover,.mysteries .top-bar a:hover{color:#007bff}.mystery .left-column{width:25%;height:100%;overflow-y:auto;position:fixed;top:50px;left:0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding-bottom:80px;overflow-y:scroll;overflow-x:hidden}@media screen and (max-width: 660px){.mystery .left-column{width:100px}}.mystery .left-column .characters{list-style:none;padding:0;margin:0;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-right:1px solid #b3b3b3;background-color:rgba(244,244,244,0.6);border-radius:0 0 8px 0;box-shadow:4px 4px 4px 2px rgba(0,0,0,0.2);width:100%}.mystery .left-column .characters .character{display:flex;align-items:center;border-bottom:1px solid #b3b3b3;cursor:pointer;vertical-align:middle}.mystery .left-column .characters .character.character-red:hover{background-color:rgba(255,0,0,0.4)}.mystery .left-column .characters .character.character-orange:hover{background-color:rgba(255,165,0,0.4)}.mystery .left-column .characters .character.character-yellow:hover{background-color:rgba(255,255,0,0.4)}.mystery .left-column .characters .character.character-green:hover{background-color:rgba(0,255,0,0.4)}.mystery .left-column .characters .character.character-blue:hover{background-color:rgba(0,0,255,0.4)}.mystery .left-column .characters .character.character-indigo:hover{background-color:rgba(75,0,130,0.4)}.mystery .left-column .characters .character.character-violet:hover{background-color:rgba(255,0,255,0.4)}.mystery .left-column .characters .character.character-red.character-active,.mystery .left-column .characters .character.character-red:hover{background-color:#FFB3B3}.mystery .left-column .characters .character.character-orange.character-active,.mystery .left-column .characters .character.character-orange:hover{background-color:#FFE4B3}.mystery .left-column .characters .character.character-yellow.character-active,.mystery .left-column .characters .character.character-yellow:hover{background-color:#FFFFB3}.mystery .left-column .characters .character.character-green.character-active,.mystery .left-column .characters .character.character-green:hover{background-color:#B3FFB3}.mystery .left-column .characters .character.character-blue.character-active,.mystery .left-column .characters .character.character-blue:hover{background-color:#B3B3FF}.mystery .left-column .characters .character.character-indigo.character-active,.mystery .left-column .characters .character.character-indigo:hover{background-color:#C9B3DA}.mystery .left-column .characters .character.character-violet.character-active,.mystery .left-column .characters .character.character-violet:hover{background-color:#FFCCFF}.mystery .left-column .characters .character a{color:#000;width:100%;height:100%;padding:10px;text-align:left;text-decoration:none}.mystery .left-column .characters .character img{width:75px;height:75px;margin-right:10px;border-radius:4px;float:left;border:1px solid #b3b3b3}.mystery .left-column .characters .character div.name{font-size:1.4rem;padding-bottom:8px}@media screen and (max-width: 860px){.mystery .left-column .characters .character div.name{font-size:1.2rem}}@media screen and (max-width: 760px){.mystery .left-column .characters .character div.name{font-size:1.1rem}}@media screen and (max-width: 660px){.mystery .left-column .characters .character div.name{display:none}}.mystery .left-column .characters .character div.name .icon{font-size:1.0rem;float:right;margin:0 4px 4px 4px}.mystery .left-column .characters .character div.name .icon.icon-victim,.mystery .left-column .characters .character div.name .icon.icon-murderer{font-size:1.4rem}.mystery .left-column .characters .character div.name .icon span.count{padding-right:2px}.mystery .left-column .characters .character div.biography{font-size:0.9rem}@media screen and (max-width: 960px){.mystery .left-column .characters .character div.biography{display:none}}.mystery .center-column{width:50%;height:calc(100% - 50px);margin:50px auto;display:flex;flex-direction:column;position:fixed;left:25%;overflow-y:scroll;overflow-x:hidden}@media screen and (max-width: 660px){.mystery .center-column{left:105px;width:calc(75% - 105px)}}.mystery .center-column ul{list-style-type:none}.mystery .center-column .interrogations{flex:1;overflow-y:auto;background:none;margin:0;padding:10px;text-align:left}.mystery .center-column .interrogation b{display:block}.mystery .center-column .interrogation b span{font-size:0.8rem;font-weight:400;float:right}.mystery .center-column .interrogation-question,.mystery .center-column .interrogation-response{border-radius:8px;padding:12px 20px;margin-bottom:8px;box-shadow:4px 4px 4px 2px rgba(0,0,0,0.2);border:1px solid #b3b3b3;font-size:1.125rem;line-height:1.6875rem}@media screen and (max-width: 760px){.mystery .center-column .interrogation-question,.mystery .center-column .interrogation-response{font-size:1rem;line-height:1.5rem}}@media screen and (max-width: 660px){.mystery .center-column .interrogation-question,.mystery .center-column .interrogation-response{font-size:0.875rem;line-height:1.375rem}}.mystery .center-column .interrogation-question span.timestamp,.mystery .center-column .interrogation-response span.timestamp{font-size:0.8rem;font-weight:400;float:right}.mystery .center-column .interrogation-question span.name,.mystery .center-column .interrogation-response span.name{font-weight:bold}.mystery .center-column .interrogation-question span.content,.mystery .center-column .interrogation-response span.content{display:block}.mystery .center-column .interrogation-question{background-color:#fff}.mystery .center-column .interrogation-question.no-questions{font-weight:bold}.mystery .center-column .interrogation-response.red,.mystery .center-column .interrogation-question.red{background-color:#ffe6e6}.mystery .center-column .interrogation-response.orange,.mystery .center-column .interrogation-question.orange{background-color:#fff6e6}.mystery .center-column .interrogation-response.yellow,.mystery .center-column .interrogation-question.yellow{background-color:#ffffe6}.mystery .center-column .interrogation-response.green,.mystery .center-column .interrogation-question.green{background-color:#e6ffe6}.mystery .center-column .interrogation-response.blue,.mystery .center-column .interrogation-question.blue{background-color:#e6e6ff}.mystery .center-column .interrogation-response.indigo,.mystery .center-column .interrogation-question.indigo{background-color:#e1d5eb}.mystery .center-column .interrogation-response.violet,.mystery .center-column .interrogation-question.violet{background-color:#ffe6ff}.mystery .center-column .interrogation-response .interrogation-link,.mystery .center-column .interrogation-question .interrogation-link{font-weight:bold;text-decoration:none;background-color:#f4f4f4;padding:2px 4px;border-radius:4px;border:1px solid #b3b3b3;-webkit-text-stroke:1px rgba(0,0,0,0.2);text-stroke:1px rgba(0,0,0,0.2)}.mystery .center-column .interrogation-response .interrogation-link:hover,.mystery .center-column .interrogation-question .interrogation-link:hover{text-decoration:underline;background-color:#dbdbdb}.mystery .center-column .interrogation-response .interrogation-link.red,.mystery .center-column .interrogation-question .interrogation-link.red{color:#ff0000}.mystery .center-column .interrogation-response .interrogation-link.orange,.mystery .center-column .interrogation-question .interrogation-link.orange{color:#ffa500}.mystery .center-column .interrogation-response .interrogation-link.yellow,.mystery .center-column .interrogation-question .interrogation-link.yellow{color:#cccc00}.mystery .center-column .interrogation-response .interrogation-link.green,.mystery .center-column .interrogation-question .interrogation-link.green{color:#006600}.mystery .center-column .interrogation-response .interrogation-link.blue,.mystery .center-column .interrogation-question .interrogation-link.blue{color:#0000ff}.mystery .center-column .interrogation-response .interrogation-link.indigo,.mystery .center-column .interrogation-question .interrogation-link.indigo{color:#4b0082}.mystery .center-column .interrogation-response .interrogation-link.violet,.mystery .center-column .interrogation-question .interrogation-link.violet{color:#ff00ff}.mystery .center-column form{display:flex;flex-direction:column;margin-top:auto;padding:10px;box-sizing:border-box}.mystery .center-column form textarea{height:80px;margin-bottom:10px;padding:8px;resize:none;border-radius:4px;box-shadow:4px 4px 4px 2px rgba(0,0,0,0.2);border:1px solid #b3b3b3;font-size:1.0rem}.mystery .center-column form textarea:disabled{cursor:not-allowed}.mystery .center-column form .interrogate-button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;font-size:1.2rem;border-radius:4px;cursor:pointer;text-decoration:none;font-weight:600;transition:all 0.2s ease;border:1px solid #b3b3b3;box-shadow:4px 4px 4px 2px rgba(0,0,0,0.2)}.mystery .center-column form .interrogate-button:hover{background-color:#0056b3}.mystery .center-column form .interrogate-button:disabled{background-color:#cccccc;cursor:not-allowed}.mystery .center-column form input{box-shadow:4px 4px 4px 2px rgba(0,0,0,0.2)}.mystery .center-column .accusation-wrapper h1,.mystery .center-column .accusation-wrapper h2,.mystery .center-column .accusation-wrapper h3{text-align:center;color:#333;margin-bottom:20px}@media screen and (max-width: 760px){.mystery .center-column .accusation-wrapper h2{font-size:1.333rem}}@media screen and (max-width: 600px){.mystery .center-column .accusation-wrapper h2{font-size:1.2rem}}.mystery .center-column .accusation-wrapper .accusation-table{width:100%;border-collapse:collapse;margin:20px 0}.mystery .center-column .accusation-wrapper .accusation-table th{color:#333;padding:10px;text-align:center}.mystery .center-column .accusation-wrapper .accusation-table td{width:33.33%;padding:10px;text-align:center;position:relative}.mystery .center-column .accusation-wrapper .accusation-table td.accusation-character:after{content:'';display:block;padding-bottom:100%}.mystery .center-column .accusation-wrapper .accusation-table td img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:8px;border:1px solid #b3b3b3;max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain}.mystery .center-column .accusation-wrapper .accusation-table tr:last-child td{padding:10px;font-weight:bold;color:#333}.mystery .center-column .accusation-wrapper .accusation-motive{text-align:left;margin:20px 0;padding:15px;border:1px solid #b3b3b3;border-radius:4px}.mystery .center-column .accusation-wrapper .accusation-motive.red{background-color:#FFB3B3}.mystery .center-column .accusation-wrapper .accusation-motive.orange{background-color:#FFE4B3}.mystery .center-column .accusation-wrapper .accusation-motive.yellow{background-color:#FFFFB3}.mystery .center-column .accusation-wrapper .accusation-motive.green{background-color:#B3FFB3}.mystery .center-column .accusation-wrapper .accusation-motive.blue{background-color:#B3B3FF}.mystery .center-column .accusation-wrapper .accusation-motive.indigo{background-color:#C9B3DA}.mystery .center-column .accusation-wrapper .accusation-motive.violet{background-color:#FFCCFF}.mystery .center-column .accusation-wrapper .game-narrative{margin-top:20px;padding:15px;border-top:1px solid #cccccc;line-height:1.6}.mystery .center-column .accusation-wrapper .game-result{text-align:center}.mystery .center-column .accusation-wrapper .game-result .game-narrative{text-align:left}.mystery #hidden-character-info{display:none}.mystery .right-column{width:25%;height:100%;overflow-y:auto;position:fixed;top:50px;right:0;display:flex;flex-direction:column;align-items:center;padding:10px;box-sizing:border-box;padding-bottom:50px;overflow-y:scroll;overflow-x:hidden}.mystery .right-column .character-container{background-color:rgba(244,244,244,0.6);padding:8px;border-radius:4px;box-shadow:4px 4px 4px 2px rgba(0,0,0,0.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #b3b3b3}.mystery .right-column .character-container h2{-webkit-text-stroke-color:#b3b3b3;-webkit-text-stroke-width:1px;paint-order:stroke fill;font-size:2rem;margin-top:4px}.mystery .right-column .character-container h2 span.profession{display:block;font-size:1.6rem}@media screen and (max-width: 860px){.mystery .right-column .character-container h2{font-size:1.8rem}.mystery .right-column .character-container h2 span.profession{font-size:1.2rem}}@media screen and (max-width: 760px){.mystery .right-column .character-container h2{font-size:1.6rem}.mystery .right-column .character-container h2 span.profession{font-size:1.0rem}}.mystery .right-column .character-container img{width:160px;height:160px;border-radius:8px;outline:6px solid #000;border:1px solid rgba(0,0,0,0.5);margin-bottom:8px}@media screen and (max-width: 860px){.mystery .right-column .character-container img{width:120px;height:120px}}@media screen and (max-width: 760px){.mystery .right-column .character-container img{width:100px;height:100px}}.mystery .right-column .character-container .character-red img{outline-color:rgba(255,0,0,0.3)}.mystery .right-column .character-container .character-orange img{outline-color:rgba(255,165,0,0.3)}.mystery .right-column .character-container .character-yellow img{outline-color:rgba(255,255,0,0.3)}.mystery .right-column .character-container .character-green img{outline-color:rgba(0,255,0,0.3)}.mystery .right-column .character-container .character-blue img{outline-color:rgba(0,0,255,0.3)}.mystery .right-column .character-container .character-indigo img{outline-color:rgba(75,0,130,0.3)}.mystery .right-column .character-container .character-violet img{outline-color:rgba(255,0,255,0.3)}.mystery .right-column .character-container .biography{font-size:0.9rem;margin:12px auto 0 auto;background-color:rgba(244,244,244,0.6);border:1px solid #c2c2c2;border-radius:8px 8px 0px 0px;border-bottom:none;padding:12px;text-align:left}@media screen and (max-width: 660px){.mystery .right-column .character-container .biography{display:none}}.mystery .right-column .character-container .alibi{margin:0 auto 12px auto;font-size:1.0rem;text-align:left;padding:12px;border-radius:0 0 8px 8px;border:1px solid #b3b3b3;border-top:none}@media screen and (max-width: 660px){.mystery .right-column .character-container .alibi{border-radius:8px;font-size:0.9rem}}.mystery .right-column .character-container .character-red .alibi{background-color:#FFB3B3}.mystery .right-column .character-container .character-orange .alibi{background-color:#FFE4B3}.mystery .right-column .character-container .character-yellow .alibi{background-color:#FFFFB3}.mystery .right-column .character-container .character-green .alibi{background-color:#B3FFB3}.mystery .right-column .character-container .character-blue .alibi{background-color:#B3B3FF}.mystery .right-column .character-container .character-indigo .alibi{background-color:#C9B3DA}.mystery .right-column .character-container .character-violet .alibi{background-color:#FFCCFF}.mystery .right-column .weapons-container,.mystery .right-column .locations-container{display:grid;gap:5px;font-size:0.9rem;margin:8px 0;background-color:rgba(244,244,244,0.6);padding:8px 4px;border-radius:4px;border:1px solid #b3b3b3;box-shadow:4px 4px 4px 2px rgba(0,0,0,0.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mystery .right-column .weapons-container h3,.mystery .right-column .locations-container h3{margin:8px;font-size:1.6rem;-webkit-text-stroke-color:#b3b3b3;-webkit-text-stroke-width:1px;font-weight:900;paint-order:stroke fill}@media screen and (max-width: 760px){.mystery .right-column .weapons-container h3,.mystery .right-column .locations-container h3{font-size:1.4rem}}@media screen and (max-width: 660px){.mystery .right-column .weapons-container h3,.mystery .right-column .locations-container h3{font-size:1.2rem}}.mystery .right-column .weapons-container .weapon-description,.mystery .right-column .weapons-container .location-description,.mystery .right-column .locations-container .weapon-description,.mystery .right-column .locations-container .location-description{font-size:0.9rem;margin:12px auto 0 auto;background-color:rgba(244,244,244,0.6);border:1px solid #c2c2c2;border-radius:8px;padding:12px;text-align:left}@media screen and (max-width: 760px){.mystery .right-column .weapons-container .weapon-description,.mystery .right-column .weapons-container .location-description,.mystery .right-column .locations-container .weapon-description,.mystery .right-column .locations-container .location-description{font-size:0.9rem}}@media screen and (max-width: 660px){.mystery .right-column .weapons-container .weapon-description,.mystery .right-column .weapons-container .location-description,.mystery .right-column .locations-container .weapon-description,.mystery .right-column .locations-container .location-description{display:none}}.mystery .right-column .weapons-container td,.mystery .right-column .locations-container td{padding:8px;background:none}.mystery .right-column .weapons-container td img,.mystery .right-column .locations-container td img{width:100%;height:auto;cursor:pointer;border-radius:4px;outline:1px solid #b3b3b3}.mystery .right-column .weapons-container td img:hover,.mystery .right-column .locations-container td img:hover{outline:4px solid red}.mystery .right-column .weapons-container td.selected img,.mystery .right-column .locations-container td.selected img{outline:4px solid #f00}.mystery .right-column .accuse-container{display:grid;gap:5px;margin:8px 0;width:100%}.mystery .right-column .accuse-container input[type="submit"]{color:#fff;font-size:1.4rem;border-radius:4px;cursor:pointer;text-decoration:none;transition:all 0.2s ease;border:1px solid #b3b3b3;width:100%;background-color:#f00;padding:20px 12px;text-transform:uppercase;font-weight:900;box-shadow:4px 4px 4px 2px rgba(0,0,0,0.2)}.mystery .right-column .accuse-container input[type="submit"]:hover{background-color:#cc0000}.mystery .right-column .accuse-container input[type="submit"]:disabled{background-color:#cccccc;cursor:not-allowed}.mystery .right-column .accuse-container textarea{height:120px;width:90%;padding:8px;border-radius:4px;border:4px solid #f00;box-shadow:4px 4px 4px 2px rgba(0,0,0,0.2);font-size:1.0rem}.mystery .right-column .accuse-container textarea:disabled{cursor:not-allowed;border:1px solid #b3b3b3}.mystery-background,.mysteries-background{position:fixed;top:0;left:0;z-index:0;width:100%;height:100%;opacity:0.6;background-size:cover;background-position:center;background-repeat:no-repeat}.mysteries-background{opacity:1.0}.mysteries{width:100%;height:100%;display:flex;flex-direction:column}.mysteries-container{width:100%;max-width:960px;margin:50px auto;padding:40px;background:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;z-index:1;box-shadow:0 4px 6px rgba(0,0,0,0.2);box-sizing:border-box}.mysteries-container .game-description{text-align:left;padding-bottom:20px;border-bottom:1px solid #b3b3b3}.mysteries-container .mysteries-list .mysteries-title{font-size:24px;font-weight:bold;margin-bottom:10px}.mysteries-container .mysteries-list .mystery-description{color:#666;margin-bottom:20px}.mysteries-container .mysteries-list .mysteries-table{width:100%;border-collapse:collapse;margin-bottom:20px;border-bottom:1px solid #666}.mysteries-container .mysteries-list .mysteries-table th,.mysteries-container .mysteries-list .mysteries-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.mysteries-container .mysteries-list .mysteries-table th{background-color:#f2f2f2;font-weight:bold}.mysteries-container .mysteries-list .mysteries-table tr:hover{background-color:#f1f1f1}.mysteries-container .mysteries-list .mysteries-table tr:last-child{border-bottom:none}.mysteries-container .mysteries-list .mysteries-table td{padding:10px;border-bottom:1px solid #eee}.mysteries-container .mysteries-list .mysteries-table td:last-child{text-align:right;padding-bottom:30px}.mysteries-container .mysteries-list .mysteries-table .mystery-uuid{color:#666;font-size:14px}.mysteries-container .mysteries-list .mysteries-table .mystery-victim{width:100px}.mysteries-container .mysteries-list .mysteries-table .mystery-victim img{width:100px;height:100px;border-radius:8px;border:1px solid #b3b3b3;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.mysteries-container .mysteries-list .mysteries-table .mystery-stats span{margin-right:15px}.mysteries-container .mysteries-list .mysteries-table .mystery-actions .mystery-countdown{color:#666;font-size:1.0rem;margin-bottom:12px}.mysteries-container .mysteries-list .mysteries-table .mystery-actions input[type="submit"]{background:#4a90e2;color:white;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}.mysteries-container .mysteries-list .mysteries-table .mystery-actions input[type="submit"]:hover{background:#357abd}.mysteries-container .footer-buttons{text-align:center}.mysteries-container .footer-buttons .go-back-button{float:left}@media (max-width: 660px){.mysteries-container .footer-buttons .go-back-button{float:none;display:block;margin-bottom:20px;width:140px}}.mysteries-container .footer-buttons .create-mystery-button{float:right}@media (max-width: 660px){.mysteries-container .footer-buttons .create-mystery-button{float:none;display:block;width:140px}}@media (max-width: 660px){.mystery-row{display:flex;flex-direction:column}.mystery-victim,.mystery-victim-name{order:1}.mystery-stats,.mystery-actions{order:2}.mystery-actions{text-align:left !important}}