@keyframes pulse{50%{background:#a632274d}}@keyframes pulse-text{50%{opacity:.55}}@keyframes flip-in{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}body:has(.undercover-app){color:#302217;box-sizing:border-box;background-color:#c8ad88;background-image:url(../paper-texture.webp);background-repeat:repeat;align-items:stretch;min-width:320px;min-height:100vh;padding:16px;font-family:Courier New,Courier,Lucida Console,monospace}.undercover-app{color:#302217;box-sizing:border-box;width:min(100%,1200px);min-height:calc(100vh - 32px);margin:0 auto}.game-utility-bar{justify-content:center;align-items:center;gap:12px;max-width:700px;min-height:42px;margin:0 auto 8px;display:flex}.sdk-header{justify-content:center;display:flex}.undercover-title{text-align:center;margin:0 auto 20px}.undercover-title .series-mark{margin:0 0 5px}.undercover-title h1{color:#82251b;letter-spacing:.08em;border-bottom:2px dashed #3d312a;margin:0 0 8px;padding:0 0 7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,5vw,36px)}.undercover-title .subtitle{color:#5c4a3d;margin:8px 0;font-size:16px}.series-mark,.eyebrow{color:#76573b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:700;display:block}.table-heading-actions,.section-title,.action-buttons{justify-content:space-between;align-items:center;gap:12px;display:flex}.connection-mark{color:#8a251b;text-align:center;white-space:nowrap;margin:5px 0 0;font-size:12px}.connection-mark.online{color:#365a3c}.language-button{color:#392a1c;cursor:pointer;font:inherit;background:0 0;border:1px dashed #72583d;padding:6px 9px;font-size:12px}.paper-card{box-sizing:border-box;background:#efe1c8db;border:3px double #654d34;box-shadow:3px 3px #37251529}.entry-card{box-sizing:border-box;background:#efe1c8db;border:0;border-left:1px solid #654d34;border-right:1px solid #654d34;width:min(100% - 30px,420px);margin:28px auto;padding:30px clamp(20px,5vw,34px);position:relative;box-shadow:inset 0 0 0 5px #654d3414}.scroll-menu:before,.scroll-menu:after{content:"";background:#d6c19c;border:2px solid #654d34;height:14px;position:absolute;left:-6px;right:-6px;box-shadow:2px 2px #3725152e}.scroll-menu:before{top:-7px}.scroll-menu:after{bottom:-7px}.entry-card h2,.section-title h2,.lobby h2,.table-heading h2{color:#593f2b;margin:0;font-family:Georgia,Times New Roman,serif}.entry-card h2{text-align:center;border-bottom:1px dashed #593f2b8c;margin-bottom:19px;padding-bottom:10px;font-size:22px}.field-label,.action-target{color:#59452f;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:700;display:flex}:is(body:has(.undercover-app) .field-label input,body:has(.undercover-app) .action-target select,body:has(.undercover-app) .chat-input-row input){box-sizing:border-box;color:#302217;width:100%;min-width:0;min-height:42px;font:inherit;background:#fffbf0cc;border:1px solid #72583d;padding:8px 10px;box-shadow:inset 1px 1px 2px #412c181a}.create-form{flex-direction:column;gap:13px;margin-top:14px;display:flex}.create-room-button{width:100%;margin:0}.check-row{align-items:flex-start;gap:9px;font-size:13px;display:flex}.check-row input{accent-color:#82251b;margin:2px 0 0}.entry-divider{color:#826d55;align-items:center;gap:12px;margin:23px 0;font-size:11px;display:flex}.entry-divider:before,.entry-divider:after{content:"";background:#987d5c;flex:1;height:1px}.join-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;min-width:0;display:grid}.join-form .btn{max-width:100%;min-height:42px;margin:0}.sketch-button{color:#392a1c;cursor:pointer;min-height:40px;font:inherit;background:0 0;border:2px solid #493522;padding:8px 13px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:2px 2px #493522}.sketch-button:hover:not(:disabled){background:#6f4e2b1a}.sketch-button:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.sketch-button:disabled{cursor:not-allowed;opacity:.55}.sketch-button.seal-button{color:#fff4dc;background:#84271d;border-color:#572017;box-shadow:2px 2px #4b261a}.sketch-button.secondary{background:#fff9eb73}.notice{overflow-wrap:anywhere;background:#f6e8cce6;border:1px dashed #795832;width:fit-content;max-width:100%;margin:18px auto;padding:10px 14px}.error-notice{color:#84271d;border-color:#87291f}.table-heading{background:#e1d0b3e3;border:2px solid #61492f;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;padding:12px 16px;display:flex}.table-heading h2{font-size:clamp(17px,3vw,23px)}.room-code{color:#8a291e;letter-spacing:.08em;margin-bottom:5px;font-size:12px;font-weight:700;display:block}#room-status{color:#2c221e;background:0 0;min-height:1.2em;margin:0 auto 8px;font-size:15px;font-weight:700;display:inline-block}.invite-link{color:#2c221e;cursor:pointer;font-family:Courier New,Courier,Lucida Console,monospace;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.invite-link:hover{opacity:.7}.btn-invite{color:#faf4e6;cursor:pointer;background:#5c4a3d;border:none;padding:10px 16px;font-family:Courier New,Courier,Lucida Console,monospace;font-weight:700;transition:background .2s}.btn-invite:hover{background:#7a6855}.room-code-display{color:#8a291e;letter-spacing:.08em;margin-bottom:8px;font-size:13px;font-weight:700;display:inline-block}.share-invite-button{white-space:nowrap;padding:8px 14px;font-size:13px;display:inline-block}.timer{color:#84271d;white-space:nowrap;border:1px dashed #84271d;padding:7px 10px;font-weight:700}.lobby{box-sizing:border-box;width:min(100%,750px);margin:20px auto;padding:18px;overflow-x:hidden}.section-title{margin-bottom:12px}.section-title h2{font-size:20px}.section-title>span,.muted{color:#715b43;font-size:13px}.player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.player-row{border-bottom:1px #5e452b4d;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.player-row.is-me{background:#8f673b1f}.player-row.is-out{color:#8c7a65}.player-row.is-out .player-nick{text-decoration:line-through}.death-icon{flex-shrink:0}.center{text-align:center}.field-label{flex-direction:column;gap:4px;margin:8px 0;font-size:14px;display:flex}.field-label input,.field-label select,.join-form input{box-sizing:border-box;min-height:44px;font:inherit;color:inherit;background:#fffaebb3;border:1.5px solid #3d312a;padding:6px 10px}.role-tag.ready{color:#2f6b2f}.role-tag.role-undercover{color:#a63227}.role-tag.role-blank{color:#5c4a3d}.role-tag.role-civilian{color:#2f5d7a}.kick-button{color:#a63227;cursor:pointer;background:0 0;border:0;min-width:36px;min-height:36px;font-size:16px}.config-summary{margin:0;padding-left:18px;line-height:1.8}.player-list.compact .player-row{padding:6px 8px}.player-row.is-speaking{background:#a6322729;animation:1.4s ease-in-out infinite pulse}.phase-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.phase-name{font-family:Georgia,serif;font-weight:700}.phase-status{margin-top:4px;font-size:14px}.phase-status.urgent{color:#a63227;font-weight:700;animation:1s ease-in-out infinite pulse-text}.timer.low{color:#a63227;animation:.6s ease-in-out infinite pulse-text}.word-card{box-sizing:border-box;cursor:pointer;width:100%;min-height:110px;font:inherit;color:inherit;perspective:600px;background:#fffaeba6;border:2px dashed #3d312a;flex-direction:column;align-items:center;gap:8px;margin:12px 0;padding:14px;display:flex}.word-card.flipped{background:#fff4d6e6;animation:.4s flip-in}.word-card.is-out{opacity:.6}.word-card-label{letter-spacing:.1em;text-transform:uppercase;color:#5c4a3d;font-size:12px}.word-text{color:#82251b;font-family:Georgia,serif;font-size:clamp(26px,8vw,36px)}.word-text.blank{color:#5c4a3d;font-style:italic}.word-hidden{color:#5c4a3d;font-size:18px}.word-hint{color:#5c4a3d;font-size:13px}.vote-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:10px 0;display:grid}.vote-chip{min-height:48px;font:inherit;color:inherit;cursor:pointer;background:#fffaebb3;border:1.5px solid #3d312a;align-items:center;gap:6px;padding:8px 10px;display:flex}.vote-chip:disabled{cursor:default;opacity:.6}.vote-chip.chosen,.sketch-button.chosen{opacity:1;background:#a632272e;border-color:#a63227}.voted-mark{color:#2f6b2f;margin-left:auto}.vote-counts{margin:6px 0 0;padding-left:18px}.result-line{text-align:center;margin:8px 0;font-weight:700}.log-list{max-height:320px;padding:4px 2px;overflow-y:auto}.log-round{text-align:center;color:#874035;margin:10px 0 4px;font-size:12px}.log-system{color:#5c4a3d;text-align:center;margin:4px 0;font-size:13px}.log-line{flex-direction:column;max-width:85%;margin:6px 0;display:flex}.log-line.mine{align-items:flex-end;margin-left:auto}.log-who{color:#874035;font-size:11px}.log-line.bubble .log-text{word-break:break-word;background:#fffaebcc;border:1.5px solid #3d312a;padding:6px 10px;animation:.25s pop}.log-line.mine.bubble .log-text{background:#ffecbee6}.log-emoji{font-size:26px;animation:.25s pop}.emoji-row{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.emoji-button{cursor:pointer;background:0 0;border:1px solid #3d312a;min-width:42px;min-height:42px;font-size:20px}.lobby-share{text-align:center;margin-bottom:12px}.lobby{box-sizing:border-box;width:min(100%,750px);margin:20px auto;padding:18px}.config-panel{border-top:1px dashed #61492f;margin-top:16px;padding-top:12px}.config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:0;padding:0;list-style:none;display:grid}.config-grid .check-row{grid-column:1/-1}.config-summary li{font-size:14px;line-height:1.8}.lobby-actions{justify-content:center;gap:16px;margin:18px 0 10px;display:flex}.player-name{min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;flex:auto;align-items:center;gap:5px;display:flex;position:relative}.player-name .role-tag{margin-left:auto}.player-name:disabled{background:0 0!important}.player-nick{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:2px;display:inline-block}.status-dot.online{background-color:#22c55e}.status-dot.offline{background-color:#ef4444}.status-dot.ready{background-color:#22c55e}.status-dot.not-ready{background-color:#797575}.game-layout{grid-template-columns:minmax(0,1fr) minmax(260px,330px);align-items:start;gap:16px;display:grid}.chronicle,.players-card{min-width:0;padding:14px}.role-card{border-bottom:1px dashed #927958;flex-wrap:wrap;justify-content:space-between;gap:15px;padding-bottom:11px;display:flex}.role-card strong{font-family:Georgia,Times New Roman,serif;font-size:21px;display:block}.role-card p{max-width:650px;margin:6px 0 0;font-size:12px;line-height:1.5}.team-list{color:#87261c;flex-direction:column;gap:4px;min-width:120px;font-size:12px;display:flex}.investigation-result,.winner-notice{background:#506e411a;border-left:4px solid #365a3c;padding:9px 12px;font-weight:700}.winner-notice{color:#84271d;border-color:#84271d}.chat-section{background:#f8efdb73;border:1px solid #73583a;flex-direction:column;min-height:360px;margin-top:12px;display:flex}.channel-tabs{border-bottom:1px solid #73583a;gap:0;display:flex;overflow-x:auto}.channel-tabs button{color:#543d28;cursor:pointer;font:inherit;background:#a78b6421;border:0;border-right:1px solid #61492f59;flex:1 0 auto;padding:10px 8px;font-size:12px}.channel-tabs button.active-tab{color:#fff3d7;background:#64472d}.chat-phase{background:#e1d0b3e3;border-bottom:1px solid #61492f59;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:14px;display:flex}.chat-countdown{color:#543d28;background:#64472d1a}.chat-pinned{color:#87261c;overflow-wrap:anywhere;background:#87261c14;border-bottom:1px solid #61492f59;padding:7px 10px;font-size:13px;font-weight:700}.rematch-button{margin:8px 0}.chat-history{flex-direction:column;flex:1;gap:6px;min-height:210px;max-height:320px;padding:12px;display:flex;overflow-y:auto}.chat-message{border-bottom:1px dashed #5a412829;padding:5px 2px;animation:.26s ease-out ink-arrive}.chat-message p{overflow-wrap:anywhere;white-space:pre-wrap;margin:4px 0 0}.message-meta{color:#31526a;font-size:12px;font-weight:700}.system-message{color:#6c5942;font-style:italic}.system-message .message-meta{color:#755b3d}.chat-input-row{border-top:1px solid #73583a;gap:8px;padding:8px;display:flex}.chat-input-row input{flex:1;min-width:0}.players-card .player-list{grid-template-columns:1fr}.action-panel,.voting-panel{background:#b79c741f;border-top:2px solid #73583a;margin-top:13px;padding:12px 4px 3px}.action-panel h3,.voting-panel h3{color:#84271d;margin:0 0 6px;font-family:Georgia,Times New Roman,serif}.action-panel p,.voting-panel p{margin:4px 0 10px;font-size:12px;line-height:1.5}.action-target{margin:12px 0}.action-buttons{flex-wrap:wrap;justify-content:flex-start}.action-hint{color:#655039;margin:14px 0 0;font-size:13px}.action-hint.sealed{color:#3f663d;font-weight:700}.vote-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.vote-button{box-shadow:none;flex-direction:column;align-items:flex-start;gap:4px;font-size:12px;display:flex}.vote-button small{color:#765d40}.vote-button.selected-vote{color:#84271d;background:#84271d1f;border-color:#84271d}@keyframes ink-arrive{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){.chat-message{animation:none}.sketch-button{transition:none}}@media (width<=760px){body:has(.undercover-app){padding:9px}.undercover-app{min-height:calc(100vh - 18px)}.game-layout{grid-template-columns:1fr}.players-card{order:-1}.players-card .player-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.chat-message{text-align:left}.chat-message.emoji-message p{font-size:24px}.chat-pinned.word-pinned{font-size:15px}.emoji-row{border-top:1px solid #61492f59;padding:6px 8px}.emoji-button:disabled{opacity:.4;cursor:not-allowed}.vote-row{align-items:stretch;gap:8px;display:flex}.vote-row select{min-width:0;min-height:44px;font:inherit;flex:1}.player-row.is-speaking{background:#87261c29}.rematch-row{justify-content:flex-end;padding:0 8px 8px;display:flex}.result-message{border-left:4px solid #84271d;padding-left:8px;font-style:normal}.game-header{text-align:center;width:100%;max-width:700px}.game-header:not(.assassin-title):not(.undercover-title) .series-mark{color:#76573b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:700;display:block}.game-header:not(.assassin-title):not(.undercover-title) h1{color:#82251b;letter-spacing:.08em;border-bottom:2px dashed #3d312a;margin:0 0 10px;padding:0 0 7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,5vw,36px)}.game-entry-title{color:#593f2b;text-align:center;border-bottom:1px dashed #593f2b8c;margin:0 0 19px;padding-bottom:10px;font-family:Georgia,Times New Roman,serif;font-size:22px}#fop-header-menu-btn{padding:0}h1{letter-spacing:3px;border-bottom:2px dashed #3d312a;margin:0 0 10px;padding-bottom:5px;font-size:32px}h3{color:#5c4a3d;margin:8px 0;font-size:16px;font-weight:700}#menu-section{box-sizing:border-box;background:#efe1c8db;border:0;border-left:1px solid #654d34;border-right:1px solid #654d34;border-radius:0;width:min(100% - 30px,420px);max-width:420px;margin:28px auto;padding:30px clamp(20px,5vw,34px);position:relative;box-shadow:inset 0 0 0 5px #654d3414}#menu-section:before,#menu-section:after{content:"";background:#d6c19c;border:2px solid #654d34;height:14px;position:absolute;left:-6px;right:-6px;box-shadow:2px 2px #3725152e}#menu-section:before{top:-7px}#menu-section:after{bottom:-7px}#menu-section>.game-entry-title{margin-top:0}#menu-section>#btn-create-room,#menu-section>.btn{box-sizing:border-box;width:100%;margin:0}.room-join-row{box-sizing:border-box;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;margin:16px auto 0;display:flex}.room-join-row input{box-sizing:border-box;text-transform:uppercase;flex:1 1 0;width:100%;min-width:8ch;max-width:none}.room-join-row .btn{white-space:nowrap;flex:none;margin:0}body{color:#2c221e;background:#c8ad88 url(../paper-texture.webp);flex-direction:column;align-items:center;margin:0;padding:20px;font-family:Courier New,Courier,Lucida Console,Monaco,monospace;font-size:15px;font-weight:600;display:flex}.btn{cursor:pointer;color:#1a1412;appearance:none;background:0 0;border:2px solid #3d312a;border-radius:4px;margin:5px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:all .1s;box-shadow:2px 2px #3d312a}.btn:active{transform:translate(2px,2px);box-shadow:0 0 #3d312a}.btn:disabled,button:disabled{opacity:.7;color:#666!important;cursor:not-allowed!important;box-shadow:none!important;background:#c5beb5!important;transform:none!important}#btn-invite{color:inherit;cursor:pointer;background:0 0;border:none;margin:0 0 0 8px;padding:0;font-family:inherit;font-size:13px;text-decoration:underline}#btn-invite:hover{opacity:.8}input{color:#3d312a;background:0 0;border:2px solid #3d312a;border-radius:4px;outline:none;padding:7px;font-family:inherit;font-size:16px;box-shadow:inset 1px 1px 3px #0000001a}input::placeholder{color:#7a6655;opacity:1}input::placeholder{color:#7a6655;opacity:1}input::placeholder{color:#7a6655;opacity:1}.top-nav{justify-content:flex-end;align-items:center;gap:15px;width:100%;max-width:700px;margin-bottom:20px;display:flex;position:relative}.user-badge{cursor:pointer;background:0 0;font-size:13px;display:flex;border:none!important}.menu-btn{cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;border:none!important}.dropdown-menu{z-index:100;background:#e6d7be;border:2.5px solid #3d312a;border-radius:4px;flex-direction:column;width:160px;position:absolute;top:45px;right:0;box-shadow:4px 4px #3d312a4d}.dropdown-item{color:#2c221e;border-bottom:1px dashed #3d312a;padding:10px 15px;font-size:14px;text-decoration:none;display:block}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover,.dropdown-item:active{cursor:pointer;background-color:#3d312a14}.modal-overlay{z-index:1000;box-sizing:border-box;background-color:#3d312a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{box-sizing:border-box;color:#3d312a;background:#e6d7be;border:3px solid #3d312a;flex-direction:column;width:100%;max-width:650px;max-height:85vh;padding:24px;font-family:inherit;display:flex;position:relative;box-shadow:6px 6px #3d312a4d}.modal-header-row{border-bottom:2px dashed #3d312a4d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.modal-header-row h2{letter-spacing:1px;margin:0;font-size:20px}.modal-close-btn{cursor:pointer;-webkit-text-fill-color:#3d312a;appearance:none;background:#d1bfa0;border:2px solid #3d312a;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;transition:transform .1s;display:flex;box-shadow:2px 2px #3d312a;color:#3d312a!important}.modal-close-btn:active{box-shadow:none;transform:translate(2px,2px)}.modal-body{text-align:left;padding-right:8px;font-size:14px;line-height:1.6;overflow-y:auto}.modal-body h3{margin-top:16px;margin-bottom:6px;font-size:16px}.modal-body p{margin:8px 0}.confirm-modal-content{width:min(100%,480px);padding:20px}.confirm-modal-message{white-space:pre-line;margin:0}.confirm-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.confirm-modal-actions .btn{min-width:96px;min-height:44px;margin:0}.confirm-modal-actions .confirm-modal-submit{background:#d7e0ce;border-color:#58714c}.confirm-modal-actions .confirm-modal-cancel{background:#d1bfa0}.confirm-modal-actions .btn:focus-visible,.confirm-modal-close:focus-visible{outline-offset:3px;outline:3px solid #276e79}@media (width<=420px){.confirm-modal-content{padding:16px}.confirm-modal-actions .btn{flex:40%;padding-left:8px;padding-right:8px}}.legend-panel{color:#2c221e;z-index:15;background:0 0;justify-content:center;gap:20px;width:fit-content;margin:0 auto;padding:6px 16px;font-size:14px;font-weight:700;display:flex;position:relative}.legend-item{align-items:center;gap:5px;display:flex}.legend-symbol{vertical-align:middle;justify-content:center;align-items:center;width:16px;height:16px;margin-right:4px;display:inline-flex;position:relative}.legend-symbol.red-cross{color:#a63f3f;font-size:20px;font-weight:700;transform:rotate(-8deg)}.legend-symbol.black-cross{color:#3d312a;font-size:20px;font-weight:700;transform:rotate(-6deg)}.legend-symbol.circle{font-size:0}.legend-symbol.circle:before{content:"";box-sizing:border-box;border:2.5px solid #5c4a3d;border-radius:50%;width:11px;height:11px;position:absolute;top:0}@media (width<=768px){input,select,textarea{font-size:16px!important}html{touch-action:manipulation;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}}