@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{width:100%;display:flex;justify-content:center;padding:0;overflow:hidden}#root{width:100%}[data-theme]{min-height:100vh;display:flex;justify-content:center;font-family:Cormorant Garamond,Georgia,serif;transition:background .8s ease,color .8s ease}[data-theme=day]{background-color:#eddec9;color:#3d2b1f}[data-theme=day]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/images/background-day.jpg),radial-gradient(ellipse at 50% 0%,rgba(212,175,55,.08) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(93,64,35,.04) 0%,transparent 50%);background-size:cover,auto,auto;background-position:80% 0%;background-repeat:no-repeat;pointer-events:none;z-index:0}[data-theme=night]{background-color:#0a1628;color:#c9d1da}[data-theme=night]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/images/background-night.jpg),radial-gradient(ellipse at 50% 0%,rgba(42,77,122,.2) 0%,transparent 60%),radial-gradient(circle at 80% 15%,rgba(200,200,220,.03) 0%,transparent 30%);background-size:cover,auto,auto;background-position:80% 0%;background-repeat:no-repeat;pointer-events:none;z-index:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}[data-theme=day] ::-webkit-scrollbar-thumb{background:#5d402333;border-radius:3px}[data-theme=night] ::-webkit-scrollbar-thumb{background:#6482b44d;border-radius:3px}h1,h2,h3{font-family:Playfair Display,Georgia,serif;letter-spacing:.02em}[data-theme=day] h1,[data-theme=day] h2,[data-theme=day] h3{color:#5a3d2b}[data-theme=night] h1,[data-theme=night] h2,[data-theme=night] h3{color:#e8e4dc}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;font-family:Playfair Display,Georgia,serif;font-size:1rem;font-weight:600;letter-spacing:.04em;cursor:pointer;border:none;transition:all .3s ease;position:relative}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.35;filter:grayscale(80%)}[data-theme=day] .btn{background:linear-gradient(135deg,#6b4c2a,#8b6530);color:#f4e8d0;border-radius:.375rem;box-shadow:0 2px 8px #5d402333,inset 0 1px #ffffff1a}[data-theme=day] .btn:hover:not(:disabled){background:linear-gradient(135deg,#7d5b34,#9e7438);box-shadow:0 4px 16px #5d40234d,inset 0 1px #ffffff26}[data-theme=night] .btn{background:linear-gradient(135deg,#1e3a5f,#2a4d7a);color:#c9d1da;border-radius:.375rem;border:1px solid rgba(100,130,180,.25);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}[data-theme=night] .btn:hover:not(:disabled){background:linear-gradient(135deg,#24436e,#345b8f);border-color:#6482b466;box-shadow:0 4px 16px #2a4d7a4d,inset 0 1px #ffffff14}.btn-secondary{background:transparent!important;border:1px solid}[data-theme=day] .btn-secondary{border-color:#8b6530;color:#6b4c2a}[data-theme=day] .btn-secondary:hover:not(:disabled){opacity:1}[data-theme=night] .btn-secondary:hover:not(:disabled){opacity:1;border-color:#6482b480}.btn-ghost{background:transparent!important;color:inherit!important;padding:.5rem 1rem!important;font-size:.85rem!important;opacity:.6}[data-theme=day] .btn-ghost:hover:not(:disabled){opacity:1}[data-theme=night] .btn-ghost:hover:not(:disabled){opacity:1;text-shadow:0 0 8px rgba(100,130,180,.4)}.btn-new-room{width:100%}.lobby-form .help-text p{margin-top:1.5rem}.input{width:100%;padding:.75rem 1rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1rem;font-weight:500;letter-spacing:.03em;border-radius:.375rem;transition:all .3s ease}[data-theme=day] .input{background:#f4e8d0;color:#3d2b1f;border:1px solid rgba(93,64,35,.2);box-shadow:inset 0 1px 3px #5d402314}[data-theme=day] .input:focus{border-color:#8b6530;box-shadow:inset 0 1px 3px #5d402314,0 0 0 2px #8b653033}[data-theme=night] .input{background:#0f1f3a;color:#c9d1da;border:1px solid rgba(100,130,180,.2);box-shadow:inset 0 1px 3px #0003}[data-theme=night] .input:focus{border-color:#3a5ba0;box-shadow:inset 0 1px 3px #0003,0 0 0 2px #3a5ba033}.input::placeholder{color:inherit;opacity:.4}.screen-center{display:flex;justify-content:center;align-items:center;min-height:100vh}.lobby-form{text-align:center;padding:1rem;margin:1rem;border-radius:1rem;width:100%;max-width:480px}.lobby-form .btn{width:100%}[data-theme=day] .lobby-form{background:#eddec9a6;border:1px solid rgba(93,64,35,.12);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-theme=night] .lobby-form{background:#0a1628a6;border:1px solid rgba(100,130,180,.15);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lobby-form .title{font-family:Playfair Display,Georgia,serif;font-size:3rem;font-weight:800;letter-spacing:.08em;margin-bottom:.5rem}[data-theme=day] .lobby-form .title{background:linear-gradient(180deg,#d4af37,#8b6530);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 4px rgba(93,64,35,.2))}[data-theme=night] .lobby-form .title{background:linear-gradient(180deg,#c9d1da,#6b8abf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(42,77,122,.3))}.lobby-form .subtitle{font-family:Cormorant Garamond,Georgia,serif;font-size:1.1rem;font-weight:400;letter-spacing:.06em;margin-bottom:2.5rem}[data-theme=day] .lobby-form .subtitle{color:#7a6248}[data-theme=night] .lobby-form .subtitle{color:#6b8abf}.divider{display:flex;align-items:center;gap:1rem;margin:.25rem 0}[data-theme=day] .divider:before,[data-theme=day] .divider:after{content:"";flex:1;height:1px;background:#5d402333}[data-theme=night] .divider:before,[data-theme=night] .divider:after{content:"";flex:1;height:1px;background:#6482b433}.divider span{font-family:Playfair Display,Georgia,serif;font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:0 .75rem}[data-theme=day] .divider span{color:#7a6248}[data-theme=night] .divider span{color:#5b7aa5}.form-error{padding:.75rem 1rem;border-radius:.375rem;font-size:.85rem;margin-top:.5rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.error-banner{position:absolute;top:1rem;left:1rem;padding:.25rem;border-radius:.375rem;font-size:.85rem;display:flex;align-items:center;gap:.5rem;background:#8b2d1bbf;border:1px solid rgba(139,45,27,.2);color:#fff;z-index:100}.error-banner-button{background:transparent;border:none;color:#fff;padding:0;cursor:pointer}.error-banner-button>svg{height:.75rem;width:.75rem}.help-text{margin-top:2rem;font-size:.85rem;letter-spacing:.03em}[data-theme=day] .help-text{color:#7a6248}[data-theme=night] .help-text{color:#4b6b94}.actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.join-section{display:flex;flex-direction:column;gap:.75rem;width:100%}.join-section .input{padding:.875rem 1rem;font-size:1.05rem}.room-view{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:70rem}.room-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;position:relative}.room-code{background:transparent;padding:.2rem .75rem;border-radius:.375rem;font-family:Playfair Display,Georgia,serif;font-weight:600;font-size:.9rem;letter-spacing:.1em;height:2rem;display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center}[data-theme=day] .room-code{background:#5d40230f;border:1px solid rgba(93,64,35,.12);color:#5a3d2b}[data-theme=night] .room-code{background:#2a4d7a26;border:1px solid rgba(100,130,180,.15);color:#a8c4e6}.copy-link-btn{background:transparent!important;border:none!important;padding:0!important;cursor:pointer;transition:opacity .2s ease;line-height:1}[data-theme=day] .copy-link-btn{color:#5a3d2b}[data-theme=night] .copy-link-btn{color:#a8c4e6}.copy-link-btn:hover{filter:brightness(2)}.header-menu{position:relative;flex-shrink:0}.menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:2rem;height:2rem;border-radius:50%;border:2px solid;background:transparent;cursor:pointer;opacity:.6;transition:opacity .2s ease,background .2s ease;color:inherit;padding:0}[data-theme=day] .menu-btn{border-color:#5d40234d}[data-theme=night] .menu-btn{border-color:#6482b44d}.menu-btn:hover{opacity:1;background:#8080801a}.menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:160px;border-radius:.5rem;padding:.375rem 0;display:flex;flex-direction:column;gap:.125rem;z-index:100}[data-theme=day] .menu-dropdown{background:#f4e8d0f2;border:1px solid rgba(93,64,35,.15);box-shadow:0 8px 24px #5d402326}[data-theme=night] .menu-dropdown{background:#0a1628f2;border:1px solid rgba(100,130,180,.2);box-shadow:0 8px 24px #0000004d}.menu-item{display:block;width:100%;text-align:left;padding:.6rem 1rem;font-size:.9rem;cursor:pointer;border:none;background:transparent;color:inherit}.menu-item:hover{opacity:.7}.menu-item--danger{color:#c44}.room-main{flex:1;display:flex;flex-direction:column}.room-footer{padding:0 1rem;display:flex;justify-content:flex-end;min-height:5rem}.phase-banner{text-align:center;padding:.875rem 1rem;margin:0 1rem;border-radius:.375rem;font-family:Playfair Display,Georgia,serif;font-weight:700;letter-spacing:.04em;font-size:1.25rem;position:relative;overflow:hidden}[data-theme=day] .phase-banner{background:#5d40230f;border:1px solid rgba(93,64,35,.12);box-shadow:inset 0 1px #ffffff1a;text-shadow:0 0 12px rgba(100,130,180,.3)}[data-theme=night] .phase-banner{background:#2a4d7a26;border:1px solid rgba(100,130,180,.15);box-shadow:inset 0 1px #ffffff08;text-shadow:0 0 12px rgba(100,130,180,.3)}.room-info{position:absolute;top:40%;left:0;display:flex;gap:.5rem;width:100%;justify-content:center;align-items:center}.player-count{font-family:Cormorant Garamond,Georgia,serif;font-weight:500}.all-ready-badge{background:transparent;color:inherit;padding:.2rem .75rem;border-radius:.375rem;animation:pulse 1.5s infinite ease-in-out;font-weight:600;letter-spacing:.04em}[data-theme=day] .all-ready-badge{background:#16a34a1a;border:1px solid rgba(22,163,74,.25);color:#4ade80}[data-theme=night] .all-ready-badge{background:#4ade8014;border:1px solid rgba(74,222,128,.15);color:#86efac}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.winner-display{text-align:center;padding:1.5rem 1rem;border-radius:.375rem;font-size:2rem;font-family:Playfair Display,Georgia,serif;font-weight:700;letter-spacing:.04em;background:#2a4d7ab3;border:1px solid rgba(100,130,180,.2);color:#c9d1da;z-index:3}.winner-title{font-family:Playfair Display,Georgia,serif}.player-section{margin:.5rem 1rem 0;display:flex;height:100%;justify-content:center}.player-grid{display:grid;width:100%;row-gap:.1rem;column-gap:.1rem}.player-space{z-index:2;display:flex;align-items:center;justify-content:left}.player-grid[data-players="1"],.player-grid[data-players="2"],.player-grid[data-players="3"],.player-grid[data-players="4"],.player-grid[data-players="5"],.player-grid[data-players="6"],.player-grid[data-players="7"],.player-grid[data-players="8"],.player-grid[data-players="9"],.player-grid[data-players="10"],.player-grid[data-players="11"],.player-grid[data-players="12"]{grid-template-columns:1fr 1fr 1fr}.player-grid[data-players="13"],.player-grid[data-players="14"],.player-grid[data-players="15"],.player-grid[data-players="16"],.player-grid[data-players="17"],.player-grid[data-players="18"],.player-grid[data-players="19"],.player-grid[data-players="20"]{grid-template-columns:1fr 1fr 1fr 1fr}.player-space[data-players="1"],.player-space[data-players="2"],.player-space[data-players="3"],.player-space[data-players="4"],.player-space[data-players="5"],.player-space[data-players="6"]{grid-row:1 / span 5;grid-column:2 / span 2}.player-space[data-players="7"],.player-space[data-players="8"]{grid-row:2 / span 4;grid-column:2 / span 2}.player-space[data-players="9"],.player-space[data-players="10"]{grid-row:1 / span 5;grid-column:2 / span 1}.player-space[data-players="11"],.player-space[data-players="12"]{grid-row:2 / span 3;grid-column:2 / span 1}.player-space[data-players="13"],.player-space[data-players="14"],.player-space[data-players="15"],.player-space[data-players="16"]{grid-row:2 / span 4;grid-column:2 / span 2}.player-space[data-players="17"],.player-space[data-players="18"],.player-space[data-players="19"],.player-space[data-players="20"]{grid-row:3 / span 2;grid-column:2 / span 2}.player-card{position:relative;width:5rem;margin:0 auto;transition:all .3s ease;cursor:pointer}.player-card:hover:not(.eliminated){transform:scale(1.1)}.player-card.eliminated{opacity:.75;filter:grayscale(1);cursor:unset}.player-frame{position:relative;width:100%;aspect-ratio:1;border-radius:50%;border:2px double;overflow:hidden;box-shadow:0 8px 32px #0003,inset 0 -2px 12px #0000001a}[data-theme=day] .player-frame{background:url(/images/background-portrait-day.jpg),radial-gradient(ellipse at 50% 0%,rgba(42,77,122,.2) 0%,transparent 60%),radial-gradient(circle at 80% 15%,rgba(200,200,220,.03) 0%,transparent 30%);border-color:#1a1406}[data-theme=night] .player-frame{background:url(/images/background-portrait-night.jpg),radial-gradient(ellipse at 50% 0%,rgba(42,77,122,.2) 0%,transparent 60%),radial-gradient(circle at 80% 15%,rgba(200,200,220,.03) 0%,transparent 30%);border-color:#6482b466}.player-portrait{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center top}.player-name{position:relative}.player-name-box:before{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;clip-path:polygon(.45rem 0,calc(100% - .45rem) 0,100% .45rem,100% calc(100% - .45rem),calc(100% - .45rem) 100%,.45rem 100%,0 calc(100% - .45rem),0 .45rem)}.player-name-box{position:relative;margin-top:-1rem;height:2rem;padding:.5rem;z-index:2;font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:1.1rem;letter-spacing:.08em;text-align:center;clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% .5rem,100% calc(100% - .5rem),calc(100% - .5rem) 100%,.5rem 100%,0 calc(100% - .5rem),0 .5rem)}.player-name-box:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem)}.player-name-text{position:absolute;margin-left:.15rem;top:0;left:0;z-index:2;height:100%;width:calc(100% - .35rem);display:flex;justify-content:center;align-items:center}.player-name-text>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=day] .player-name-box{background:#1a1406}[data-theme=night] .player-name-box{background:#101f2f}[data-theme=day] .player-name-box:before{background:#b29677}[data-theme=night] .player-name-box:before{background:#334966}[data-theme=day] .player-name-box:after{background:#1a1406}[data-theme=night] .player-name-box:after{background:#101f2f}[data-theme=day] .player-name-text{color:#b29677}[data-theme=night] .player-name-text{color:#334966}.player-role{position:absolute;top:2.55rem;right:-.75rem;border-radius:50%;padding:.05rem;font-size:.75rem;width:1.4rem;height:1.4rem;display:flex;justify-content:center;align-items:center;font-weight:700;border:2px double}[data-theme=day] .player-role{background:#b29677;color:#1a1406;border-color:#1a1406}[data-theme=night] .player-role{background:#334966;color:#101f2f;border-color:#101f2f}.player-marker{position:absolute;top:.9rem;right:-.75rem;border-radius:50%;padding:.2rem;font-size:.6rem;width:1.4rem;height:1.4rem;padding:0;display:flex;justify-content:center;align-items:center;font-weight:700;border:2px double}.player-marker>span{display:block}.player-mark{color:#c82828bf;position:absolute;top:.3rem;left:.3rem;height:4rem;width:4rem}[data-theme=day] .player-marker{background:#b29677;color:#1a1406;border-color:#1a1406}[data-theme=night] .player-marker{background:#334966;color:#101f2f;border-color:#101f2f}.waiting-banner{display:flex;flex-direction:column;padding:1rem;border-radius:.75rem;z-index:3}[data-theme=day] .waiting-banner{background:#5d4023b3;border:2px solid rgba(93,64,35,.15);box-shadow:inset 0 1px #ffffff1a}[data-theme=night] .waiting-banner{background:#2a4d7ab3;border:2px solid rgba(100,130,180,.15);box-shadow:inset 0 1px #ffffff05,0 0 20px #2a4d7a1a}.waiting-text{font-size:2rem;text-align:center;padding:.25rem 0;letter-spacing:.04em}[data-theme=day] .waiting-text{color:#fff}[data-theme=night] .waiting-text{color:#3d5a80}.role-reveal-banner{border-radius:.75rem;padding:1.5rem 1rem;text-align:center;margin:0 1rem;display:flex;flex-direction:column;width:100%;max-width:30rem;z-index:3}[data-theme=day] .role-reveal-banner{background:#5d4023b3;border:2px solid rgba(93,64,35,.15);box-shadow:inset 0 1px #ffffff1a}[data-theme=night] .role-reveal-banner{background:#2a4d7ab3;border:2px solid rgba(100,130,180,.15);box-shadow:inset 0 1px #ffffff05,0 0 20px #2a4d7a1a}.role-label{font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem}[data-theme=day] .role-label{color:#7a6248}[data-theme=night] .role-label{color:#bfdbfe}.role-badge{display:inline-block;padding:.625rem 2rem;border-radius:.375rem;font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:1.25rem;letter-spacing:.08em}[data-theme=day] .role-mafia{background:linear-gradient(135deg,#4a1515,#6b1f1f);color:#fecaca;box-shadow:0 4px 12px #8b2d1b33}[data-theme=day] .role-innocent{background:linear-gradient(135deg,#1e3a5f,#2a4d7a);color:#bfdbfe;box-shadow:0 4px 12px #1e3a5f33}[data-theme=night] .role-mafia{background:linear-gradient(135deg,#4a1515,#7a2020);color:#fecaca;box-shadow:0 0 20px #8b2d1b33}[data-theme=night] .role-innocent{background:linear-gradient(135deg,#1e3a5f,#2a4d7a);color:#bfdbfe;box-shadow:0 0 20px #1e3a5f33}.action-panel{z-index:1;display:flex;flex-direction:column;position:absolute;bottom:-2rem;right:1rem}.action-target-btn{border:none;font-family:Playfair Display,Georgia,serif;font-size:.95rem;font-weight:500;letter-spacing:.02em;transition:all .2s ease;width:10rem;height:10rem}[data-target=false] .action-target-btn{background:no-repeat center/100% url(/images/box.webp)}[data-target=true] .action-target-btn{cursor:pointer;background:no-repeat center/100% url(/images/box-paper.webp)}[data-theme=night] [data-target] :is([data-role=doctor],[data-role=detective]).action-target-btn{cursor:pointer;background:no-repeat top/180% url(/images/paper.webp)}.action-target-btn:hover{transform:scale(1.1)}.action-target-btn:active{transform:scale(1.2)}.action-target-name{position:absolute;right:3rem;bottom:3rem;transform:rotate(-7deg)}[data-theme=night] [data-target] :is([data-role=doctor],[data-role=detective]) .action-target-name{right:1.5rem;bottom:3rem;transform:rotate(-5deg);text-transform:uppercase}.action-target-paper{position:absolute;font-size:.5rem;color:#000;right:4.1rem;top:.5rem;transform:rotate(-4deg)}[data-theme=night] [data-target] :is([data-role=doctor],[data-role=detective]) .action-target-paper{top:1.5rem;right:2rem;font-size:1rem;transform:rotate(-5deg)}.narrator-controls{margin-bottom:1rem}.investigaion-result{z-index:1;display:flex;flex-direction:column;position:absolute;bottom:-2rem;right:1rem;border:none;font-family:Playfair Display,Georgia,serif;font-size:1rem;color:#000;font-weight:500;letter-spacing:.02em;transition:all .2s ease;width:10rem;height:10rem;background:no-repeat top/180% url(/images/paper.webp);padding-top:2rem}.investigaion-result-title,.investigaion-result-name,.investigaion-result-text{transform:rotate(-4deg);text-align:center;text-transform:uppercase}.night-result-banner{position:absolute;top:10rem;left:0;right:0;margin-inline:auto;display:flex;align-items:flex-start;padding-top:4rem;gap:.75rem;background:no-repeat top/100% url(/images/newspaper.webp);width:100%;max-width:30rem;height:20rem;z-index:3}.night-result-content{display:flex;justify-content:center;align-items:center;width:100%}.night-result-text{font-weight:700;font-size:2rem;text-align:center;color:#000}.room-actions{display:flex;flex-direction:column;gap:.625rem}.turnstile-container{margin-top:1.5rem;display:flex;justify-content:center}[data-theme=day] .phase-lobby{color:#8b6530!important}[data-theme=day] .phase-role-distribution{color:#7a6248!important}[data-theme=day] .phase-night-action{color:#5a3d2b!important}[data-theme=day] .phase-night-discuss{color:#6b4c2a!important}[data-theme=day] .phase-day-discuss,[data-theme=day] .phase-day-vote{color:#8b6530!important}[data-theme=day] .phase-elimination{color:#a8553a!important}[data-theme=day] .phase-game-over{color:#c88264!important}[data-theme=night] .phase-lobby{color:#6b8abf!important}[data-theme=night] .phase-role-distribution{color:#8ab4e8!important}[data-theme=night] .phase-night-action{color:#a8c4e6!important}[data-theme=night] .phase-night-discuss{color:#c87272!important}[data-theme=night] .phase-day-discuss,[data-theme=night] .phase-day-vote{color:#8ab4e8!important}[data-theme=night] .phase-elimination{color:#e8a8a8!important}[data-theme=night] .phase-game-over{color:#c88264!important}