*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:inherit;display:inline-flex;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}:root{--bg: #0d0d15;--bg-2: #13131b;--surface-low: #1b1b23;--surface: #1f1f27;--surface-high: #292932;--surface-top: #34343d;--border: rgba(73, 69, 84, .25);--border-2: rgba(73, 69, 84, .55);--border-3: rgba(148, 142, 160, .45);--primary: #ccbdff;--primary-accent: #8c6aff;--primary-container: #987bff;--primary-soft: rgba(140, 106, 255, .12);--primary-glow: rgba(140, 106, 255, .32);--primary-glow-sm: rgba(140, 106, 255, .16);--red: #ffb4ab;--red-soft: rgba(255, 180, 171, .12);--red-glow: rgba(255, 180, 171, .22);--green: #4ade80;--green-soft: rgba(74, 222, 128, .12);--amber: #fbbf24;--amber-soft: rgba(251, 191, 36, .12);--t1: #e4e1ed;--t2: #cac3d7;--t3: #948ea0;--display: "Syne", sans-serif;--body: "Plus Jakarta Sans", sans-serif;--r-sm: 10px;--r-md: 16px;--r-lg: 20px;--r-xl: 24px;--r-2xl: 32px;--r-full: 9999px}html,body,#root{min-height:100%;width:100%}body{font-family:var(--body);background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(120,80,255,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 85%,rgba(80,40,200,.1) 0%,transparent 55%),radial-gradient(ellipse 50% 35% at 65% 20%,rgba(160,60,255,.07) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,48px 48px,48px 48px;color:var(--t1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.screen{min-height:100svh;width:100%;max-width:540px;margin:0 auto;padding:0 1rem 5rem;display:flex;flex-direction:column;gap:1rem}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0 .25rem;gap:.75rem}.screen-header--centered{flex-direction:column;align-items:center;text-align:center;padding-top:2rem}.screen-title{font-family:var(--display);font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.screen-sub{font-size:.82rem;color:var(--t2);margin-top:.15rem}.card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.5rem;border-radius:var(--r-full);font-family:var(--body);font-size:.875rem;font-weight:700;border:none;transition:all .18s cubic-bezier(.4,0,.2,1);text-align:center;line-height:1;cursor:pointer}.btn--primary{background:linear-gradient(135deg,var(--primary-accent),var(--primary-container));color:#fff;box-shadow:0 8px 24px var(--primary-glow-sm);letter-spacing:.03em}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px var(--primary-glow)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--danger{background:linear-gradient(135deg,#c0392b,var(--red));color:#fff;box-shadow:0 8px 24px var(--red-glow)}.btn--danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px var(--red-glow)}.btn--outline{background:transparent;color:var(--t1);border:1.5px solid var(--border-2)}.btn--outline:hover{border-color:var(--primary-accent);background:var(--primary-soft)}.btn--ghost{background:transparent;color:var(--t3);border:1.5px solid var(--border-2)}.btn--ghost:hover{border-color:var(--border-3);color:var(--t2)}.btn--success{background:var(--green-soft);color:var(--green);border:1.5px solid rgba(74,222,128,.25)}.btn--sm{padding:.4rem 1rem;font-size:.78rem}.btn--lg{width:100%;padding:1rem 1.5rem;font-size:.95rem}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-ghost{background:none;border:1.5px solid var(--border-2);border-radius:var(--r-full);color:var(--t2);font-size:.82rem;font-weight:600;padding:.4rem 1rem;font-family:var(--body);transition:all .15s;cursor:pointer}.btn-ghost:hover{border-color:var(--border-3);color:var(--t1)}.field{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);padding-left:.25rem}.input{background:var(--surface-low);border:1.5px solid var(--border-2);border-radius:var(--r-full);padding:.85rem 1.25rem;color:var(--t1);font-size:1rem;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.input::placeholder{color:var(--t3)}.input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px var(--primary-soft)}.input--code{font-family:var(--display);font-size:1.8rem;letter-spacing:.25em;text-align:center;text-transform:uppercase;border-radius:var(--r-lg)}.section{display:flex;flex-direction:column;gap:.5rem}.section-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}.error-box{background:var(--red-soft);border:1px solid rgba(255,180,171,.2);border-radius:var(--r-full);padding:.7rem 1.25rem;font-size:.82rem;font-weight:600;color:var(--red);text-align:center}.app-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;background:#1e0e0eeb;border:1.5px solid rgba(239,68,68,.45);border-radius:.75rem;color:#f87171;font-size:.85rem;font-weight:600;max-width:320px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #ef444426;animation:toast-in .25s ease}.app-toast-icon{font-size:1rem;flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.waiting-pill{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.25rem;background:var(--surface-low);border:1.5px solid var(--border-2);border-radius:var(--r-full);font-size:.82rem;font-weight:600;color:var(--t2)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--primary-accent);flex-shrink:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.badge{font-size:.6rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:.18rem .55rem;border-radius:var(--r-full)}.badge--host{background:var(--primary-soft);color:var(--primary);border:1px solid rgba(204,189,255,.2)}.badge--you{background:#ffffff0f;color:var(--t2);border:1px solid var(--border-2)}.badge--red{background:var(--red-soft);color:var(--red);border:1px solid rgba(255,180,171,.2)}.badge--amber{background:var(--amber-soft);color:var(--amber);border:1px solid rgba(251,191,36,.2)}.player-count-badge{background:var(--green-soft);border:1px solid rgba(74,222,128,.2);color:var(--green);font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--r-full)}.spectating-banner{background:var(--red-soft);border:1px solid rgba(255,180,171,.2);border-radius:var(--r-full);padding:.65rem 1.25rem;font-size:.82rem;font-weight:600;color:var(--red);text-align:center}.tie-banner{background:var(--amber-soft);border:1px solid rgba(251,191,36,.2);border-radius:var(--r-full);padding:.65rem 1.25rem;font-size:.82rem;font-weight:600;color:var(--amber);text-align:center}.eliminated-banner{background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-lg);padding:.85rem 1rem}.elim-banner-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:.5rem}.elim-banner-names{display:flex;flex-wrap:wrap;gap:.4rem}.elim-banner-chip{background:var(--surface-high);border:1px solid var(--border-2);border-radius:var(--r-full);padding:.2rem .65rem;font-size:.75rem;font-weight:600;color:var(--t2)}.home-page{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:0 1.25rem 2.5rem;background:var(--bg);position:relative;overflow:hidden}.home-corner-btns{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.6rem;z-index:50}.home-bug-btn{width:44px;height:44px;border-radius:50%;background:var(--surface-high);border:1px solid var(--border-2);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,box-shadow .15s}.home-bug-btn:hover{background:#e74c3c26;border-color:#e74c3c80;box-shadow:0 0 16px #e74c3c33}.home-help-btn{width:44px;height:44px;border-radius:50%;background:var(--surface-high);border:1px solid var(--border-2);color:var(--t2);font-size:1.1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,box-shadow .15s}.home-help-btn:hover{background:var(--primary-soft);color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.home-glow{position:fixed;top:-10%;left:50%;transform:translate(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(140,106,255,.1) 0%,transparent 60%);pointer-events:none;z-index:0}.home-nav{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;position:fixed;top:0;left:0;right:0;z-index:50;background:#0d0d15b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.home-brand{font-family:var(--display);font-size:1rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-accent);text-shadow:0 0 16px rgba(140,106,255,.5)}.home-nav-right,.home-nav-links{display:flex;align-items:center;gap:1.5rem}.home-nav-link{font-size:.82rem;font-weight:700;color:var(--t2);cursor:pointer;transition:color .15s;background:none;border:none;padding:0;font-family:var(--body)}.home-nav-link:hover{color:var(--t1)}.home-nav-link--active{color:var(--primary)}.home-nav-icon{width:32px;height:32px;border-radius:50%;background:var(--surface-low);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;color:var(--t2);font-size:.85rem;cursor:pointer;transition:all .15s}.home-nav-icon:hover{border-color:var(--border-3);color:var(--t1)}.home-header{text-align:center;position:relative;z-index:1;margin:5.5rem 0 2.5rem;width:100%;box-sizing:border-box}.hero-title{font-family:var(--display);font-size:clamp(1.5rem,10vw,7rem);white-space:nowrap;font-weight:800;line-height:.88;letter-spacing:clamp(-4px,-.5vw,-1px);margin-bottom:1.5rem;color:var(--t1);text-shadow:0 0 80px rgba(255,255,255,.05)}.hero-title-outline{color:var(--primary-accent);display:block;text-shadow:0 0 60px rgba(140,106,255,.6),0 0 120px rgba(140,106,255,.3)}.hero-desc{font-size:.92rem;color:var(--t2);line-height:1.65;max-width:360px;margin:0 auto}.home-name-wrap{width:100%;max-width:600px;position:relative;z-index:1;margin-bottom:1.5rem;padding:0 1rem}.home-name-field{display:flex;align-items:center;gap:.75rem;background:var(--surface-low);border:1.5px solid var(--border-2);border-radius:var(--r-full);padding:.85rem 1.25rem;transition:border-color .2s,box-shadow .2s}.home-name-field:focus-within{border-color:var(--primary-accent);box-shadow:0 0 0 3px var(--primary-soft)}.home-name-icon{font-size:1rem;flex-shrink:0;opacity:.6}.home-name-label{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);flex-shrink:0}.home-name-input{flex:1;background:transparent;border:none;outline:none;color:var(--t1);font-size:1rem;font-weight:500;font-family:var(--body)}.home-name-input::placeholder{color:var(--t3)}.home-cards-row{width:100%;max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:relative;z-index:1;padding:0 1rem}@media (max-width: 500px){.home-cards-row{grid-template-columns:1fr}}.home-action-card{background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:.85rem;transition:border-color .2s,background .2s}.home-action-card--create:hover{border-color:#8c6aff4d;background:#8c6aff0a}.home-action-card--join:hover{border-color:var(--border-3)}.home-action-icon{width:64px;height:64px;border-radius:var(--r-lg);background:var(--surface-high);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--primary-accent)}.home-action-icon .material-symbols-outlined{font-size:1.75rem;color:var(--primary-accent)}.home-action-title{font-family:var(--body);font-size:1.15rem;font-weight:800;color:var(--t1);line-height:1.2}.home-action-desc{font-size:.78rem;color:var(--t3);line-height:1.6;flex:1}.home-code-input{background:var(--surface-high);border:1.5px solid var(--border-2);border-radius:var(--r-lg);padding:.7rem 1rem;color:var(--t2);font-family:var(--body);font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;outline:none;width:100%;transition:border-color .2s,color .2s}.home-code-input::placeholder{color:var(--t3);font-size:.72rem}.home-code-input:focus{border-color:var(--primary-accent);color:var(--t1)}.home-action-btn{background:none;border:none;font-family:var(--body);color:var(--primary);font-size:.8rem;font-weight:800;letter-spacing:.06em;cursor:pointer;padding:0;text-align:left;transition:color .15s,gap .15s;display:flex;align-items:center;gap:.35rem}.home-action-btn:hover{color:var(--t1)}.home-initiate-btn{width:100%;max-width:320px;margin-top:2rem;padding:1.15rem 2rem;border-radius:var(--r-full);background:var(--primary);color:#2d1f6e;font-family:var(--body);font-size:1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:none;cursor:pointer;box-shadow:0 8px 32px #ccbdff33;transition:all .2s;position:relative;z-index:1}.home-initiate-btn:hover{transform:translateY(-1px);box-shadow:0 12px 40px #ccbdff4d;background:#ddd4ff}.home-initiate-btn:active{transform:translateY(0)}.home-footer-tag{margin-top:1rem;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--t3);position:relative;z-index:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-box{background:var(--bg);border:1px solid var(--border-2);border-radius:var(--r-2xl);width:100%;max-width:500px;height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;flex-shrink:0}.modal-title{font-family:var(--body);font-size:1.4rem;font-weight:800;color:var(--t1)}.modal-close{width:34px;height:34px;border-radius:50%;background:var(--surface-high);border:1px solid var(--border-2);color:var(--t2);font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.modal-close:hover{color:var(--t1);border-color:var(--border-3)}.modal-body{padding:0 1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;flex:1;min-height:0}.rules-section{display:flex;flex-direction:column;gap:.6rem}.rules-section-label{font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);padding-left:.25rem;margin-bottom:.1rem}.rule-row{display:flex;gap:.9rem;align-items:flex-start;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:.9rem 1rem}.rule-icon{font-size:1.3rem;flex-shrink:0;margin-top:1px}.rule-content{display:flex;flex-direction:column;gap:.2rem}.rule-title{font-size:.88rem;font-weight:700;color:var(--t1)}.rule-desc{font-size:.78rem;color:var(--t2);line-height:1.5}.bug-modal{max-width:420px;height:auto}.bug-modal .modal-body{padding-bottom:1.25rem}.bug-form{display:flex;flex-direction:column;gap:1rem}.bug-field-group{display:flex;flex-direction:column;gap:.35rem}.bug-label{font-size:.78rem;font-weight:700;color:var(--t2);letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:.4rem}.bug-optional{font-size:.7rem;font-weight:500;color:var(--t3);text-transform:none;letter-spacing:0}.bug-field-input{background:var(--surface-high);border:1px solid var(--border-2);border-radius:var(--r-lg);color:var(--t1);font-size:.88rem;font-family:inherit;padding:.65rem .9rem;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.bug-field-input:focus{border-color:var(--primary-accent)}.bug-field-input::placeholder{color:var(--t3)}.bug-textarea{width:100%;background:var(--surface-high);border:1px solid var(--border-2);border-radius:var(--r-lg);color:var(--t1);font-size:.88rem;font-family:inherit;padding:.65rem .9rem;resize:none;outline:none;box-sizing:border-box;line-height:1.6;transition:border-color .15s}.bug-textarea:focus{border-color:var(--primary-accent)}.bug-textarea::placeholder{color:var(--t3)}.bug-submit-btn{width:100%;padding:.75rem 1rem;margin-top:.5rem;background:var(--primary-soft);border:1px solid var(--primary-accent);border-radius:var(--r-full);color:var(--primary);font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.bug-submit-btn:hover:not(:disabled){background:var(--primary-accent);color:#fff}.bug-submit-btn:disabled{opacity:.5;cursor:default}.bug-error{font-size:.78rem;color:#e74c3c;margin-top:-.25rem}.bug-images-row{display:flex;gap:.6rem;flex-wrap:wrap}.bug-img-thumb{position:relative;width:72px;height:72px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border-2);flex-shrink:0}.bug-img-thumb img{width:100%;height:100%;object-fit:cover}.bug-img-remove{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#000000bf;border:none;color:#fff;font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.bug-img-add{width:72px;height:72px;border-radius:var(--r-lg);border:1.5px dashed var(--border-2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t3);transition:border-color .15s,color .15s;flex-shrink:0}.bug-img-add:hover{border-color:var(--primary-accent);color:var(--primary)}.bug-img-add .material-symbols-outlined{font-size:1.5rem}.bug-success{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;color:var(--t2);font-size:.88rem;text-align:center}.bug-success-icon{width:48px;height:48px;border-radius:50%;background:#27ae6026;border:1px solid rgba(39,174,96,.4);color:#27ae60;font-size:1.4rem;display:flex;align-items:center;justify-content:center}.rules-tip{background:var(--primary-soft);border:1px solid rgba(204,189,255,.12);border-radius:var(--r-xl);padding:.85rem 1rem;font-size:.8rem;color:var(--t2);line-height:1.5}.hs-page{min-height:100svh;width:100%;background:var(--bg);display:flex;flex-direction:column}.hs-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 1.5rem 3rem}.hs-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.hs-hero-title{font-family:var(--display);font-size:clamp(4rem,14vw,8rem);font-weight:800;line-height:.88;letter-spacing:-4px;color:var(--t1)}.hs-hero-outline{display:block;background:linear-gradient(135deg,#8b82f8,#a5b4fc,#8b82f8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px rgba(109,98,245,.4))}.hs-hero-desc{font-size:.95rem;color:var(--t2);line-height:1.6;max-width:360px}.hs-name-wrap{display:flex;align-items:center;gap:.65rem;width:100%;max-width:780px;background:var(--surface);border:1.5px solid var(--border-2);border-radius:var(--r-lg);padding:.75rem .75rem .75rem 1.1rem;transition:border-color .15s}.hs-name-wrap:focus-within{border-color:var(--primary-accent)}.hs-name-icon{font-size:1.1rem;color:var(--primary);flex-shrink:0}.hs-name-label{font-size:.62rem;font-weight:800;letter-spacing:.14em;color:var(--primary);white-space:nowrap;flex-shrink:0}.hs-name-input{flex:1;background:transparent;border:none;outline:none;font-size:.95rem;font-weight:600;color:var(--t1);min-width:0}.hs-name-input::placeholder{color:var(--t3)}.hs-name-shuffle{width:34px;height:34px;border-radius:var(--r-md);background:var(--surface-high);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t2);flex-shrink:0;transition:background .15s,color .15s}.hs-name-shuffle:hover{background:var(--primary-soft);color:var(--primary)}.hs-name-shuffle .material-symbols-outlined{font-size:1.1rem}.hs-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;max-width:780px}@media (max-width: 500px){.hs-cards{grid-template-columns:1fr}}.hs-card{background:var(--surface);border:1.5px solid var(--border-2);border-radius:var(--r-xl);padding:2.2rem 1.8rem 1.8rem;display:flex;flex-direction:column;gap:.85rem;transition:border-color .15s;min-height:240px}.hs-card:hover{border-color:var(--border-3)}.hs-card-icon-wrap{width:46px;height:46px;border-radius:var(--r-md);background:var(--surface-high);display:flex;align-items:center;justify-content:center;color:var(--t2)}.hs-card-icon-wrap .material-symbols-outlined{font-size:1.35rem}.hs-card-title{font-size:1rem;font-weight:800;color:var(--t1);line-height:1.2}.hs-card-desc{font-size:.78rem;color:var(--t3);line-height:1.55;flex:1}.hs-card-link{display:flex;align-items:center;gap:.3rem;background:none;border:none;padding:0;font-family:var(--display);font-size:.78rem;font-weight:800;letter-spacing:.1em;color:var(--t2);cursor:pointer;transition:color .15s;margin-top:auto;padding-top:.75rem}.hs-card-link:hover{color:var(--t1)}.hs-code-input{width:100%;background:var(--surface-high);border:1.5px solid var(--border-2);border-radius:var(--r-md);padding:.6rem .85rem;font-size:.85rem;font-weight:700;letter-spacing:.14em;color:var(--t1);outline:none;text-align:center;transition:border-color .15s}.hs-code-input::placeholder{color:var(--t3);font-size:.72rem}.hs-code-input:focus{border-color:var(--primary-accent)}.hs-error{font-size:.82rem;color:var(--red);font-weight:600}.hs-initiate-btn{padding:1rem 3.5rem;border-radius:var(--r-full);background:linear-gradient(135deg,#8b82f8,#b8b0ff);color:var(--bg);font-family:var(--display);font-size:1rem;font-weight:800;letter-spacing:.14em;border:none;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:0 6px 32px #8b82f859}.hs-initiate-btn:hover{opacity:.9;transform:translateY(-2px)}.hs-footer-text{font-size:.6rem;font-weight:700;letter-spacing:.18em;color:var(--t3);text-transform:uppercase}.lobby-screen{padding-top:0}.code-card{background:linear-gradient(135deg,#8c6aff12,#987bff08);border-color:#ccbdff24;text-align:center;padding:2rem 1.5rem;position:relative;overflow:hidden;border-radius:var(--r-2xl)}.code-card:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;background:radial-gradient(circle,rgba(140,106,255,.07) 0%,transparent 70%);pointer-events:none}.code-hint{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--t3);margin-bottom:.75rem}.code-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.code-big{font-family:var(--display);font-size:clamp(2.8rem,14vw,4rem);font-weight:800;color:var(--primary);letter-spacing:.1em;text-shadow:0 0 30px rgba(140,106,255,.35)}.code-sub{font-size:.75rem;color:var(--t3)}.players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.player-tile{background:var(--surface-low);border:1.5px solid var(--border-2);border-radius:var(--r-lg);padding:.85rem .6rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;position:relative;text-align:center;animation:tilein .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes tilein{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.player-tile--empty{border-style:dashed;opacity:.35}.player-tile-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1.1rem;font-weight:800;color:#fff}.player-tile-avatar--empty{background:var(--surface-high)!important;color:var(--t3);font-size:1.2rem}.player-tile-name{font-size:.75rem;font-weight:700;color:var(--t1);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-tile-name--empty{color:var(--t3);font-weight:500;font-size:.72rem}.player-tile-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}.kick-btn{position:absolute;top:.4rem;right:.4rem;width:20px;height:20px;border-radius:50%;background:transparent;border:1px solid var(--border-2);color:var(--t3);font-size:.58rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.kick-btn:hover,.kick-btn--confirm{background:var(--red-soft);border-color:var(--red);color:var(--red)}.settings-card{background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-2xl);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.settings-row--wrap{flex-wrap:wrap}.settings-name{font-size:.85rem;font-weight:700;color:var(--t1)}.settings-desc{font-size:.75rem;color:var(--t3);margin-top:.1rem}.settings-divider{height:1px;background:var(--border);margin:0 -.25rem}.counter-btns{display:flex;gap:.4rem;flex-wrap:wrap}.counter-btn{padding:.4rem .85rem;border-radius:var(--r-full);background:var(--surface-high);border:1.5px solid var(--border-2);color:var(--t2);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:var(--body)}.counter-btn:hover:not(:disabled){border-color:var(--border-3);color:var(--t1)}.counter-btn--active{background:var(--primary-soft);border-color:var(--primary-accent);color:var(--primary)}.counter-btn--wide{padding:.4rem 1rem}.counter-btn:disabled{opacity:.35;cursor:not-allowed}.tooltip-wrap{position:relative}.tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface-top);border:1px solid var(--border-2);border-radius:var(--r-md);padding:.5rem .75rem;font-size:.72rem;color:var(--t2);max-width:200px;white-space:normal;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.tooltip-wrap:hover .tooltip{opacity:1}.reveal-screen{align-items:center}.reveal-inner{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1.25rem}.reveal-header{width:100%;display:flex;align-items:center;justify-content:center;position:relative;gap:.75rem}.back-btn{position:absolute;left:0;background:none;border:1.5px solid var(--border-2);border-radius:var(--r-full);color:var(--t2);font-size:.78rem;font-weight:600;padding:.4rem .9rem;cursor:pointer;transition:all .15s;font-family:var(--body)}.back-btn:hover{border-color:var(--border-3);color:var(--t1)}.mystery-box{width:100%;background:var(--surface-low);border:2px dashed var(--border-3);border-radius:var(--r-2xl);padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.mystery-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(140,106,255,.05),transparent 70%);pointer-events:none}.mystery-box:hover{border-color:var(--primary-accent);background:var(--primary-soft);transform:translateY(-1px)}.mystery-lock{font-size:2.5rem}.mystery-title{font-family:var(--display);font-size:1.1rem;font-weight:800;color:var(--t1)}.mystery-sub{font-size:.78rem;color:var(--t2)}.word-card{width:100%;border-radius:var(--r-2xl);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;position:relative;overflow:hidden}.word-card--innocent{background:linear-gradient(135deg,#8c6aff14,#987bff08);border:2px solid rgba(204,189,255,.2);box-shadow:0 0 40px #8c6aff12}.word-card--imposter{background:linear-gradient(135deg,#ffb4ab14,#e05a5208);border:2px solid rgba(255,180,171,.25);box-shadow:0 0 40px #ffb4ab12}.word-card--blind{background:linear-gradient(135deg,var(--surface-low),var(--surface));border:2px solid var(--border-2)}.word-card-role{font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--t3);background:var(--surface-high);padding:.25rem .8rem;border-radius:var(--r-full);border:1px solid var(--border-2)}.word-card--imposter .word-card-role{color:var(--red);background:var(--red-soft);border-color:#ffb4ab33}.word-card-word{font-family:var(--display);font-size:clamp(2.2rem,10vw,3rem);font-weight:800;color:var(--t1);letter-spacing:-1px;text-shadow:0 0 30px rgba(140,106,255,.2)}.word-card--imposter .word-card-word{text-shadow:0 0 30px rgba(255,180,171,.2)}.word-card-word--blank{color:var(--t3)}.word-card-hint{font-size:.8rem;color:var(--t2);line-height:1.5}.word-card-hint--blind{color:var(--t3);font-style:italic}.reveal-waiting-others{width:100%;display:flex;flex-direction:column;gap:.75rem}.reveal-ready-text{font-size:.78rem;font-weight:600;color:var(--t2);text-align:center}.ready-bar-track{height:4px;background:var(--surface-high);border-radius:var(--r-full);overflow:hidden}.ready-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent),var(--primary-container));border-radius:var(--r-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.reveal-players-strip{width:100%;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;padding:.5rem 0}.strip-player{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--r-full);background:var(--surface-low);border:1.5px solid var(--border-2);transition:all .2s;font-size:.78rem}.strip-player--ready{border-color:#4ade8066;background:#4ade800d}.strip-player-letter{width:22px;height:22px;border-radius:50%;background:var(--surface-high);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:var(--t2);flex-shrink:0}.strip-player--ready .strip-player-letter{background:#4ade8026;color:var(--green)}.strip-player-name{font-weight:600;color:var(--t2)}.strip-player--ready .strip-player-name{color:var(--green)}.strip-player-you{font-size:.65rem;color:var(--t3)}.strip-player-check{color:var(--green);font-size:.75rem;font-weight:800}.my-word-pill{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.25rem;border-radius:var(--r-full);border:1.5px solid var(--border-2);background:var(--surface-low)}.my-word-pill--innocent{border-color:#ccbdff33;background:#8c6aff0d}.my-word-pill--imposter{border-color:#ffb4ab33;background:#ffb4ab0d}.my-word-pill-label{font-size:.75rem;font-weight:600;color:var(--t2)}.my-word-pill-word{font-family:var(--display);font-size:1rem;font-weight:800;color:var(--primary);margin-left:auto}.timer-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.timer-ring-wrap{position:relative;width:140px;height:140px}.timer-ring-wrap--urgent{animation:urgentPulse .8s ease-in-out infinite alternate}@keyframes urgentPulse{0%{transform:scale(1)}to{transform:scale(1.02)}}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-track{fill:none;stroke:var(--surface-high);stroke-width:8}.timer-fill{fill:none;stroke:var(--primary-accent);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.timer-ring-wrap--urgent .timer-fill{stroke:var(--red)}.timer-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-digits{font-family:var(--display);font-size:1.8rem;font-weight:800;letter-spacing:-1px;color:var(--t1)}.timer-label{font-size:.65rem;font-weight:700;color:var(--t3);letter-spacing:.1em;text-transform:uppercase}.urgent-tag{background:var(--red-soft);border:1px solid rgba(255,180,171,.2);border-radius:var(--r-full);padding:.4rem 1rem;font-size:.78rem;font-weight:700;color:var(--red)}.no-timer-pill{background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-full);padding:.75rem 1.25rem;font-size:.82rem;color:var(--t2);font-weight:500;text-align:center}.discussion-players{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.disc-player{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-lg)}.disc-player-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.85rem;font-weight:800;color:#fff;flex-shrink:0}.disc-player-name{font-size:.82rem;font-weight:600;color:var(--t1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vote-progress-card{background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.vote-progress-row{display:flex;justify-content:space-between;align-items:center}.vote-progress-text{font-size:.8rem;font-weight:600;color:var(--t2)}.vote-progress-pct{font-family:var(--display);font-size:.9rem;font-weight:800;color:var(--primary)}.vote-progress-track{height:6px;background:var(--surface-high);border-radius:var(--r-full);overflow:hidden}.vote-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent),var(--primary-container));border-radius:var(--r-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.vote-list{display:flex;flex-direction:column;gap:.6rem}.vote-candidate{width:100%;background:var(--surface-low);border:1.5px solid var(--border-2);border-radius:var(--r-xl);padding:.85rem 1rem;display:flex;align-items:center;gap:.85rem;cursor:pointer;transition:all .18s;text-align:left}.vote-candidate:hover:not(:disabled){border-color:var(--border-3);background:var(--surface)}.vote-candidate--selected{border-color:var(--primary-accent);background:var(--primary-soft)}.vote-candidate--self{cursor:not-allowed;opacity:.5}.vc-avatar-wrap{position:relative;flex-shrink:0}.vc-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1rem;font-weight:800;color:#fff}.vc-check{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--primary-accent);color:#fff;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.vc-info{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.vc-name-row{display:flex;align-items:center;gap:.4rem}.vc-name{font-size:.9rem;font-weight:700;color:var(--t1)}.vc-bar-track{height:4px;background:var(--surface-high);border-radius:var(--r-full);overflow:hidden}.vc-bar-fill{height:100%;border-radius:var(--r-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.vc-count{display:flex;flex-direction:column;align-items:center;gap:.1rem;flex-shrink:0}.vc-count-num{font-family:var(--display);font-size:1.4rem;font-weight:800;color:var(--t1);line-height:1}.vc-count-label{font-size:.6rem;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.vote-hint{text-align:center;font-size:.78rem;color:var(--t3)}.players-status{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.player-chip{display:flex;align-items:center;gap:.4rem;padding:.3rem .65rem;background:var(--surface-low);border:1.5px solid var(--border-2);border-radius:var(--r-full);font-size:.75rem;font-weight:600;color:var(--t2);transition:all .2s}.player-chip.voted{border-color:#4ade8059;background:#4ade800f;color:var(--green)}.player-chip .avatar{width:20px;height:20px;border-radius:50%;background:var(--surface-high);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0}.player-chip .tick{font-size:.7rem;color:var(--green);font-weight:800}.outcome{border-radius:var(--r-2xl);padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden}.outcome--win{background:linear-gradient(135deg,#8c6aff1f,#987bff0d);border:2px solid rgba(204,189,255,.18)}.outcome--lose{background:linear-gradient(135deg,#ffb4ab1a,#e05a520a);border:2px solid rgba(255,180,171,.2)}.outcome-emoji{font-size:3rem;margin-bottom:.5rem;display:block}.outcome-title{font-family:var(--display);font-size:clamp(1.8rem,8vw,2.5rem);font-weight:800;letter-spacing:-1px;margin-bottom:.5rem}.outcome--win .outcome-title{color:var(--primary);text-shadow:0 0 30px rgba(140,106,255,.3)}.outcome--lose .outcome-title{color:var(--red);text-shadow:0 0 30px rgba(255,180,171,.3)}.outcome-desc{font-size:.85rem;color:var(--t2);line-height:1.55}.words-card{background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1.25rem}.words-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.word-col{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center}.word-col-label{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}.word-col-word{font-family:var(--display);font-size:1.4rem;font-weight:800;color:var(--t1)}.word-col-word--red{color:var(--red)}.words-divider{width:1px;height:40px;background:var(--border-2)}.imposter-list{display:flex;flex-wrap:wrap;gap:.4rem}.imposter-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:var(--red-soft);border:1px solid rgba(255,180,171,.2);border-radius:var(--r-full);font-size:.82rem;font-weight:700;color:var(--red)}.innocent-tag{background:var(--surface-high);border:1px solid var(--border-2);color:var(--t2)}.breakdown-list{display:flex;flex-direction:column;gap:.5rem}.breakdown-row{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-lg)}.breakdown-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.9rem;font-weight:800;color:#fff;flex-shrink:0}.breakdown-info{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.breakdown-name-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.breakdown-name{font-size:.85rem;font-weight:700;color:var(--t1)}.breakdown-bar-track{height:4px;background:var(--surface-high);border-radius:var(--r-full);overflow:hidden}.breakdown-bar{height:100%;border-radius:var(--r-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.breakdown-count{font-family:var(--display);font-size:1.2rem;font-weight:800;color:var(--t1);flex-shrink:0;min-width:24px;text-align:right}.results-actions{display:flex;flex-direction:column;gap:.65rem}.lobby-page{height:100svh;width:100%;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;animation:fadein .25s ease both}.lobby-layout{display:grid;grid-template-columns:1fr 3fr;align-items:stretch;gap:2rem;padding:1.5rem;max-width:1400px;width:100%;margin:0 auto;flex:1;min-height:0}.lobby-sidebar{display:flex;flex-direction:column;gap:1rem;align-self:stretch;min-height:0}.lobby-side-card{flex-shrink:0;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.lobby-side-title{font-family:var(--display);font-size:1.15rem;font-weight:800;letter-spacing:.04em;color:var(--primary);text-transform:uppercase;margin-bottom:.1rem}.lobby-setting-group{display:flex;flex-direction:column;gap:.5rem}.lobby-setting-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}.lobby-setting-val{font-size:.9rem;font-weight:600;color:var(--primary)}.lobby-pills{display:flex;gap:.35rem;flex-wrap:nowrap}.lobby-pills--wrap{flex-wrap:wrap}.lobby-pill{padding:.35rem .75rem;border-radius:var(--r-full);font-size:.78rem;font-weight:600;background:var(--surface-high);border:1px solid var(--border-2);color:var(--t2);cursor:pointer;transition:all .15s;white-space:nowrap}.lobby-pill:hover:not(:disabled){border-color:var(--primary-accent);color:var(--primary)}.lobby-pill--active{background:var(--primary-soft);border-color:var(--primary-accent);color:var(--primary)}.lobby-pill--num{padding:.35rem .9rem;min-width:44px;text-align:center}.lobby-pill:disabled{opacity:.4;cursor:default}.lobby-category-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem 1rem;background:var(--surface-high);border:1px solid var(--border-2);border-radius:var(--r-full);color:var(--t2);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s;text-align:left;letter-spacing:.01em}.lobby-category-btn:hover:not(:disabled){border-color:var(--primary-accent);color:var(--primary);background:var(--primary-soft)}.lobby-category-btn:disabled{opacity:.4;cursor:default}.lobby-category-btn-label{flex:1}.lobby-category-btn-icon{font-size:1rem;color:var(--t3)}.cat-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem}.cat-modal{background:var(--surface-mid);border:1px solid var(--border-2);border-radius:var(--r-xl);width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0009}.cat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem .75rem;border-bottom:1px solid var(--border-2);flex-shrink:0}.cat-modal-title{font-family:var(--display);font-size:1.1rem;font-weight:800;letter-spacing:.08em;color:var(--t1);margin:0}.cat-modal-header-actions{display:flex;align-items:center;gap:.5rem}.cat-modal-clear{background:transparent;border:1px solid var(--border-2);border-radius:var(--r-full);color:var(--t3);font-size:.75rem;font-weight:600;padding:.25rem .75rem;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.cat-modal-clear:hover{color:var(--t1);border-color:var(--t2)}.cat-modal-close{background:transparent;border:none;color:var(--t3);cursor:pointer;padding:.25rem;display:flex;align-items:center;border-radius:var(--r-md);transition:color .15s,background .15s}.cat-modal-close:hover{color:var(--t1);background:var(--surface-high)}.cat-modal-search-wrap{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-2);flex-shrink:0}.cat-modal-search-icon{color:var(--t3);font-size:1.1rem}.cat-modal-search{flex:1;background:transparent;border:none;outline:none;color:var(--t1);font-size:.9rem;font-family:inherit}.cat-modal-search::placeholder{color:var(--t3)}.cat-modal-search-clear{background:transparent;border:none;color:var(--t3);cursor:pointer;padding:0;display:flex;align-items:center}.cat-modal-search-clear:hover{color:var(--t1)}.cat-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem 1.25rem;overflow-y:auto}.cat-modal-item{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.6rem .85rem;background:var(--surface-high);border:1px solid var(--border-2);border-radius:var(--r-lg);color:var(--t2);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s;text-align:left}.cat-modal-item:hover{border-color:var(--primary-accent);color:var(--primary)}.cat-modal-item--active{background:var(--primary-soft);border-color:var(--primary-accent);color:var(--primary)}.cat-modal-check{font-size:.9rem;flex-shrink:0}.cat-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid var(--border-2);flex-shrink:0;gap:1rem}.cat-modal-hint{font-size:.76rem;color:var(--t3);flex:1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-modal-done{background:var(--primary-soft);border:1px solid var(--primary-accent);border-radius:var(--r-full);color:var(--primary);font-size:.82rem;font-weight:700;padding:.4rem 1.1rem;cursor:pointer;transition:background .15s;flex-shrink:0}.cat-modal-done:hover{background:var(--primary-accent);color:#fff}@media (max-width: 640px){.cat-modal-backdrop{align-items:center;padding:1rem}.cat-modal{max-height:88vh;width:100%;border-radius:1.25rem}.cat-modal-header{padding:1rem 1rem .65rem}.cat-modal-title{font-size:.95rem}.cat-modal-clear{font-size:.7rem;padding:.2rem .55rem;white-space:nowrap}.cat-modal-search-wrap{padding:.6rem 1rem}.cat-modal-grid{grid-template-columns:repeat(2,1fr);gap:.4rem;padding:.75rem 1rem}.cat-modal-item{font-size:.78rem;padding:.5rem .7rem}.cat-modal-footer{padding:.6rem 1rem}.cat-modal-hint{font-size:.7rem}}@media (max-width: 360px){.cat-modal-backdrop{padding:.6rem}.cat-modal-grid{grid-template-columns:1fr 1fr;gap:.35rem;padding:.6rem .75rem}.cat-modal-item{font-size:.74rem;padding:.45rem .55rem}.cat-modal-header{padding:.85rem .75rem .55rem}.cat-modal-search-wrap,.cat-modal-footer{padding:.5rem .75rem}}@media (min-width: 641px) and (max-width: 900px){.cat-modal{max-width:440px;max-height:75vh}.cat-modal-grid{grid-template-columns:repeat(2,1fr)}}.lobby-stepper{display:flex;align-items:center;gap:0;background:var(--surface-high);border:1px solid var(--border-2);border-radius:var(--r-full);overflow:hidden;width:100%}.lobby-stepper-btn{width:40px;height:40px;flex-shrink:0;background:transparent;border:none;color:var(--t2);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.lobby-stepper-btn:hover{background:var(--primary-soft);color:var(--primary)}.lobby-stepper-val{flex:1;font-family:var(--display);font-size:1rem;font-weight:700;color:var(--t1);text-align:center}.lobby-chat-card{flex:1;flex-shrink:1;min-height:220px;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.lobby-chat-messages{flex:1;min-height:0;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;scrollbar-width:none;padding-right:.25rem}.lobby-chat-messages::-webkit-scrollbar{display:none}.lobby-chat-line{display:flex;align-items:flex-end;gap:.5rem;font-size:.8rem;line-height:1.45;margin-bottom:.75rem}.lobby-chat-line--me{justify-content:flex-end}.lobby-chat-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.lobby-chat-me-group{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.lobby-chat-you-label{font-size:.65rem;color:var(--t3);padding-right:.3rem}.lobby-chat-me-row{display:flex;align-items:flex-end;gap:.5rem}.lobby-chat-other{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;width:100%}.lobby-chat-sender{font-size:.68rem;font-weight:700;padding-left:.25rem}.lobby-chat-bubble{color:var(--t1);background:var(--surface-high);border:1px solid var(--border-2);border-radius:var(--r-lg);padding:.4rem .75rem;word-break:break-word;width:fit-content;max-width:100%}.lobby-chat-bubble--me{background:var(--primary-soft);border:1px solid var(--primary-accent);color:var(--primary)}.lobby-chat-input-row{display:flex;gap:.5rem}.lobby-chat-input{flex:1;background:var(--surface-high);border:1px solid var(--border-2);border-radius:var(--r-full);padding:.5rem 1rem;font-size:.82rem;color:var(--t1);outline:none;transition:border-color .15s}.lobby-chat-input:focus{border-color:var(--primary-accent)}.lobby-chat-input::placeholder{color:var(--t3)}.lobby-chat-send{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8c6aff,#987bff);color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.lobby-chat-send:hover{opacity:.85}.lobby-chat-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.1rem}.lobby-chat-expand-btn{background:transparent;border:none;color:var(--t3);cursor:pointer;padding:.2rem;display:flex;align-items:center;border-radius:var(--r-md);transition:color .15s}.lobby-chat-expand-btn:hover{color:var(--primary)}.lobby-chat-expand-btn .material-symbols-outlined{font-size:1rem}.lobby-chat-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem}.lobby-chat-modal{background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);width:100%;max-width:480px;height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #000000b3}.lobby-chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-2);flex-shrink:0}.lobby-chat-modal-title{font-family:var(--display);font-size:1rem;font-weight:800;letter-spacing:.08em;color:var(--t1);margin:0}.lobby-chat-modal-close{background:transparent;border:none;color:var(--t3);cursor:pointer;display:flex;align-items:center;padding:.25rem;border-radius:var(--r-md);transition:color .15s}.lobby-chat-modal-close:hover{color:var(--t1)}.lobby-chat-modal-messages{flex:1!important;padding:1rem 1.25rem!important;background:var(--surface-high);margin:.75rem;border-radius:var(--r-lg)}.lobby-chat-modal .lobby-chat-input-row{padding:.75rem 1rem;border-top:1px solid var(--border-2);flex-shrink:0}@media (max-width: 640px){.lobby-chat-modal{max-width:100%;height:85vh;border-radius:var(--r-xl) var(--r-xl) 0 0}.lobby-chat-modal-backdrop{align-items:flex-end;padding:0}}.lobby-main{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem;min-width:0;width:100%}.lobby-code-hero{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-2xl);padding:2rem 2.5rem 2.5rem;position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.lobby-code-hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:180px;background:radial-gradient(ellipse,rgba(140,106,255,.06) 0%,transparent 70%);pointer-events:none}.lobby-code-label{font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--t3);margin-bottom:.75rem}.lobby-code-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.lobby-code-text{font-family:var(--display);font-size:clamp(4rem,10vw,5rem);font-weight:800;color:var(--primary);letter-spacing:-.02em;text-shadow:0 0 30px rgba(140,106,255,.5);line-height:1}.lobby-copy-btn{width:56px;height:56px;border-radius:50%;background:#ccbdff1a;border:1px solid rgba(204,189,255,.2);color:var(--primary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.lobby-copy-btn:hover{background:#ccbdff33}.lobby-code-sub{font-size:.82rem;color:var(--t3);font-style:italic}.lobby-players-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.lobby-player-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem .75rem;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);position:relative;transition:background .15s}.lobby-player-card:hover{background:var(--surface-high)}.lobby-player-card--host{border-color:#ccbdff59;background:linear-gradient(160deg,#8c6aff14,#987bff08)}.lobby-host-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:800;letter-spacing:.1em;padding:.15rem .55rem;background:var(--primary-accent);color:#fff;border-radius:var(--r-full);white-space:nowrap}.lobby-player-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1.3rem;font-weight:800;color:#fff;box-shadow:0 0 20px #8c6aff33}.lobby-player-name{font-size:1rem;font-weight:700;color:var(--t1);text-align:center;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player-status{display:flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--t3)}.lobby-player-status--ready{color:var(--green)}.lobby-status-dot{width:6px;height:6px;border-radius:50%;background:var(--t3);flex-shrink:0}.lobby-status-dot--green{background:var(--green)}.lobby-kick-btn{position:absolute;top:.4rem;right:.4rem;width:20px;height:20px;border-radius:50%;background:var(--surface-high);border:1px solid var(--border-2);color:var(--t3);font-size:.65rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.lobby-kick-btn:hover,.lobby-kick-btn--confirm{background:var(--red-soft);border-color:var(--red);color:var(--red)}.lobby-empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem .75rem;background:var(--bg);border:2px dashed rgba(73,69,84,.3);border-radius:var(--r-xl);opacity:.4}.lobby-empty-icon{font-size:1.75rem!important;color:var(--t3);line-height:1}.lobby-empty-label{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}.lobby-start-btn{padding:1.1rem 2.5rem;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#350097;font-family:var(--body);font-weight:800;letter-spacing:.15em;white-space:nowrap;cursor:pointer;border:none;transition:box-shadow .2s,transform .1s,opacity .15s;width:100%;max-width:480px;align-self:center;box-shadow:0 0 40px #8c6aff66;position:relative;overflow:hidden}.lobby-start-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;opacity:0;transition:opacity .15s}.lobby-start-btn:hover:not(:disabled){box-shadow:0 0 60px #8c6aff99;transform:translateY(-1px)}.lobby-start-btn:hover:not(:disabled):after{opacity:1}.lobby-start-btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.lobby-action-wrap{display:none}.lobby-action-bar{position:sticky;bottom:1.5rem;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none;padding:0 1.5rem}.lobby-action-bar>*{pointer-events:auto}.lobby-leave-btn{position:fixed;top:1.25rem;right:1.25rem;z-index:50;display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem .5rem .75rem;border-radius:var(--r-full);background:#ffffff0d;color:var(--t2);border:1.5px solid rgba(255,255,255,.12);font-family:inherit;font-size:.78rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:background .15s,border-color .15s,color .15s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lobby-leave-btn .material-symbols-outlined{font-size:1rem}.lobby-leave-btn:hover{background:#ef44441f;border-color:#ef444473;color:#f87171}.lobby-players-ready-text{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);text-align:center}@media (max-width: 900px){.lobby-layout{grid-template-columns:260px 1fr;padding:1rem;gap:1rem}.lobby-players-scroll{grid-template-columns:repeat(3,1fr);gap:.75rem}.lobby-code-text{font-size:clamp(2rem,10vw,5rem)}}@media (max-width: 640px){.lobby-page{height:auto!important;min-height:100svh;overflow-x:hidden;overflow-y:auto;padding-bottom:6rem}.lobby-layout{display:flex;flex-direction:column;padding:.85rem;gap:1.5rem;align-items:stretch;justify-content:space-between}.lobby-main{order:1;display:flex;flex-direction:column;gap:1.5rem}.lobby-sidebar{order:2}.lobby-code-hero{padding:1.25rem 1.5rem 1.5rem;border-radius:var(--r-xl)}.lobby-code-text{font-size:clamp(2.5rem,16vw,2rem);letter-spacing:-.02em}.lobby-code-row{gap:.75rem}.lobby-copy-btn{width:40px;height:40px}.lobby-copy-btn .material-symbols-outlined{font-size:1rem}.lobby-players-scroll{display:grid!important;grid-template-columns:repeat(4,1fr);gap:.6rem}.lobby-player-card{padding:.75rem .35rem;gap:.4rem;border-radius:var(--r-lg)}.lobby-player-avatar{width:36px;height:36px;font-size:.9rem}.lobby-player-name{font-size:.62rem;max-width:100%}.lobby-player-status{font-size:.52rem;gap:.2rem}.lobby-status-dot{width:5px;height:5px}.lobby-empty-slot{padding:.75rem .35rem;border-radius:var(--r-lg)}.lobby-empty-icon{font-size:1.3rem!important}.lobby-empty-label{font-size:.52rem}.lobby-side-card{padding:1rem 1.1rem;gap:.85rem;border-radius:var(--r-xl)}.lobby-side-title{font-size:1.05rem;margin-bottom:0}.lobby-setting-group{gap:.45rem}.lobby-pills{flex-wrap:wrap;gap:.35rem}.lobby-pill{font-size:.74rem;padding:.32rem .65rem}.lobby-pill--num{min-width:36px;padding:.32rem .5rem}.lobby-chat-card{display:none!important}.lobby-action-bar{position:fixed!important;bottom:0;left:0;right:0;padding:.85rem 1rem 1rem;background:#0d0b14f2;border-top:1px solid var(--border-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);gap:.4rem}.lobby-start-btn{padding:.95rem 1.2rem;font-size:.82rem}.lobby-leave-btn{top:.75rem;right:.75rem;font-size:.72rem;padding:.4rem .75rem .4rem .6rem}}.reveal-page{min-height:100svh;width:100%;background:var(--bg);display:flex;flex-direction:column;animation:fadein .25s ease both}.reveal-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem 3rem;max-width:860px;width:100%;margin:0 auto}.reveal-title-section{text-align:center;display:flex;flex-direction:column;gap:.4rem}.reveal-title{font-family:var(--display);font-size:clamp(2rem,6vw,3rem);font-weight:800;color:var(--primary);letter-spacing:-1px;text-shadow:0 0 40px rgba(140,106,255,.35);line-height:1.1}.reveal-subtitle{font-size:.85rem;color:var(--t2);max-width:420px;margin:0 auto;line-height:1.5}.reveal-card{width:100%;max-width:520px;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1.75rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.reveal-card--revealed{background:linear-gradient(160deg,#8c6aff0f,#987bff05);border-color:#ccbdff2e}.reveal-lock-circle{width:64px;height:64px;border-radius:50%;background:var(--surface-high);display:flex;align-items:center;justify-content:center}.reveal-lock-icon{font-size:1.75rem;line-height:1}.reveal-card-title{font-family:var(--display);font-size:1.3rem;font-weight:700;color:var(--t1)}.reveal-card-sub{font-size:.82rem;color:var(--t3);margin-top:-.25rem}.reveal-my-word-btn{margin-top:.5rem;width:100%;padding:1rem 2rem;border-radius:var(--r-full);background:var(--primary);color:#2d1f6e;font-family:var(--body);font-weight:800;letter-spacing:.12em;border:none;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:0 4px 24px #ccbdff33}.reveal-my-word-btn:hover{opacity:.88;transform:translateY(-1px)}.reveal-my-word-btn--ready{background:linear-gradient(135deg,#8c6aff,#987bff);color:#fff;box-shadow:0 4px 24px #8c6aff4d}.reveal-role-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem 1rem;border-radius:var(--r-full);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.reveal-role-badge--innocent{background:var(--primary-soft);border:1px solid rgba(204,189,255,.2);color:var(--primary)}.reveal-role-badge--imposter{background:var(--red-soft);border:1px solid rgba(255,180,171,.2);color:var(--red)}.reveal-word{font-family:var(--body);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;color:var(--primary);text-shadow:0 0 30px rgba(140,106,255,.4);text-align:center;letter-spacing:-.5px}.reveal-word--imposter{color:var(--red);text-shadow:0 0 30px rgba(255,180,171,.3)}.reveal-word--blank{color:var(--t3);font-size:2rem}.reveal-hint{font-size:.82rem;color:var(--t3);text-align:center;max-width:320px;line-height:1.45}.reveal-waiting-wrap{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.reveal-ready-progress{display:flex;flex-direction:column;gap:.4rem}.reveal-ready-label{font-size:.75rem;font-weight:600;color:var(--t3);text-align:center}.reveal-change-word-btn{font-size:.78rem;color:var(--t3);background:none;border:1px solid var(--border-2);border-radius:var(--r-full);padding:.35rem 1rem;cursor:pointer;transition:all .15s;margin-top:.25rem}.reveal-change-word-btn:hover{color:var(--t1);border-color:var(--border-3)}.reveal-roster{width:100%;max-width:860px;display:flex;flex-direction:column;gap:.75rem}.reveal-roster-header{display:flex;align-items:center;justify-content:space-between}.reveal-roster-title{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--t1)}.reveal-roster-badge{font-size:.6rem;font-weight:800;letter-spacing:.1em;padding:.25rem .75rem;background:var(--primary-soft);border:1px solid rgba(204,189,255,.2);border-radius:var(--r-full);color:var(--primary)}.reveal-roster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}@media (max-width: 600px){.reveal-roster-grid{grid-template-columns:repeat(3,1fr)}}.reveal-roster-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-lg);min-width:0}.reveal-roster-item--you{border-color:#ccbdff4d;background:linear-gradient(135deg,#8c6aff12,#987bff05)}.reveal-roster-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.8rem;font-weight:800;color:#fff;flex-shrink:0}.reveal-roster-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.reveal-roster-name{font-size:.75rem;font-weight:700;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reveal-roster-status{display:flex;align-items:center;gap:.25rem;font-size:.55rem;font-weight:800;letter-spacing:.08em;color:var(--amber)}.reveal-roster-status--ready{color:var(--green)}.reveal-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.reveal-status-dot--green{background:var(--green)}.reveal-status-dot--amber{background:var(--amber)}.discussion-page{height:100svh;width:100%;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;animation:fadein .25s ease both}.discussion-layout{display:grid;grid-template-columns:260px 1fr;gap:1.25rem;padding:1.5rem;max-width:1200px;width:100%;margin:0 auto;flex:1;min-height:0;align-items:stretch}.discussion-sidebar{display:flex;flex-direction:column;gap:1rem;align-self:stretch;height:calc(100svh - 3rem);position:sticky;top:1.5rem}.disc-side-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.85rem}.disc-status-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.disc-role-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;border-radius:var(--r-full);font-size:.68rem;font-weight:800;letter-spacing:.1em;background:var(--surface-high);border:1px solid var(--border-2);color:var(--t2);align-self:flex-start;flex-shrink:0;white-space:nowrap}.disc-role-badge--imposter{background:var(--red-soft);border-color:#ffb4ab33;color:var(--red)}.disc-role-badge--innocent{background:var(--primary-soft);border-color:#ccbdff33;color:var(--primary)}.disc-role-badge--dead{color:var(--t3)}.disc-timer-block{display:flex;flex-direction:column;gap:.15rem}.disc-timer-block--urgent .disc-timer-value{color:var(--red)}.disc-timer-value{font-family:var(--display);font-size:2rem;font-weight:800;color:var(--primary);line-height:1}.disc-timer-label{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}.disc-round-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;background:var(--surface-high);border:1px solid var(--border-2);border-radius:var(--r-full);font-size:.65rem;font-weight:800;letter-spacing:.1em;color:var(--t2);align-self:flex-start}.discussion-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse 1.4s ease-in-out infinite}.disc-hint-text{font-size:.78rem;color:var(--t3);line-height:1.5}.disc-side-label{font-size:.6rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--primary-accent)}.disc-players-list{display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;scrollbar-width:none;flex:1;min-height:0}.disc-players-list::-webkit-scrollbar{display:none}.disc-player-row{display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem;border-radius:var(--r-md);background:var(--surface-high);transition:background .15s}.disc-player-row--you{background:var(--primary-soft)}.disc-player-row--eliminated{opacity:.4}.disc-player-row-avatar--dead{filter:grayscale(1)}.disc-player-row-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.75rem;font-weight:800;color:#fff;flex-shrink:0}.disc-player-row-info{display:flex;flex-direction:column;gap:.05rem;flex:1;min-width:0}.disc-player-row-name{font-size:.8rem;font-weight:700;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disc-player-row-role{font-size:.62rem;color:var(--t3)}.discussion-main{display:flex;flex-direction:column;gap:1.1rem;min-height:calc(100svh - 3rem)}.disc-title-section{display:flex;flex-direction:column;gap:.2rem}.disc-main-title{font-family:var(--display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--primary);letter-spacing:-1px;line-height:1;text-shadow:0 0 40px var(--primary-glow)}.disc-main-sub{font-size:.85rem;color:var(--t3)}.discussion-chat{flex:1;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);overflow:hidden;min-height:0}.discussion-chat-messages{flex:1;overflow-y:auto;scrollbar-width:none;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem}.discussion-chat-messages::-webkit-scrollbar{display:none}.discussion-chat-empty{font-size:.82rem;color:var(--t3);text-align:center;margin:auto;line-height:1.6}.disc-chat-msg{display:flex;gap:.6rem;align-items:flex-start}.disc-chat-msg--me{flex-direction:row-reverse}.disc-chat-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.72rem;font-weight:800;color:#fff;flex-shrink:0;margin-top:1.1rem}.disc-chat-msg--me .disc-chat-avatar{margin-top:1.1rem}.disc-chat-bubble{display:flex;flex-direction:column;gap:.25rem;max-width:65%}.disc-chat-msg--me .disc-chat-bubble{align-items:flex-end}.disc-chat-name{font-size:.65rem;font-weight:800;letter-spacing:.04em;padding-left:.1rem}.disc-chat-text{font-size:.85rem;color:var(--t1);line-height:1.45;background:var(--surface-high);border-radius:var(--r-md);padding:.5rem .75rem;word-break:break-word}.disc-chat-msg--me .disc-chat-text{background:var(--primary-soft);border:1px solid rgba(204,189,255,.15)}.discussion-chat-input-row{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-2)}.discussion-chat-input{flex:1;background:var(--surface-high);border:1px solid var(--border-2);border-radius:var(--r-full);padding:.55rem 1rem;font-size:.88rem;color:var(--t1);outline:none;transition:border-color .15s}.discussion-chat-input:focus{border-color:var(--primary-accent)}.discussion-chat-input::placeholder{color:var(--t3)}.discussion-chat-input:disabled{opacity:.5}.discussion-chat-send{width:36px;height:36px;border-radius:50%;background:var(--primary-accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s;flex-shrink:0}.discussion-chat-send:disabled{opacity:.4;cursor:default}.discussion-chat-send .material-symbols-outlined{font-size:1rem}.disc-action-wrap{display:flex;justify-content:center;padding-bottom:.5rem}.discussion-vote-btn{width:100%;max-width:50rem;padding:1.1rem 2rem;border-radius:var(--r-full);background:linear-gradient(135deg,#8c6aff,#987bff);color:#fff;font-family:var(--body);font-size:.95rem;font-weight:800;letter-spacing:.12em;border:none;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:0 4px 28px #8c6aff4d}@media (max-width: 900px){.discussion-layout{grid-template-columns:220px 1fr;padding:1rem;gap:1rem}.discussion-sidebar{height:calc(100svh - 2rem);top:1rem}.discussion-main{min-height:calc(100svh - 2rem)}}@media (max-width: 640px){.discussion-page{height:100svh;overflow:hidden}.discussion-layout{display:flex!important;flex-direction:column;padding:.6rem;gap:.6rem;height:100%;overflow:hidden}.discussion-sidebar{height:auto!important;position:static!important;flex-direction:column;flex-shrink:0;gap:.5rem}.discussion-sidebar .disc-side-card:first-child{flex-shrink:0;padding:.6rem 1rem;gap:0;height:auto;position:static}.discussion-sidebar .disc-side-card:first-child .disc-status-row{flex-direction:row;justify-content:space-between;align-items:center}.discussion-sidebar .disc-side-card:first-child .disc-hint-text{display:none}.disc-role-badge{font-size:.62rem;padding:.25rem .7rem}.disc-timer-value{font-size:1.4rem}.disc-timer-label{font-size:.55rem}.discussion-sidebar .disc-side-card:last-child{flex-shrink:0;overflow:hidden;padding:.55rem .85rem;gap:.4rem}.disc-players-list{flex-direction:row!important;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:.3rem}.disc-player-row{flex-direction:column;align-items:center;flex-shrink:0;width:auto;min-width:32px;padding:.2rem;gap:.1rem;background:transparent}.disc-player-row--you{background:var(--primary-soft);border-radius:var(--r-md)}.disc-player-row-info,.disc-player-row .lobby-status-dot{display:none}.disc-player-row-avatar{width:28px;height:28px;font-size:.68rem}.discussion-main{flex:1!important;min-height:0!important;display:flex;flex-direction:column;gap:.6rem}.disc-title-section{display:none!important}.discussion-chat{flex:1!important;min-height:0}.disc-action-wrap{order:unset;padding-bottom:.15rem;flex-shrink:0}.discussion-vote-btn{width:100%!important;max-width:100%!important;padding:.8rem 1rem;font-size:.85rem}.disc-chat-bubble{max-width:80%}.disc-chat-text{font-size:.82rem;padding:.4rem .65rem}.discussion-chat-input-row{padding:.5rem .75rem}}.discussion-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem 3rem;max-width:920px;width:100%;margin:0 auto}.discussion-title-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.discussion-title{font-family:var(--display);font-size:clamp(3rem,10vw,6rem);font-weight:800;color:var(--t1);letter-spacing:-2px;text-shadow:0 0 60px rgba(204,189,255,.18);line-height:1}.discussion-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1.1rem;border-radius:var(--r-full);font-size:.72rem;font-weight:700;letter-spacing:.1em;background:var(--surface-high);border:1px solid var(--border-2);color:var(--t2)}.discussion-status-badge--imposter{background:var(--red-soft);border-color:#ffb4ab33;color:var(--red)}.discussion-status-badge--innocent{background:var(--primary-soft);border-color:#ccbdff33;color:var(--primary)}.discussion-status-badge--dead{background:var(--surface-high);color:var(--t3)}.discussion-info-card{width:100%;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1.1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.discussion-info-left{display:flex;flex-direction:column;gap:.25rem}.discussion-info-main{font-size:.9rem;font-weight:700;color:var(--t1)}.discussion-info-sub{font-size:.78rem;color:var(--t3)}.discussion-live-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;background:var(--surface-high);border:1px solid var(--border-2);border-radius:var(--r-full);font-size:.65rem;font-weight:800;letter-spacing:.1em;color:var(--t2);white-space:nowrap;flex-shrink:0}.discussion-live-badge--urgent{background:var(--red-soft);border-color:#ffb4ab33;color:var(--red)}.discussion-live-dot{width:6px;height:6px;border-radius:50%;background:#f87171;flex-shrink:0}.discussion-live-badge--urgent .discussion-live-dot{background:var(--red)}.discussion-section{width:100%;display:flex;flex-direction:column;gap:.75rem}.discussion-section-label{font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--primary-accent)}.discussion-players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}@media (max-width: 600px){.discussion-players-grid{grid-template-columns:repeat(2,1fr)}}.disc-player-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);transition:border-color .15s}.disc-player-card--you{border-color:#ccbdff59;background:linear-gradient(135deg,#8c6aff14,#987bff08)}.disc-avatar-wrap{position:relative;flex-shrink:0}.disc-player-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1.1rem;font-weight:800;color:#fff}.disc-you-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-size:.52rem;font-weight:800;letter-spacing:.06em;padding:.1rem .4rem;background:var(--primary-accent);color:#fff;border-radius:var(--r-full);white-space:nowrap}.disc-player-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.disc-player-name{font-size:.85rem;font-weight:700;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disc-player-role{font-size:.7rem;color:var(--t3)}.discussion-feed{background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1rem 1.25rem;min-height:60px;display:flex;align-items:center}.discussion-feed-hint{font-size:.82rem;color:var(--t3);line-height:1.5}.discussion-vote-btn{width:100%;max-width:55rem;padding:1.1rem 2rem;border-radius:var(--r-full);background:linear-gradient(135deg,#8c6aff,#987bff);color:#fff;font-family:var(--body);font-size:.95rem;font-weight:800;letter-spacing:.12em;border:none;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:0 4px 28px #8c6aff4d}.discussion-vote-btn:hover{opacity:.88;transform:translateY(-1px)}.vt-page{height:100svh;width:100%;background:var(--bg);display:flex;flex-direction:column;animation:fadein .25s ease both}.vt-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:1.5rem 1.5rem 1rem}.vt-title{font-family:var(--display);font-size:clamp(2.8rem,10vw,5rem);font-weight:800;color:var(--primary);letter-spacing:-2px;line-height:1;text-shadow:0 0 60px var(--primary-glow)}.vt-subtitle{font-size:.85rem;color:var(--t3);margin-bottom:.5rem}.vt-progress-wrap{display:flex;align-items:center;gap:.75rem;width:100%;max-width:860px}.vt-progress-bar-track{flex:1;height:7px;background:var(--surface-top);border-radius:var(--r-full);overflow:hidden}.vt-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-accent));border-radius:var(--r-full);transition:width .4s ease}.vt-progress-label{font-size:.9rem;font-weight:700;color:var(--t2);white-space:nowrap;flex-shrink:0}.vt-body{flex:1;min-height:0;overflow-y:auto;padding:0 1.5rem 1rem;display:flex;justify-content:center;align-items:stretch}.vt-backdrop{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-2xl);padding:1.5rem;width:100%;max-width:1100px;align-self:stretch}.vt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;align-items:start}@media (min-width: 480px){.vt-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 700px){.vt-grid{grid-template-columns:repeat(5,1fr)}}.vt-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .6rem .85rem;min-height:148px;background:var(--surface-high);border:2px solid var(--border-2);border-radius:var(--r-xl);cursor:pointer;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s;text-align:center;width:100%}.vt-card:hover:not(:disabled):not(.vt-card--self){border-color:var(--primary-accent);background:var(--primary-soft);transform:translateY(-3px);box-shadow:0 8px 24px var(--primary-glow)}.vt-card--selected{border-color:var(--primary-accent)!important;background:var(--primary-soft)!important;box-shadow:0 0 0 3px #8c6aff33,0 8px 28px var(--primary-glow)!important}.vt-card--self{opacity:.55;cursor:default}.vt-card:disabled{cursor:default}.vt-card-tick{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;border-radius:50%;background:var(--surface-top);border:1.5px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#fff;transition:background .2s,border-color .2s}.vt-card-tick--done{background:var(--green);border-color:transparent}.vt-card-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1.25rem;font-weight:800;color:#fff;flex-shrink:0}.vt-card-name{font-size:.85rem;font-weight:700;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.vt-card-you{font-size:.5rem;font-weight:800;letter-spacing:.08em;color:var(--primary-accent);background:var(--primary-soft);padding:.1rem .4rem;border-radius:var(--r-full)}.vt-card-you--hidden{visibility:hidden}.vt-card-count{font-family:var(--display);font-size:1.2rem;font-weight:800;color:var(--t3);line-height:1;transition:color .2s}.vt-card-count--active{color:var(--primary)}.vt-bottom{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 1.5rem 1.75rem}.vt-action-btn{padding:1.1rem 2.5rem;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#350097;font-family:var(--body);font-size:.88rem;font-weight:800;letter-spacing:.15em;white-space:nowrap;border:none;cursor:pointer;transition:box-shadow .2s,transform .1s,opacity .15s;width:100%;max-width:480px;box-shadow:0 0 40px #8c6aff66;position:relative;overflow:hidden}.vt-action-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;opacity:0;transition:opacity .15s}.vt-action-btn:hover:not(:disabled){box-shadow:0 0 60px #8c6aff99;transform:translateY(-1px)}.vt-action-btn:hover:not(:disabled):after{opacity:1}.vt-action-btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.vt-elim-announcement{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1rem 1.5rem;width:100%;max-width:480px;animation:fadein .3s ease both}.vt-elim-skull{font-size:2rem;line-height:1}.vt-elim-name{font-family:var(--display);font-size:1.05rem;font-weight:800;color:var(--t1);margin:0}.vt-elim-tag{font-size:.78rem;font-weight:600;color:var(--t3);margin:.15rem 0 0}.voting-title{font-family:var(--display);font-size:clamp(2.5rem,7vw,4rem);font-weight:800;color:var(--primary);letter-spacing:-1px;text-shadow:0 0 40px rgba(140,106,255,.25);line-height:1.1}.voting-subtitle{font-size:.9rem;color:var(--t2)}.vote-status-card{width:100%;max-width:580px;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem}.vote-status-row{display:flex;align-items:center;justify-content:space-between}.vote-status-label{font-size:.65rem;font-weight:800;letter-spacing:.14em;color:var(--primary-accent)}.vote-status-count{font-size:.75rem;font-weight:600;color:var(--t2)}.vote-status-track{height:5px;background:var(--surface-top);border-radius:var(--r-full);overflow:hidden}.vote-status-fill{height:100%;background:linear-gradient(90deg,#8c6aff,#987bff);border-radius:var(--r-full);transition:width .4s ease}.vote-status-sub{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);text-align:center}.vote-players-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;width:100%}@media (max-width: 720px){.vote-players-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 460px){.vote-players-grid{grid-template-columns:repeat(2,1fr)}}.vote-player-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem .75rem;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-xl);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;position:relative;text-align:center}.vote-player-card:hover:not(:disabled):not(.vote-player-card--self){border-color:var(--primary-accent);background:#8c6aff0f;transform:translateY(-2px)}.vote-player-card--selected{border-color:var(--primary-accent)!important;background:var(--primary-soft)!important}.vote-player-card--self{cursor:default;opacity:.75}.vote-player-card:disabled{cursor:default}.vpc-avatar-wrap{position:relative;margin-bottom:.1rem}.vpc-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1.5rem;font-weight:800;color:#fff}.vpc-you-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);font-size:.5rem;font-weight:800;letter-spacing:.06em;padding:.1rem .4rem;background:var(--primary-accent);color:#fff;border-radius:var(--r-full);white-space:nowrap}.vpc-check{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--primary-accent);color:#fff;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center}.vpc-name{font-size:.8rem;font-weight:700;color:var(--t1);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpc-votes-row{display:flex;align-items:center;gap:.35rem;margin-top:auto;padding-top:.4rem;border-top:1px solid var(--border);width:100%;justify-content:center}.vpc-votes-label{font-size:.58rem;font-weight:700;letter-spacing:.1em;color:var(--t3)}.vpc-votes-count{font-family:var(--display);font-size:.85rem;font-weight:800;color:var(--t1);min-width:12px;text-align:center}.vpc-voted-dot{width:8px;height:8px;border-radius:50%;background:var(--surface-top);border:1px solid var(--border-2);flex-shrink:0}.vpc-voted-dot--active{background:var(--primary-accent);border-color:transparent}.vote-hint{font-size:.78rem;color:var(--t3);text-align:center}.vote-reveal-wrap{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:.6rem}.vote-reveal-btn{width:100%;padding:1.1rem 2rem;border-radius:var(--r-full);background:linear-gradient(135deg,#8c6aff,#987bff);color:#fff;font-family:var(--display);font-size:.9rem;font-weight:800;letter-spacing:.14em;border:none;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:0 4px 28px #8c6aff4d}.vote-reveal-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.vote-reveal-btn--locked{background:var(--surface-high);color:var(--t3);box-shadow:none;cursor:default}.vote-reveal-sub{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);text-align:center}.res-page{height:100svh;width:100%;background:var(--bg);animation:fadein .25s ease both;display:flex;flex-direction:column}.res-content{flex:1;min-height:0;max-width:1100px;width:100%;margin:0 auto;padding:1.5rem 1.5rem 0;display:flex;flex-direction:column;gap:1.1rem}.res-banner{display:flex;align-items:center;gap:1.25rem;padding:1.4rem 2rem;border-radius:var(--r-2xl);background:var(--surface);border:1px solid var(--border-2);position:relative;overflow:hidden}.res-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.res-banner--win:before{background:linear-gradient(135deg,rgba(74,222,128,.06),transparent 60%)}.res-banner--lose:before{background:linear-gradient(135deg,rgba(140,106,255,.08),transparent 60%)}.res-banner-icon{width:56px;height:56px;border-radius:50%;background:var(--surface-high);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.res-banner-title{font-family:var(--display);font-size:clamp(1.8rem,5vw,3.2rem);font-weight:800;letter-spacing:-1px;line-height:1}.res-banner--win .res-banner-title{color:var(--green);text-shadow:0 0 30px rgba(74,222,128,.3)}.res-banner--lose .res-banner-title{color:var(--primary);text-shadow:0 0 30px rgba(140,106,255,.35)}.res-banner-desc{font-size:.85rem;color:var(--t2);margin-top:.3rem}.res-words-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.res-word-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}.res-word-card--imp{border-color:#ffb4ab40;background:linear-gradient(135deg,rgba(255,100,100,.05),transparent)}.res-word-label{font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}.res-word-val{font-family:var(--body);font-size:1.3rem;font-weight:800;color:var(--t1);letter-spacing:-.5px}.res-word-val--red{color:var(--red)}.res-main{display:grid;grid-template-columns:1fr 1.4fr;gap:1.1rem;align-items:stretch;flex:1;min-height:0}@media (max-width: 700px){.res-main{grid-template-columns:1fr}}.res-left{display:flex;flex-direction:column;gap:.75rem;min-height:0}.res-panel{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.85rem;flex:1;min-height:0;overflow-y:auto}.res-panel-header{display:flex;align-items:baseline;justify-content:space-between}.res-panel-title{font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--t1)}.res-panel-sub{font-size:.6rem;color:var(--t3);font-style:italic}.res-bd-list{display:flex;flex-direction:column;gap:.45rem}.res-bd-row{display:flex;align-items:center;gap:.65rem;padding:.7rem .9rem;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-lg)}.res-bd-row--imp{border-color:#ff787840}.res-bd-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.88rem;font-weight:800;color:#fff;flex-shrink:0}.res-bd-info{flex:1;display:flex;flex-direction:column;gap:.28rem;min-width:0}.res-bd-name-row{display:flex;align-items:center;gap:.4rem}.res-bd-name{font-size:.82rem;font-weight:700;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-bd-imp-tag{font-size:.48rem;font-weight:800;letter-spacing:.06em;padding:.08rem .32rem;background:var(--red-soft);color:var(--red);border-radius:var(--r-full);flex-shrink:0}.res-bd-bar-track{height:3px;background:var(--surface-top);border-radius:var(--r-full);overflow:hidden}.res-bd-bar{height:100%;border-radius:var(--r-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.res-bd-count{font-family:var(--display);font-size:1.1rem;font-weight:800;color:var(--t1);flex-shrink:0;min-width:18px;text-align:right}.res-section{display:flex;flex-direction:column;gap:.45rem}.res-section-label{font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}.res-player-row{display:flex;align-items:center;gap:.65rem;padding:.6rem .8rem;background:var(--surface-low);border:1px solid var(--border-2);border-radius:var(--r-lg)}.res-player-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.82rem;font-weight:800;color:#fff;flex-shrink:0}.res-player-info{flex:1;display:flex;flex-direction:column;gap:.18rem;min-width:0}.res-player-name{font-size:.82rem;font-weight:700;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-player-badge{display:inline-block;font-size:.52rem;font-weight:800;letter-spacing:.08em;padding:.1rem .42rem;border-radius:var(--r-full);width:fit-content}.res-player-badge--imp{background:#dc2626;color:#fff}.res-player-badge--elim{background:var(--surface-high);color:var(--t3);border:1px solid var(--border-2)}.res-player-icon{font-size:.9rem;color:var(--t3);flex-shrink:0}.res-divider{height:1px;background:var(--border-2);margin:.15rem 0}.res-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1.5rem 1.75rem;flex-shrink:0;pointer-events:none}.res-actions>*{pointer-events:auto}.res-play-btn{flex:1;max-width:480px;padding:1.1rem 2.5rem;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#350097;font-family:var(--body);font-weight:800;letter-spacing:.15em;white-space:nowrap;border:none;cursor:pointer;transition:box-shadow .2s,transform .1s,opacity .15s;box-shadow:0 0 40px #8c6aff66;position:relative;overflow:hidden}.res-play-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;opacity:0;transition:opacity .15s}.res-play-btn:hover{box-shadow:0 0 60px #8c6aff99;transform:translateY(-1px)}.res-play-btn:hover:after{opacity:1}.res-leave-btn{flex:1;max-width:480px;padding:1.1rem 2.5rem;border-radius:var(--r-full);background:var(--surface-low);color:var(--t2);font-family:var(--body);font-weight:700;letter-spacing:.12em;border:1px solid var(--border-2);cursor:pointer;transition:all .15s;white-space:nowrap}.res-leave-btn:hover{border-color:var(--border-3);color:var(--t1)}@media (max-width: 640px){.res-page{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}.res-content{padding:.85rem .85rem 0;gap:.75rem}.res-banner{padding:1rem 1.1rem;gap:.85rem}.res-banner-icon{width:40px;height:40px;font-size:1.3rem}.res-banner-title{font-size:clamp(1.3rem,6vw,2.2rem);letter-spacing:-.5px}.res-banner-desc{font-size:.78rem}.res-word-card{padding:.75rem .9rem}.res-word-val{font-size:1.1rem}.res-main{grid-template-columns:1fr;gap:.75rem}.res-panel{padding:.85rem 1rem}.res-actions{padding:.85rem .85rem 1.25rem;gap:.6rem}.res-play-btn,.res-leave-btn{padding:.85rem 1rem;font-size:.82rem}}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.screen,.home-page,.lobby-page,.reveal-page,.discussion-page,.voting-page,.results-page{animation:fadein .25s ease both}