@import "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..700;1,300..700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4efe3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--control-height:52px;background:#101216;font-family:Rubik,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#b02e3729,#0000 30%),linear-gradient(315deg,#3458a02e,#0000 34%),#101216;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}h1,h2,h3{margin:0}.surface-panel{background:#14171de6;border:1px solid #ffffff1f}.lobby-panel{padding:14px}.text-field{min-width:0;min-height:var(--control-height);align-items:center;width:100%;padding:0 14px;display:flex}.field-stack{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:#b9afa1;flex-grow:0;font-size:.78rem}.text-field input,.text-field select{color:#f4efe3;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;font-weight:750;line-height:1}.text-field option{background:#15181e}.segmented-group{min-height:var(--control-height);flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:8px;display:flex}.segmented-group div,.role-tabs{gap:4px;display:flex}.segmented-group div{width:100%;height:100%}.segmented-group button,.role-tabs button,.icon-button,.primary-button,.secondary-button{min-height:calc(var(--control-height) - 16px);color:#f4efe3;border:1px solid #0000}.segmented-group button,.role-tabs button{background:0 0;padding:0 10px}.segmented-group button{flex:1 1 0;justify-content:center;align-items:center;display:flex}.role-tabs{min-height:var(--control-height);align-items:center;padding:8px}.role-tabs button{white-space:nowrap;align-items:center;gap:6px;display:flex}.segmented-group button.selected,.role-tabs button.selected{background:#f0d36a26;border-color:#f0d36a8c}.lobby-actions,.game-actions{align-items:center;gap:8px;display:flex}.lobby-actions{flex-wrap:wrap;align-items:stretch}.icon-button,.primary-button,.secondary-button{min-height:var(--control-height);border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.icon-button{background:#ffffff12;border-color:#ffffff26;width:40px;padding:0}.primary-button{color:#121212;background:#f0d36a;font-weight:700}.secondary-button{color:#141414;background:#e8decb;font-weight:850}.error-banner,.game-error{color:#ffd0a6;border-color:#ffa95b59;min-height:38px;padding:10px 12px}.header{align-items:center;gap:16px;display:flex}.header h1{font-weight:500}.header img{aspect-ratio:1;width:64px}.lobby-shell,.game-shell{min-height:100svh}.lobby-shell{place-items:center;padding:22px;display:grid}.lobby-main{gap:16px;width:min(1040px,100%);display:grid}.lobby-code-panel>span,.segmented-group>span{color:#b9afa1;font-size:.78rem}.lobby-grid{align-items:stretch;gap:14px;display:flex}.lobby-primary-column,.lobby-secondary-column{flex-direction:column;align-content:start;gap:14px;display:flex}.lobby-primary-column{flex:auto;min-width:0}.lobby-secondary-column{flex:0 0 300px}.lobby-code-panel{gap:10px;display:grid}.lobby-code-row{align-items:stretch;gap:10px;display:flex}.lobby-code-field{flex:1;padding:0}.lobby-code-field input{letter-spacing:.05em;text-transform:uppercase;font-size:clamp(1.6rem,5dvw,3rem);font-weight:900}.lobby-code-reroll{flex-shrink:0;width:52px}.qr-toggle-button{flex-shrink:0;width:52px;display:inline-flex}.settings-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;width:100%;height:100%;display:grid}.room-summary-panel{grid-template-columns:minmax(112px,auto) minmax(132px,auto) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.room-score,.room-state,.room-roster{align-content:center;gap:4px;min-width:0;display:grid}.room-score span,.room-state span{color:#b9afa1;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.room-score strong{color:#f3efe8;align-items:baseline;gap:6px;font-size:1.7rem;line-height:1;display:flex}.room-score b,.room-score i{font-style:normal}.room-score .red{color:#ff755f}.room-score .blue{color:#62afdf}.room-state strong{color:#f3efe8;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.room-roster{grid-auto-rows:min-content;max-height:76px;overflow:auto}.room-roster span,.settings-locked span{color:#c7bdae;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.25;overflow:hidden}.settings-locked{min-height:var(--control-height);align-content:center;display:grid}.field-stack:has(.invite-panel){height:100%}.invite-panel{place-items:center;gap:10px;width:100%;height:100%;padding:0;display:flex}.lobby-actions-panel{padding:14px}.invite-panel a{overflow-wrap:anywhere;color:#f0d36a;margin-top:6px;font-weight:800;display:block}.qr-code{aspect-ratio:1;color:#f4efe3;width:100%;display:block}.desktop-qr{width:100%}.role-action-button{min-height:var(--control-height);flex:220px;padding:0 18px;font-size:1rem;font-weight:900}.qr-modal-backdrop{z-index:30;background:#06080ccc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.qr-modal{gap:14px;width:min(100%,420px);padding:16px;display:grid}.qr-modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.qr-modal-header span{color:#b9afa1;font-size:.78rem}.qr-modal-close{width:44px}.game-shell{grid-template-rows:minmax(0,1fr) auto;min-height:100dvh;display:grid}.game-error{z-index:20;width:min(520px,100dvw - 24px);position:fixed;top:12px;left:50%;transform:translate(-50%)}.game-board-frame{min-height:0}.board{--gap:clamp(6px, .8dvw, 12px);gap:var(--gap);width:100%;height:100%;min-height:0;padding:12px;display:grid}.word-card{color:#25211b;text-transform:uppercase;background:#f1ede6;border:1px solid #d9d2c7;border-radius:1vh;place-items:center;min-width:0;min-height:52px;font-weight:950;line-height:1;transition:transform .16s,filter .16s,background .16s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -4px #352a1c14,0 10px 20px #070a101f}.word-card:not(:disabled):hover{filter:brightness(1.03);transform:translateY(-1px)}.word-card:disabled{opacity:1}.word-card span{overflow-wrap:anywhere;text-align:center;letter-spacing:.02em;max-width:96%;font-size:4vmin}.word-card.red{color:#fff4ec;background:#df6a5b;border-color:#c15248}.word-card.blue{color:#f5fbff;background:#62afdf;border-color:#4a95c9}.word-card.neutral{color:#2b251d;background:#ddd5c7;border-color:#cec4b5}.word-card.assassin{color:#f8f0df;background:#1d2129;border-color:#23252a}.word-card.revealed{opacity:.9}.word-card svg{position:absolute;bottom:8px;right:8px}.empty .word-card{opacity:.46}.missing-room-panel{text-align:center;align-content:center;place-items:center;gap:12px;width:100%;height:100%;min-height:280px;padding:24px;display:grid}.missing-room-panel span{color:#8d7f6f;letter-spacing:.14em;font-size:.78rem;font-weight:850}.missing-room-panel strong{color:#f0d36a;font-size:clamp(1.6rem,4dvw,3rem);line-height:1.05}.missing-room-panel p{color:#c7bdae;max-width:360px;margin:0;line-height:1.35}.missing-room-panel .primary-button{min-width:132px;text-decoration:none}.game-scoreboard{flex-flow:row;justify-content:center;align-items:stretch;gap:0;width:100%;display:flex}.game-scoreboard>*{height:100%}.scoreboard-side{color:#2a1e19;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:124px;padding:18px 32px 16px;display:flex}.scoreboard-side.red{background:linear-gradient(#ff6a55,#ef5c47)}.scoreboard-side.blue{color:#112b3f;background:linear-gradient(#5db2eb,#4aa2df);flex-direction:row-reverse}.scoreboard-side.blue .scoreboard-side-meta,.scoreboard-side.blue .scoreboard-side-copy,.scoreboard-side.blue .scoreboard-side-roster{text-align:right}.scoreboard-side.blue .scoreboard-side-meta,.scoreboard-side.blue .scoreboard-side-roster{align-items:end}.scoreboard-side.winner{box-shadow:inset 0 0 0 2px #ffffff80}.scoreboard-side-meta{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.scoreboard-side-copy{gap:4px;display:grid}.scoreboard-side-copy span,.scoreboard-side-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scoreboard-side-copy span{letter-spacing:.08em;text-transform:uppercase;font-size:.88rem;font-weight:900}.scoreboard-side-copy small{letter-spacing:.08em;opacity:.72;text-transform:uppercase;font-size:.74rem;font-weight:700}.scoreboard-side strong{font-variant-numeric:tabular-nums;flex:none;font-size:clamp(3.4rem,7dvw,5.4rem);font-weight:950;line-height:.82}.scoreboard-side-roster{gap:4px;min-width:0;display:grid}.scoreboard-side-roster span{color:inherit;text-overflow:ellipsis;white-space:nowrap;opacity:.78;font-size:.82rem;font-weight:700;line-height:1.15;overflow:hidden}.scoreboard-center{z-index:1;color:#2f2923;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f3efe8fa;flex:none;justify-items:center;gap:6px;width:auto;height:100%;padding:14px 16px 16px;display:grid;position:relative;box-shadow:0 18px 28px #090c1138}.scoreboard-center.menu-open{box-shadow:0 18px 28px #090c1138,inset 0 0 0 2px #2f29231f}.scoreboard-menu-trigger{color:#51483f;cursor:pointer;background:#ffffff80;border:1px solid #2f29231f;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;right:8px}.scoreboard-menu-trigger:hover,.scoreboard-menu-trigger:focus-visible{background:#fffc;outline:none}.room-action-menu{color:#2f2923;background:#fcf9f4fa;border:1px solid #2f29231f;border-radius:8px;gap:4px;min-width:224px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 10px);right:8px;box-shadow:0 18px 34px #090c1147}.room-action-menu button{width:100%;min-height:40px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:.86rem;font-weight:800;display:flex}.room-action-menu button:hover,.room-action-menu button:focus-visible{background:#2f292314;outline:none}.scoreboard-room-link{color:#7d6f60;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:800;text-decoration:none}.scoreboard-center strong{font-size:1rem;line-height:1.15}.scoreboard-center strong.red{color:#c64f42}.scoreboard-center strong.blue{color:#2e7ab8}.scoreboard-center span{color:#6a6055;font-size:.76rem;line-height:1.2}@media (max-width:980px){.header{margin-bottom:16px;font-size:12px}.header img{aspect-ratio:1;width:48px}.lobby-grid{flex-direction:column}.game-shell{gap:10px}.board{padding:10px}.scoreboard-side{min-height:96px;padding:14px 16px 12px}.scoreboard-side-roster{display:none}.scoreboard-center{padding:12px 12px 14px}}@media (max-width:640px){.desktop-qr{display:none}.qr-toggle-button{width:44px}.lobby-code-row{align-items:stretch}.lobby-code-reroll{width:44px}.lobby-shell{padding:16px}:root{--control-height:48px}.settings-panel,.room-summary-panel{grid-template-columns:1fr}.lobby-secondary-column{gap:10px}.segmented-group,.role-tabs{overflow-x:auto}.lobby-actions{flex-wrap:wrap}.game-shell{gap:8px}.game-board-frame{min-height:0}.board{padding:8px}.scoreboard-side{gap:6px 10px;min-height:82px;padding:10px 12px 12px}.scoreboard-side-copy span{font-size:.7rem}.scoreboard-side-copy small{font-size:.64rem}.scoreboard-side strong{font-size:clamp(2.3rem,12dvw,3.6rem)}.scoreboard-center{border-radius:24px;padding:10px 8px 12px}.scoreboard-center strong{font-size:.8rem}.scoreboard-center span:last-child{display:none}}@media (orientation:landscape) and (max-height:560px){.game-shell{grid-template-rows:minmax(0,1fr) auto;gap:6px;height:100dvh;min-height:100dvh;overflow:hidden}.board{padding:6px}.scoreboard-side{min-height:62px;padding:6px 18px 8px}.scoreboard-side-roster{display:none}.scoreboard-side strong{font-size:clamp(2rem,6dvw,3.2rem)}.scoreboard-center{min-height:0;margin:0;padding:6px 8px 8px}.scoreboard-center>span:last-child,.scoreboard-center>span:nth-of-type(2){display:none}.word-card{min-height:0}}