:root{color-scheme:dark;--bg: #05080d;--bg-soft: #071019;--surface: rgba(13, 20, 28, .72);--surface-strong: rgba(16, 24, 33, .86);--surface-subtle: rgba(255, 255, 255, .045);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .14);--accent: #33d6c8;--accent-2: #2f6df6;--accent-soft: rgba(51, 214, 200, .28);--red: #e85c5c;--red-dark: #7d2329;--blue: #2f78e8;--blue-dark: #153f92;--cream: #ead8bd;--text: #f4f7fa;--muted: #9ea7b3;--muted-2: #67717e;--ok: #54d58a;--shadow: 0 28px 90px rgba(0, 0, 0, .46);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{background:var(--bg)}html,body,#root{min-height:100%}body{min-width:320px;margin:0;overflow-x:hidden;background:radial-gradient(circle at 75% 16%,rgba(51,214,200,.1),transparent 28%),radial-gradient(circle at 50% 72%,rgba(47,109,246,.11),transparent 30%),linear-gradient(135deg,#03060a,var(--bg-soft) 54%,#03070d);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at 50% 38%,black,transparent 82%);mask-image:radial-gradient(circle at 50% 38%,black,transparent 82%);pointer-events:none}button,input,select,textarea{font:inherit}svg{width:1em;height:1em}button{color:inherit}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:108px 48px 30px}.route-fallback{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;width:min(620px,100%);margin:16vh auto 0;padding:22px}.route-fallback-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(51,214,200,.26);border-radius:13px;background:#33d6c814;color:var(--accent)}.route-fallback-icon svg{width:21px;height:21px}.route-fallback h1{font-size:18px}.route-fallback p{margin-top:4px;color:var(--muted);font-size:14px}.page{width:min(1536px,100%);margin:0 auto}.glass-panel{border:1px solid var(--border);border-radius:26px;background:radial-gradient(circle at 100% 0%,rgba(51,214,200,.06),transparent 34%),linear-gradient(145deg,#fff1,#ffffff05),var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topbar{position:fixed;top:26px;left:50%;z-index:30;width:min(1536px,calc(100% - 96px));height:74px;transform:translate(-50%);border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#ffffff0f,#ffffff06),#080d13d1;box-shadow:0 24px 70px #00000061,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.topbar-inner,.topbar-left,.profile-menu,.brand,.room-chip{display:flex;align-items:center}.topbar-inner{height:100%;justify-content:space-between;padding:0 18px}.topbar-left{gap:22px}.room-copy-wrap{position:relative;display:inline-flex}.brand{gap:16px;font-size:24px;font-weight:780;letter-spacing:0}.brand span span{color:var(--accent)}.brand-mark{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(51,214,200,.22);border-radius:12px;background:radial-gradient(circle at 50% 0%,rgba(51,214,200,.15),transparent 58%),#0e181feb;color:var(--accent);font-size:22px;font-weight:760;box-shadow:inset 0 1px #ffffff1a,0 0 24px #33d6c814}.room-chip{gap:12px;min-height:48px;border:1px solid var(--border);border-radius:14px;background:#ffffff0b;padding:0 16px;color:#d7dee8;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.room-chip span{font-size:18px;letter-spacing:.02em}.room-chip.copied{border-color:#33d6c86b;background:#33d6c81a;color:var(--accent)}.room-copy-notice{position:absolute;top:calc(100% + 8px);left:50%;z-index:2;width:max-content;max-width:min(240px,calc(100vw - 32px));transform:translate(-50%);border:1px solid rgba(51,214,200,.26);border-radius:9px;padding:7px 10px;background:#071217f0;box-shadow:0 12px 30px #0000004d;color:var(--accent);font-size:12px;font-weight:720;line-height:1;pointer-events:none;animation:roomCopyNotice .18s ease-out}@keyframes roomCopyNotice{0%{opacity:0;transform:translate(-50%,-3px)}to{opacity:1;transform:translate(-50%)}}.room-chip svg,.profile-name svg,.btn svg,.field-row svg,.settings-field>span svg{width:20px;height:20px}.profile-menu{gap:12px;min-width:0}.profile-avatar,.letter-avatar{display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:radial-gradient(circle at 42% 25%,rgba(255,255,255,.18),transparent 32%),linear-gradient(145deg,#4b515b,#252b33);color:#fff;font-size:20px;font-weight:740}.avatar-image{overflow:hidden}.avatar-image img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar-dynamic-tone{background:radial-gradient(circle at 42% 25%,rgba(255,255,255,.2),transparent 34%),linear-gradient(145deg,hsl(var(--tone-hue, 210) 74% 56%),hsl(var(--tone-hue, 210) 64% 30%));border-color:hsl(var(--tone-hue, 210) 88% 80% / .42);box-shadow:inset 0 1px #ffffff29,0 10px 24px #00000047}.profile-name{display:inline-flex;align-items:center;gap:7px;font-size:18px;font-weight:650}.profile-name svg{color:#f5bd55}.role-icon{display:inline-grid;place-items:center}.player-profile-link{color:inherit;text-decoration:none;transition:color .18s ease}.player-profile-link:hover,.player-profile-link:focus-visible{color:var(--accent)}.profile-name .master-icon svg{color:var(--accent)}.profile-chevron{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:.78;transform:rotate(45deg) translateY(-2px)}.field{width:100%;height:48px;border:1px solid var(--border);border-radius:12px;background:#05090f94;color:var(--text);padding:0 18px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field::placeholder{color:var(--muted-2)}.field:focus{border-color:#33d6c87a;box-shadow:0 0 0 4px #33d6c814}select.field{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid var(--border);border-radius:12px;background:#ffffff0e;color:#d7dee8;padding:0 16px;font-size:15px;font-weight:650;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease,box-shadow .18s ease}.btn:not(:disabled):hover{transform:translateY(-1px);border-color:#33d6c852}.btn:disabled{opacity:.48;cursor:not-allowed}.btn-sm{min-height:36px;padding:0 14px;font-size:14px}.btn-cyan,.btn-primary{border-color:transparent;background:linear-gradient(135deg,#34d6c8,#1cafa7);color:#041014;box-shadow:0 0 24px #34d6c82e}.btn-blue{border-color:transparent;background:linear-gradient(135deg,#3478f6,#1d4ed8);color:#fff;box-shadow:0 0 24px #2f6df633}.btn-outline-wide{width:100%;background:#ffffff09}.muted{color:var(--muted)}.small{font-size:13px}.hero-card{position:relative;min-height:346px;display:grid;grid-template-columns:minmax(0,1fr) 520px;align-items:center;overflow:hidden;padding:48px 60px}.hero-card:after{content:"";position:absolute;right:-110px;bottom:-190px;width:560px;height:560px;border:1px solid rgba(51,214,200,.18);border-radius:999px;background:radial-gradient(circle at 35% 30%,rgba(51,214,200,.2),transparent 58%);pointer-events:none}.hero-copy{position:relative;z-index:1;display:grid;gap:22px}.eyebrow{display:inline-flex;align-items:center;gap:10px;width:max-content;min-height:36px;border:1px solid var(--border);border-radius:999px;background:#ffffff09;color:#d7dee8;padding:0 16px;font-size:13px;font-weight:680;text-transform:uppercase}.eyebrow svg{width:18px;color:var(--accent)}.hero-copy h1{max-width:760px;color:var(--text);font-size:clamp(50px,5.6vw,84px);line-height:.95;letter-spacing:0}.hero-copy h1 span{color:var(--accent);text-shadow:0 0 30px rgba(51,214,200,.2)}.hero-copy p{color:var(--muted);font-size:21px}.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.hero-points span{border:1px solid var(--border);border-radius:999px;background:#ffffff0a;color:#d7dee8;padding:8px 12px;font-size:13px}.preview-board-wrap{position:relative;z-index:1;display:grid;justify-items:center;gap:22px}.preview-board{display:grid;grid-template-columns:repeat(3,150px);gap:10px;border:1px solid var(--border);border-radius:24px;background:#0c1219b8;padding:18px;box-shadow:inset 0 1px #ffffff14,0 28px 80px #00000057}.preview-card{display:grid;place-items:center;height:72px;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:16px;font-weight:670}.preview-red{background:linear-gradient(145deg,#e85c5c,#8f2d36)}.preview-blue{background:linear-gradient(145deg,#2f78e8,#153f92)}.preview-teal{background:linear-gradient(145deg,#34d6c8,#177a80)}.preview-neutral{background:linear-gradient(145deg,#f1dfc2,#cdb896);color:#171717}.preview-dark{background:linear-gradient(145deg,#232a31,#10151b)}.preview-dots{display:flex;gap:28px}.preview-dots span{width:11px;height:11px;border-radius:999px}.dot-red{background:var(--red)}.dot-neutral{background:var(--cream)}.dot-teal{background:var(--accent)}.home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;margin-top:20px;width:min(1380px,100%);margin-inline:auto}.room-invitations{display:grid;gap:12px;width:min(900px,100%);margin:18px auto 0;padding:16px 18px}.room-invitations-head,.room-invitation-row,.room-invitations-head>span,.room-invitation-row>span,.room-invitation-row>div{display:flex;align-items:center}.room-invitations-head{justify-content:space-between;color:var(--text);font-weight:680}.room-invitations-head>span{gap:8px}.room-invitations-head svg{width:17px;color:var(--accent)}.room-invitations-head small{display:grid;place-items:center;min-width:22px;min-height:22px;border-radius:999px;background:#33d6c81f;color:var(--accent);font-size:12px}.room-invitations-list{display:grid;gap:8px}.room-invitation-row{gap:10px;min-height:54px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff06;padding:7px 8px}.room-invitation-row>span:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}.room-invitation-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-invitation-row small{color:var(--muted);font-size:12px}.room-invitation-row>div{gap:6px}.home-card{min-height:220px;display:grid;align-content:start;gap:14px;padding:24px 28px}.home-card-simple{align-content:start}.home-card-simple p{color:var(--muted);font-size:15px}.join-card{align-content:start}.home-card-simple .btn,.join-card .btn{margin-top:8px}.card-title,.card-title>div{display:flex;align-items:center;gap:16px}.card-title-split{justify-content:space-between}.card-title h2{font-size:24px;letter-spacing:0}.card-title a,.card-title button,.subtle-link{border:0;background:transparent;color:var(--muted);font-size:14px;cursor:pointer}.icon-box{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(51,214,200,.28);border-radius:16px;background:#33d6c812;color:var(--accent)}.icon-box svg{width:27px;height:27px}.field-row,.settings-field{display:grid;gap:10px}.field-row>span,.settings-field>span{display:inline-flex;align-items:center;gap:12px;color:#d7dee8;font-size:15px}.field-row-single{margin-top:30px}.friend-list{display:grid;gap:8px}.friends-preview-empty{display:grid;place-items:center;align-content:center;gap:10px;min-height:154px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;padding:18px;color:var(--muted);text-align:center}.friends-preview-empty>div{display:grid;gap:4px}.friends-preview-empty strong{color:var(--text);font-size:15px}.friends-preview-empty span{font-size:13px}.friends-preview-empty .spinner{width:22px;height:22px}.friends-preview-empty-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#33d6c814;color:var(--accent)}.friends-preview-empty-icon svg{width:20px;height:20px}.friend-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:50px;border-bottom:1px solid rgba(255,255,255,.07)}.friend-meta{display:grid;gap:4px;min-width:0}.friend-line strong{overflow:hidden;color:var(--text);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.friends-preview-card{min-height:320px}.friend-invite-btn,.friend-footer-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;border:1px solid var(--border);border-radius:10px;background:#ffffff08;color:var(--text);padding:0 12px;font-size:14px;transition:border-color .18s ease,background-color .18s ease,color .18s ease;cursor:pointer}.friend-invite-btn:hover,.friend-footer-btn:hover{border-color:#33d6c85c;background:#33d6c814}.friend-invite-btn.invited{border-color:#33d6c85c;color:var(--accent)}.friend-footer-btn{width:100%;margin-top:8px;min-height:44px}.letter-avatar{width:40px;height:40px;font-size:18px}.avatar-teal,.avatar-violet{background:linear-gradient(145deg,#35bdb6,#205f66)}.avatar-blue{background:linear-gradient(145deg,#2f78e8,#163f90)}.avatar-red{background:linear-gradient(145deg,#e85c5c,#832832)}.avatar-orange{background:linear-gradient(145deg,#d88334,#7b431a)}.avatar-gray{background:linear-gradient(145deg,#68717d,#2d333c)}.status-dot{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;white-space:nowrap}.status-dot:before,.presence-light{content:"";width:9px;height:9px;border-radius:999px;background:var(--ok);box-shadow:0 0 12px #54d58a6b}.status-blue:before{background:var(--accent-2);box-shadow:0 0 12px #2f6df66b}.status-offline:before{background:var(--muted-2);box-shadow:none}.hero-card-create{min-height:276px;padding-block:34px}.hero-card-create .preview-board{grid-template-columns:repeat(3,126px);gap:8px;padding:14px}.hero-card-create .preview-card{height:62px;font-size:15px}.create-form,.create-friends{padding:24px}.create-form-compact{width:100%;margin:0}.create-pending-invite{display:flex;align-items:center;gap:8px;min-height:42px;margin-bottom:14px;padding:0 12px;border:1px solid rgba(51,214,200,.24);border-radius:12px;background:#33d6c812;color:var(--muted);font-size:14px}.create-pending-invite svg{width:17px;height:17px;color:var(--accent)}.create-pending-invite strong{color:var(--text)}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;width:min(1380px,100%);margin:16px auto 0}.create-friends{min-height:480px;align-content:start}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.settings-grid-compact{grid-template-columns:1fr 1fr}.segmented,.stepper{display:grid;grid-template-columns:1fr 1fr;min-height:48px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#05090f94}.segmented-three{grid-template-columns:1fr 1fr 1fr}.segmented button,.stepper button,.fake-input-button{border:0;background:transparent;cursor:pointer}.segmented button.active{color:#031014}.segment-teal{background:linear-gradient(135deg,#34d6c8c7,#1cafa7c7)!important}.segment-red{background:linear-gradient(135deg,#e85c5ccc,#7d2329cc)!important;color:#fff!important}.segment-blue{background:linear-gradient(135deg,#2f78e8d1,#153f92d1)!important;color:#fff!important}.stepper{grid-template-columns:56px 1fr 56px}.stepper strong{display:grid;place-items:center;font-size:18px}.create-submit{width:100%;min-height:54px;margin-top:14px;font-size:18px}.fake-input-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#d7dee8}.fake-input-button svg{width:20px;height:20px}.hard-toggle{display:flex;align-items:center;justify-content:space-between;min-height:48px;border:1px solid var(--border);border-radius:12px;padding:0 12px;background:#05090f94;color:var(--muted);cursor:pointer}.hard-toggle i{width:38px;height:22px;border-radius:999px;background:#ffffff1c;position:relative}.hard-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:var(--muted);transition:transform .18s ease,background .18s ease}.hard-toggle.active{border-color:#33d6c85c;color:var(--text)}.hard-toggle.active i{background:#33d6c838}.hard-toggle.active i:after{transform:translate(16px);background:var(--accent)}.prep-layout{width:min(1460px,100%);margin:0 auto;display:grid;grid-template-columns:244px minmax(0,1fr) 244px;gap:16px;align-items:start}.prep-team,.prep-center{padding:18px}.prep-team{display:grid;align-content:start;gap:14px}.prep-red{border-color:#e85c5c57;box-shadow:var(--shadow),0 0 28px #e85c5c14}.prep-blue{border-color:#2f78e861;box-shadow:var(--shadow),0 0 28px #2f78e81a}.prep-team-head h2{font-size:22px}.prep-team-head span,.section-kicker{color:var(--muted);font-size:13px}.prep-team-actions,.prep-player-list{display:grid;gap:8px}.prep-master-slot{display:grid;gap:8px;border:1px solid rgba(51,214,200,.24);border-radius:12px;padding:10px;background:#33d6c80b}.prep-master-slot .section-kicker{display:inline-flex;align-items:center;gap:6px}.prep-master-slot .section-kicker svg{width:14px;height:14px;color:var(--accent)}.prep-player,.player-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px}.prep-player strong,.player-row strong{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:15px}.prep-player strong svg,.player-row strong svg,.crown-icon{width:16px;height:16px;color:#f5bd55}.ready-state{display:inline-flex;align-items:center;gap:7px;color:var(--ok);font-size:12px}.ready-state span{width:8px;height:8px;border-radius:999px;background:var(--ok);box-shadow:0 0 12px #54d58a6b}.empty-team{color:var(--muted-2);font-size:13px}.prep-center{display:grid;gap:12px;text-align:center}.prep-head h1{font-size:26px}.prep-head p{margin-top:4px;color:var(--muted);font-size:14px}.locked-board{position:relative;display:grid;justify-items:center;gap:9px;align-self:center;padding:16px;border:1px solid var(--border);border-radius:18px;background:#ffffff09}.locked-grid{display:grid;grid-template-columns:repeat(5,13px);gap:5px;opacity:.65}.locked-grid span{width:13px;height:13px;border-radius:5px;background:#ffffff14}.lock-badge{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(51,214,200,.3);border-radius:999px;background:#33d6c814;color:var(--accent)}.participants-row{display:grid;gap:4px;color:#d7dee8;font-size:14px}.participants-row small{color:var(--muted);font-size:12px}.prep-start{min-height:52px;align-self:end}.join-panel,.loading-panel{width:min(400px,100%);margin:0 auto;padding:20px}.room-recovery-panel{display:grid;gap:12px;text-align:center}.room-recovery-panel p{color:var(--muted)}.stack-form{display:grid;gap:16px;margin-top:14px}.game-layout{width:min(1460px,100%);margin:0 auto;display:grid;grid-template-columns:244px minmax(0,860px) 244px;justify-content:center;gap:16px;align-items:start}.game-center{display:grid;gap:14px}.game-status-bar,.board-wrap,.action-panel,.team-panel,.clue-log,.turn-guide{border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#ffffff0e,#ffffff05),#0d141cb8;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.game-status-bar{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:58px;padding:0 16px;color:#d7dee8;font-size:15px}.game-status-bar:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;opacity:.9}.game-status-bar>*{position:relative;z-index:1}.game-status-bar.status-team-red{border-color:#e85c5c61;background:linear-gradient(108deg,#e85c5c2b,#e85c5c06 58%,#0d141cb3),#0d141cc7;box-shadow:var(--shadow),0 0 30px #e85c5c1c}.game-status-bar.status-team-blue{border-color:#2f78e86b;background:linear-gradient(108deg,#2f78e82e,#2f78e806 58%,#0d141cb3),#0d141cc7;box-shadow:var(--shadow),0 0 30px #2f78e81f}.game-status-bar.status-paused{border-color:#f5bd5559;background:linear-gradient(108deg,#f5bd5521,#f5bd5505 58%,#0d141cb3),#0d141cc7}.turn-status-copy{display:grid;min-width:0;gap:3px}.turn-status-copy small{color:var(--muted);font-size:12px}.game-status-bar .status-right{justify-self:end}.status-right{display:inline-flex;align-items:center;gap:8px}.turn-clock{display:inline-grid;place-items:center;min-width:50px;height:28px;border:1px solid rgba(51,214,200,.28);border-radius:9px;background:#33d6c814;color:var(--accent);font-size:13px;font-weight:850;letter-spacing:0}.turn-clock.clock-extended{border-color:#2f6df666;background:#2f6df61f;color:#8fb7ff}.turn-clock.clock-paused{border-color:#f5bd5561;background:#f5bd551a;color:#f5bd55}.game-status-bar strong{color:var(--accent)}.status-phase{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:0 9px;background:#ffffff0e;color:var(--muted);font-size:12px;font-weight:740}.turn-status{display:inline-flex;align-items:center;gap:8px}.turn-status i{width:12px;height:12px;border-radius:4px;background:var(--accent-2);box-shadow:0 0 12px #2f6df66b}.turn-red i{background:var(--red);box-shadow:0 0 12px #e85c5c6b}.board-wrap{padding:14px}.game-board{display:grid;gap:7px}.game-card{position:relative;display:grid;place-items:center;min-height:66px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:linear-gradient(145deg,#f2dfc2,#d5bd98);color:#1a1a1a;font-size:16px;font-weight:620;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px #ffffff57,0 12px 26px #00000042;transition:transform .18s ease,filter .18s ease}.card-word{display:block;max-width:calc(100% - 14px);overflow-wrap:anywhere;text-align:center;line-height:1.08}.card-word-medium{font-size:14px}.card-word-long{font-size:12px}.game-card:not(:disabled):hover{transform:scale(1.01);filter:brightness(1.06)}.card-vote-active{outline:2px solid rgba(51,214,200,.68);box-shadow:inset 0 1px #ffffff57,0 0 0 5px #33d6c814,0 18px 34px #00000057}.card-target-selected{outline:2px solid rgba(51,214,200,.86);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff57,0 0 0 5px #33d6c81f,0 18px 34px #00000061}.game-card:disabled{cursor:default}.card-red,.identity-red{background:linear-gradient(145deg,#e85c5c,#942f39);color:#fff}.card-blue,.identity-blue{background:linear-gradient(145deg,#2f78e8,#153f92);color:#fff}.card-neutral,.identity-neutral{background:linear-gradient(145deg,#f2dfc2,#d5bd98);color:#1a1a1a}.card-assassin,.identity-assassin{background:linear-gradient(145deg,#252b31,#090d12);color:#fff}.game-card i{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:999px;background:currentColor;opacity:.72}.target-number{position:absolute;top:7px;left:7px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 3px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:#0f817c;color:#f4fffe;font-size:11px;font-weight:850;box-shadow:0 5px 12px #00000047}.vote-avatars{position:absolute;right:6px;bottom:6px;display:flex;align-items:center}.vote-avatar{display:grid;place-items:center;width:22px;height:22px;margin-left:-5px;border:1px solid rgba(255,255,255,.56);border-radius:999px;color:#fff;font-size:10px;font-weight:850;box-shadow:0 6px 14px #00000047}.vote-avatar-dynamic{background:radial-gradient(circle at 42% 25%,rgba(255,255,255,.24),transparent 34%),linear-gradient(145deg,hsl(var(--tone-hue, 210) 74% 56%),hsl(var(--tone-hue, 210) 64% 30%))}.vote-avatar-0{background:#2f78e8}.vote-avatar-1{background:#d94d4d}.vote-avatar-2{background:#33d6c8;color:#031014}.vote-avatar-3{background:#8b5cf6}.vote-avatar-4{background:#f59e0b;color:#130c03}.vote-avatar-5{background:#10b981}.vote-avatar-6{background:#ec4899}.vote-avatar-7{background:#64748b}.vote-avatar-8{background:#06b6d4}.vote-avatar-9{background:#a855f7}.vote-avatar-10{background:#f97316}.vote-avatar-11{background:#14b8a6}.game-card em{position:absolute;left:6px;right:6px;bottom:0;height:3px;overflow:hidden;border-radius:999px;background:#ffffff29}.game-card em:after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#2f6df6);transform-origin:left;animation:voteConfirm 2s linear forwards}@keyframes voteConfirm{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.team-panel{height:fit-content;padding:20px}.team-red{border-color:#e85c5c52}.team-blue{border-color:#2f78e861}.team-panel.team-red.team-active{background:linear-gradient(160deg,#e85c5c1f,#e85c5c04 52%),#0d141cc2;box-shadow:var(--shadow),0 0 30px #e85c5c1f}.team-panel.team-blue.team-active{background:linear-gradient(160deg,#2f78e824,#2f78e804 52%),#0d141cc2;box-shadow:var(--shadow),0 0 30px #2f78e821}.team-head{display:grid;gap:12px}.team-head h2{color:var(--accent-2);font-size:22px}.team-red .team-head h2{color:var(--red)}.team-head p{color:var(--muted);font-size:14px}.team-remaining{color:var(--accent-2);font-size:36px;line-height:1}.team-red .team-remaining{color:var(--red)}.team-divider{height:1px;margin:20px 0 14px;background:var(--border)}.team-section{display:grid;gap:10px}.team-master-section{gap:8px}.team-master-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:46px;gap:10px;border:1px solid rgba(51,214,200,.26);border-radius:12px;padding:7px 9px;background:#33d6c80e}.team-master-card strong{display:inline-flex;min-width:0;align-items:center;gap:6px;font-size:14px}.team-master-card .owner-icon svg{color:#f5bd55}.team-section-divider{margin:15px 0 12px}.team-clues{display:grid;gap:8px;border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.team-clue-list{display:grid;gap:6px}.team-clue-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;border:1px solid var(--border);border-radius:9px;padding:0 9px;background:#ffffff0b}.team-clue-pill.active{border-color:#33d6c86b;background:#33d6c817}.team-red .team-clue-pill.active{border-color:#e85c5c7a;background:#e85c5c1a}.team-blue .team-clue-pill.active{border-color:#2f78e880;background:#2f78e81c}.team-clue-pill strong{overflow:hidden;color:var(--text);font-size:12px;font-weight:780;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.team-clue-pill b{color:var(--text);font-size:12px;text-transform:uppercase}.team-clue-pill i{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#ffffff14;color:var(--accent);font-size:11px;font-style:normal;font-weight:850}.team-clue-pill.done{opacity:.42;filter:saturate(.72)}.team-pass-control{display:grid;margin-top:2px}.team-pass-control .clue-pass-button{width:100%;justify-content:center}.player-details{display:grid;min-width:0;gap:2px}.player-details small{color:var(--accent);font-size:11px;font-weight:720}.player-row strong .master-icon svg{color:var(--accent)}.player-row strong .owner-icon svg{color:#f5bd55}.player-list{display:grid;gap:12px}.presence-light{background:var(--muted-2);box-shadow:none}.presence-light.online{background:var(--ok);box-shadow:0 0 12px #54d58a6b}.action-panel{display:grid;gap:10px;padding:14px;text-align:center}.action-panel-main{display:grid;width:100%;grid-template-columns:1fr auto;align-items:center;gap:10px}.action-panel-main.single{grid-template-columns:1fr}.action-panel p{color:var(--muted);font-size:16px}.action-panel .btn{min-height:50px;font-size:16px}.clue-log{display:flex;min-height:48px;align-items:center;gap:12px;padding:8px 12px}.clue-log-heading{display:inline-flex;align-items:center;flex:0 0 auto;gap:7px;color:var(--muted);font-size:12px;font-weight:720}.clue-log-heading svg{width:16px;height:16px;color:var(--accent)}.clue-log-list{display:flex;min-width:0;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin}.clue-log-item{display:inline-flex;min-width:max-content;align-items:center;gap:7px;min-height:32px;border:1px solid var(--border);border-radius:10px;padding:0 8px 0 10px;background:#ffffff09}.clue-log-item.active{border-color:#33d6c870;background:#33d6c814}.clue-log-red{border-color:#e85c5c47}.clue-log-blue{border-color:#2f78e84d}.clue-log-team{color:var(--muted-2);font-size:11px}.clue-log-item strong{color:var(--text);font-size:13px;text-transform:uppercase}.clue-log-item>b{display:grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:#ffffff17;color:var(--accent);font-size:11px}.clue-log-empty{color:var(--muted);font-size:12px}.clue-log-controls{display:inline-flex;flex:0 0 auto;margin-left:auto}.clue-vote-status{position:relative;display:inline-flex;min-width:0;align-items:center;gap:6px;min-height:30px;border:1px solid rgba(51,214,200,.22);border-radius:9px;padding:0 8px;overflow:hidden;background:#33d6c80f;color:var(--muted);font-size:11px;white-space:nowrap}.clue-vote-status>svg{width:14px;height:14px;flex:0 0 auto;color:var(--accent)}.clue-vote-status>span{overflow:hidden;text-overflow:ellipsis}.clue-vote-status>b{color:var(--accent);font-size:11px}.clue-vote-status.is-confirming{border-color:#2f78e87a;background:#2f78e81f}.clue-vote-status i{position:absolute;right:5px;bottom:1px;left:5px;height:2px;border-radius:999px;background:linear-gradient(90deg,#4d90ff,var(--accent));transform-origin:left;animation:voteConfirm 2s linear forwards}.clue-pass-button{position:relative;display:inline-flex;min-height:32px;gap:7px;overflow:hidden;border-color:#2f78e857;background:#2f78e81a;color:#b9d3ff;font-size:12px}.clue-pass-button:hover:not(:disabled),.clue-pass-button.is-selected{border-color:#2f78e8a3;background:#2f78e833;color:var(--text)}.clue-pass-button>svg{width:15px;height:15px}.clue-pass-avatars{display:inline-flex;align-items:center;padding-left:2px}.clue-pass-avatars .vote-avatar{width:19px;height:19px;margin-left:-5px;border-width:1px;font-size:9px}.clue-pass-avatars .vote-avatar:first-child{margin-left:0}.clue-pass-button i{position:absolute;right:7px;bottom:3px;left:7px;height:2px;border-radius:999px;background:linear-gradient(90deg,#4d90ff,var(--accent));transform-origin:left;animation:voteConfirm 2s linear forwards}.turn-guide{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:8px 12px}.turn-guide-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#33d6c81a;color:var(--accent)}.turn-guide-copy{display:grid;gap:2px}.turn-guide strong{font-size:14px}.turn-guide small{color:var(--muted);font-size:12px}.turn-guide-count{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(51,214,200,.3);border-radius:9px;background:#33d6c81a;color:var(--accent);font-size:14px}.turn-guide-operative .turn-guide-icon{background:#2f6df61f;color:#8fb7ff}.turn-guide-waiting .turn-guide-icon,.turn-guide-spectator .turn-guide-icon{background:#ffffff12;color:var(--muted)}.turn-guide-paused .turn-guide-icon{background:#f5bd551f;color:#f5bd55}.turn-guide-finished .turn-guide-icon{background:#33d6c821;color:var(--accent)}.clue-form{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(320px,1fr) 180px;gap:10px}.clue-form-compact{grid-template-columns:minmax(180px,1fr) 52px 52px}.clue-count-pill{display:grid;place-items:center;min-height:44px;border:1px solid rgba(51,214,200,.24);border-radius:10px;background:#33d6c814;color:var(--accent);font-size:16px;font-weight:850}.icon-submit{min-width:52px;padding:0}.icon-submit svg,.icon-button svg{width:18px;height:18px}.target-picker{display:flex;min-width:0;gap:8px;overflow-x:auto;scrollbar-width:thin}.target-word{flex:0 0 auto;min-height:48px;border:1px solid var(--border);border-radius:12px;padding:0 14px;background:#ffffff0b;color:var(--muted);font-size:13px;font-weight:780;text-transform:uppercase;cursor:pointer}.target-word.selected{border-color:#33d6c89e;background:#33d6c82e;color:var(--text)}.clue-history,.clue-history-list{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.clue-history{color:var(--muted);font-size:12px}.clue-history-list{justify-content:center;gap:6px;border-top:1px solid var(--border);padding-top:10px}.clue-row{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid var(--border);border-radius:999px;padding:0 8px;background:#ffffff0b;color:var(--muted);font-size:12px}.clue-row strong{color:var(--text);text-transform:uppercase}.clue-row span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#ffffff14;color:var(--accent);font-weight:850}.clue-row.active{border-color:#33d6c866}.clue-row.resolved{opacity:.46;filter:saturate(.72)}.icon-button{display:inline-grid;place-items:center;width:31px;height:31px;border:1px solid var(--border);border-radius:9px;background:#ffffff0e;color:var(--muted);cursor:pointer}.owner-control{border-color:#f5bd5547;color:#f5bd55}.room-field-setup .prep-center{min-height:auto;align-content:start}.room-setup-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.room-setup-meta span{border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:#ffffff0b;color:var(--muted);font-size:12px}.spectator-section{display:grid;gap:6px;text-align:left}.spectator-list{display:grid;gap:6px;max-height:92px;overflow:auto;padding-right:2px}.presence-state{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}.presence-state span{width:8px;height:8px;border-radius:999px;background:var(--muted-2)}.presence-state.online{color:#d9f2e2}.presence-state.online span{background:var(--ok);box-shadow:0 0 10px #54d58a6b}.presence-state.offline{color:var(--muted)}.room-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.room-owner-utilities{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.room-settings-grid .settings-field>span{color:var(--muted);font-size:12px}.room-settings-grid .field{min-height:38px}.room-settings-grid .segmented button{min-height:38px;font-size:13px}.room-settings-grid .hard-toggle{min-height:38px}.room-readiness{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.room-readiness span{display:inline-flex;align-items:center;gap:7px;justify-content:center;min-height:31px;border:1px solid var(--border);border-radius:10px;background:#ffffff08;color:var(--muted);font-size:12px}.room-readiness span i{width:7px;height:7px;border-radius:999px;background:#9ea7b3cc}.room-readiness span.ready{border-color:#54d58a57;color:#d9f2e2;background:#54d58a1a}.room-readiness span.ready i{background:var(--ok);box-shadow:0 0 12px #54d58a73}.room-setup-actions{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr) minmax(0,1fr);gap:8px}.room-setup-actions .btn{min-height:42px;padding-inline:12px;font-size:13px}@media(max-width:980px){.room-settings-grid,.room-setup-actions{grid-template-columns:1fr}}.clue-history-item{border:1px solid var(--border);border-radius:999px;padding:7px 10px;background:#ffffff0b}.clue-red{border-color:#e85c5c38}.clue-blue{border-color:#2f78e847}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{width:min(560px,calc(100% - 40px));border:1px solid var(--border);border-radius:26px;background:radial-gradient(circle at 50% 0%,rgba(51,214,200,.14),transparent 46%),#0a1118eb;padding:28px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-head h2{font-size:20px}.modal-form{display:grid;gap:12px}.room-invite-modal{display:grid;gap:14px}.room-invite-list{display:grid;gap:8px;max-height:min(46vh,360px);overflow-y:auto}.room-invite-row{display:flex;align-items:center;gap:10px;min-height:54px;border:1px solid var(--border);border-radius:13px;background:#ffffff09;padding:7px 8px}.room-invite-row .letter-avatar{width:36px;height:36px;font-size:15px}.room-invite-person{display:grid;gap:3px;min-width:0;flex:1}.room-invite-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-invite-person small,.room-invite-empty{color:var(--muted);font-size:13px}.room-invite-row .btn{flex:0 0 auto}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:720px){.form-grid{grid-template-columns:1fr}}.victory-modal{display:grid;justify-items:center;gap:14px;text-align:center}.victory-icon{display:grid;place-items:center;width:74px;height:74px;border-radius:999px;background:#33d6c817;color:var(--accent)}.victory-icon svg{width:36px;height:36px}.victory-modal h2{font-size:36px}.victory-modal p{color:var(--muted)}.victory-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:80;display:grid;gap:10px}.toast{border:1px solid var(--border);border-radius:12px;background:#0a1118eb;color:var(--text);padding:12px 14px;box-shadow:var(--shadow)}.profile-page,.friends-page{display:grid;gap:18px}.profile-hero{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;min-height:360px;padding:28px 32px}.profile-identity{display:grid;align-content:center;justify-items:center;gap:14px}.profile-avatar-large{display:grid;place-items:center;width:164px;height:164px;border:1px solid rgba(51,214,200,.34);border-radius:999px;background:linear-gradient(145deg,#d98449,#9e412c);color:#fff;font-size:76px;font-weight:760;box-shadow:0 0 34px #33d6c82e}.avatar-edit{width:180px}.avatar-remove{width:180px;border-color:#e85c5c47;color:#f2aaaa}.avatar-file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.profile-main{display:grid;align-content:center;gap:12px}.profile-headline{display:flex;justify-content:space-between;gap:18px}.profile-headline h1{font-size:48px;letter-spacing:0}.profile-actions{display:flex;gap:10px}.profile-badges{display:flex;gap:8px}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;background:#ffffff09;color:var(--muted);padding:9px 14px}.status-pill:before{content:"";width:9px;height:9px;border-radius:999px;background:var(--accent)}.status-pill.is-offline:before{background:var(--muted-2);box-shadow:none}.status-pill svg{width:18px;color:var(--accent)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-card{display:grid;justify-items:center;gap:6px;border:1px solid var(--border);border-radius:14px;background:#ffffff09;padding:14px}.stat-card svg{width:28px;height:28px}.stat-card span{color:var(--muted)}.stat-card strong{color:var(--accent);font-size:30px}.stat-blue{color:var(--accent-2)}.stat-gold{color:#f5bd55}.profile-preferences{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preference-card{display:flex;align-items:center;gap:18px;border:1px solid var(--border);border-radius:14px;background:#ffffff09;padding:14px 16px}.preference-icon,.achievement-medal{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:#33d6c81a;color:var(--accent)}.preference-icon.blue{background:#2f6df61f;color:var(--accent-2)}.preference-card span{color:var(--muted)}.preference-card strong{display:block;margin-top:4px;font-size:21px}.profile-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}.profile-section{padding:24px}.profile-section h2{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:22px}.profile-section h2 svg{color:var(--accent)}.activity-list{display:grid;gap:8px}.activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:46px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:#ffffff06;padding:0 14px}.activity-row svg{width:22px;color:var(--accent)}.activity-row time{color:var(--muted);font-size:14px}.achievement-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.achievement-card{display:grid;justify-items:center;gap:8px;text-align:center}.achievement-medal{width:88px;height:88px}.achievement-medal svg{width:44px;height:44px}.achievement-card strong{font-size:18px}.achievement-card span:last-child{color:var(--muted);font-size:14px}.achievement-card.is-locked{opacity:.46}.achievement-card.is-locked .achievement-medal{background:#ffffff0e;color:var(--muted)}.friends-page{grid-template-columns:260px minmax(0,1fr)}.friends-sidebar,.friends-main{padding:26px}.friends-sidebar{display:grid;align-content:start;gap:12px}.friends-sidebar h2{margin-bottom:8px;font-size:26px}.friends-sidebar button{display:flex;justify-content:space-between;min-height:42px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);padding:0 12px;cursor:pointer}.friends-sidebar button.active{border-color:#33d6c83d;background:#33d6c814;color:var(--text)}.friends-main{display:grid;gap:18px}.friends-main-head{display:flex;align-items:center;justify-content:space-between}.friends-main-head h1{font-size:36px}.search-box{position:relative;display:block}.search-box svg{position:absolute;top:50%;left:16px;z-index:1;width:20px;color:var(--muted);transform:translateY(-50%)}.search-box .field{padding-left:48px}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px}.filter-tabs button{min-height:38px;border:1px solid var(--border);border-radius:999px;background:#ffffff09;color:var(--muted);padding:0 14px;cursor:pointer}.filter-tabs button.active{border-color:#33d6c857;background:#33d6c81a;color:var(--text)}.friends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.friend-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--border);border-radius:18px;background:#ffffff09;padding:16px}.friend-card strong{display:block;margin-bottom:4px}.friend-card-actions{display:flex;gap:8px}.friends-empty{grid-column:1 / -1;border:1px dashed var(--border);border-radius:16px;padding:28px;color:var(--muted);text-align:center}.profile-tone-teal{background:linear-gradient(145deg,#2bb9ad,#176960)}.profile-tone-blue{background:linear-gradient(145deg,#3f7fef,#1b3f91)}.profile-tone-violet{background:linear-gradient(145deg,#8d63e8,#422681)}.profile-tone-orange{background:linear-gradient(145deg,#d98449,#9e412c)}.profile-tone-gray{background:linear-gradient(145deg,#6d7683,#303944)}.profile-editor-form label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.avatar-tone-picker{display:grid;gap:8px;margin:0;border:0;padding:0}.avatar-tone-picker legend{color:var(--muted);font-size:13px;font-weight:700}.avatar-tone-picker>div{display:flex;gap:9px}.avatar-tone-option{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:999px;padding:0;cursor:pointer}.avatar-tone-option span{width:22px;height:22px;border-radius:inherit}.avatar-tone-option.selected{border-color:var(--text)}.avatar-tone-option.tone-teal span{background:#2bb9ad}.avatar-tone-option.tone-blue span{background:#3f7fef}.avatar-tone-option.tone-violet span{background:#8d63e8}.avatar-tone-option.tone-orange span{background:#d98449}.avatar-tone-option.tone-gray span{background:#6d7683}.badge{display:inline-flex;align-items:center;min-height:26px;border:1px solid var(--border);border-radius:999px;padding:0 10px;color:var(--text);font-size:12px}.badge-neutral{border-color:var(--border);background:#ffffff0a;color:var(--text)}.badge-success{border-color:#54d68f57;background:#54d68f1f;color:#7ce9ad}.badge-blue{border-color:#2f6df657;background:#2f6df61f;color:#8fb7ff}.badge-red,.badge-danger{border-color:#e85c5c57;background:#e85c5c1f;color:#ff9fa0}.mobile-shell{display:block;min-height:100vh;padding:86px 14px 24px}.route-fallback{grid-template-columns:auto minmax(0,1fr);margin-top:112px}.route-fallback>a{grid-column:1 / -1}.route-fallback>a .btn{width:100%}.mobile-topbar{position:fixed;top:10px;left:10px;right:10px;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;border:1px solid var(--border);border-radius:18px;padding:8px;background:linear-gradient(180deg,#fff1,#ffffff06),#080d13e0;box-shadow:0 18px 52px #00000061;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.mobile-topbar.has-room-code{grid-template-columns:minmax(0,1fr) auto auto}.mobile-topbar:not(.has-room-code){grid-template-columns:max-content auto;justify-content:space-between}.mobile-topbar:not(.has-room-code) .mobile-brand{overflow:visible}.mobile-brand,.mobile-room-chip,.mobile-profile{display:inline-flex;align-items:center}.mobile-brand{gap:9px;overflow:hidden;min-width:0;font-size:16px}.mobile-brand>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(51,214,200,.22);border-radius:12px;background:#0e181feb;color:var(--accent);font-weight:800}.mobile-profile-wrap{position:relative;display:inline-flex}.mobile-brand strong span{color:var(--accent)}.mobile-brand strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-room-chip{gap:6px;height:38px;border:1px solid var(--border);border-radius:12px;padding:0 10px;background:#ffffff0d;color:var(--text);font-size:13px;font-weight:760;transition:border-color .18s ease,background .18s ease,color .18s ease}.mobile-room-chip.copied{border-color:#33d6c870;background:#33d6c81a;color:var(--accent)}.mobile-room-copy-wrap{position:relative;display:inline-flex}.mobile-room-copy-notice{position:absolute;top:calc(100% + 8px);right:0;z-index:2;width:max-content;max-width:min(220px,calc(100vw - 28px));border:1px solid rgba(51,214,200,.26);border-radius:9px;padding:7px 9px;background:#071217f5;box-shadow:0 12px 28px #00000052;color:var(--accent);font-size:11px;font-weight:720;line-height:1;pointer-events:none;animation:mobileRoomCopyNotice .18s ease-out}@keyframes mobileRoomCopyNotice{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.mobile-profile{position:relative;justify-content:center;width:38px;height:38px;border-radius:999px;background:linear-gradient(145deg,#5c626d,#262b32);font-weight:800}.mobile-profile.profile-tone-teal{background:linear-gradient(145deg,#2bb9ad,#176960)}.mobile-profile.profile-tone-blue{background:linear-gradient(145deg,#3f7fef,#1b3f91)}.mobile-profile.profile-tone-violet{background:linear-gradient(145deg,#8d63e8,#422681)}.mobile-profile.profile-tone-orange{background:linear-gradient(145deg,#d98449,#9e412c)}.mobile-profile.profile-tone-gray{background:linear-gradient(145deg,#6d7683,#303944)}.mobile-profile-wrap>.role-icon{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:17px;height:17px;border-radius:999px;background:#080d13e0}.mobile-profile-wrap>.role-icon svg{color:#ffc94a;font-size:13px}.mobile-profile-wrap>.mobile-master-icon{right:-3px;bottom:-3px}.mobile-profile-wrap>.mobile-master-icon svg{color:var(--accent)}.mobile-hero,.mobile-card,.mobile-page-head,.mobile-profile-card,.mobile-stats-grid,.mobile-game-status,.mobile-team-mini{border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(51,214,200,.07),transparent 36%),linear-gradient(145deg,#ffffff0f,#ffffff05),var(--surface);box-shadow:0 18px 54px #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-hero{display:grid;gap:18px;padding:22px}.mobile-pill{display:inline-flex;align-items:center;gap:7px;width:fit-content;border:1px solid var(--border);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.mobile-pill svg{color:var(--accent)}.mobile-hero h1,.mobile-page-head h1,.mobile-profile-card h1{margin-top:14px;font-size:clamp(38px,12vw,56px);line-height:.96;letter-spacing:0}.mobile-hero h1 span,.mobile-page-head h1 span{color:var(--accent)}.mobile-hero p{margin-top:10px;color:var(--muted);font-size:15px}.mobile-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mobile-preview-card{display:grid;place-items:center;min-height:54px;border-radius:10px;font-size:12px;font-weight:850}.mobile-preview-red{background:linear-gradient(145deg,#e85c5c,#982f39)}.mobile-preview-blue{background:linear-gradient(145deg,#2f78e8,#173f92)}.mobile-preview-teal{background:linear-gradient(145deg,#34d6c8,#137f7a)}.mobile-preview-neutral{background:linear-gradient(145deg,#f0ddbe,#d3ba95);color:#171717}.mobile-preview-dark{background:linear-gradient(145deg,#232a31,#0b0f14)}.mobile-card-stack,.mobile-lobby,.mobile-room{display:grid;gap:12px;margin-top:12px}.mobile-friends-shortcut{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;margin-top:12px;border:1px solid var(--border);border-radius:18px;padding:10px 12px;background:#ffffff09;color:var(--text)}.mobile-friends-shortcut-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(51,214,200,.24);border-radius:12px;background:#33d6c814;color:var(--accent)}.mobile-friends-shortcut>span:nth-child(2){display:grid;gap:3px}.mobile-friends-shortcut small{color:var(--muted);font-size:12px}.mobile-friends-shortcut-avatars{display:flex;padding-right:4px}.mobile-friends-shortcut-avatars .letter-avatar{width:28px;height:28px;margin-right:-7px;border:2px solid var(--surface);font-size:11px}.mobile-card{display:grid;gap:14px;padding:18px}.mobile-home-action p{color:var(--muted);font-size:14px}.mobile-card-title,.mobile-card-title span{display:flex;align-items:center;gap:10px}.mobile-card-title.split{justify-content:space-between}.mobile-card-title svg{color:var(--accent)}.mobile-card h2{font-size:20px}.mobile-friend-list,.mobile-player-list{display:grid;gap:8px}.mobile-friend-row,.mobile-friend-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.mobile-friend-card>div{display:grid;gap:2px;min-width:0}.mobile-friend-card strong,.mobile-friend-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-friend-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.mobile-friend-actions .btn{min-width:0;padding-inline:9px}.mobile-friend-row small,.mobile-friend-card small{color:var(--muted)}.mobile-form-card label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.mobile-pending-invite{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 11px;border:1px solid rgba(51,214,200,.24);border-radius:12px;background:#33d6c812;color:var(--muted);font-size:13px}.mobile-pending-invite svg{width:16px;height:16px;color:var(--accent)}.mobile-pending-invite strong{color:var(--text)}.mobile-primary-action{min-height:54px}.mobile-page-head{display:grid;gap:12px;padding:22px}.mobile-page-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-filter-tabs{display:flex;gap:7px;overflow-x:auto}.mobile-filter-tabs button{flex:0 0 auto;min-height:32px;border:1px solid var(--border);border-radius:999px;background:#ffffff09;color:var(--muted);padding:0 11px;font-size:12px}.mobile-filter-tabs button.active{border-color:#33d6c859;background:#33d6c81a;color:var(--text)}.mobile-locked-card{gap:12px}.mobile-lobby-status{display:flex;align-items:center;gap:12px;text-align:left}.mobile-lobby-status h1{font-size:24px}.mobile-lobby-status p{margin-top:3px;color:var(--muted);font-size:13px}.mobile-lobby-lock{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border-radius:14px;background:#33d6c824;color:var(--accent)}.mobile-lobby-lock svg{width:20px;height:20px}.mobile-readiness-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-readiness-list span{display:inline-flex;align-items:center;gap:8px;min-height:34px;border:1px solid var(--border);border-radius:10px;padding:0 10px;color:var(--muted);font-size:11px;text-align:left}.mobile-readiness-list span i{width:7px;height:7px;border-radius:999px;background:#9ea7b3d1}.mobile-readiness-list span.ready{border-color:#54d58a57;color:#d9f2e2;background:#54d58a14}.mobile-readiness-list span.ready i{background:var(--ok);box-shadow:0 0 10px #54d58a73}.mobile-lobby-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-lobby-actions .btn{min-width:0;min-height:42px;padding:0 8px;font-size:12px}.mobile-lobby-actions .mobile-lobby-start{grid-column:1 / -1;min-height:48px;font-size:14px}.mobile-room-invitations{margin-top:12px}.mobile-room-invitations .room-invitation-row{min-height:50px}.mobile-room-invitations .room-invitation-row .btn{min-height:34px;padding-inline:9px}.mobile-team-card{border-color:#ffffff1f}.mobile-red{border-color:#e85c5c52}.mobile-blue{border-color:#2f78e85c}.mobile-team-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-player-list>span,.mobile-master-slot>span,.mobile-operatives-slot>span{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#ffffff0a}.mobile-player-list>span b,.mobile-master-slot>span b,.mobile-operatives-slot>span b{display:inline-flex;align-items:center;gap:9px;font-weight:650}.mobile-player-list>span .letter-avatar,.mobile-master-slot>span .letter-avatar,.mobile-operatives-slot>span .letter-avatar{width:30px;height:30px;font-size:13px}.mobile-player-list>span small,.mobile-master-slot>span small,.mobile-operatives-slot>span small{color:var(--muted-2);font-size:12px}.mobile-player-list>span small.online,.mobile-master-slot>span small.online,.mobile-operatives-slot>span small.online{color:var(--ok)}.mobile-master-slot,.mobile-operatives-slot,.mobile-team-master-slot,.mobile-team-operatives-slot{display:grid;gap:7px}.mobile-master-slot,.mobile-team-master-slot{border:1px solid rgba(51,214,200,.24);border-radius:12px;padding:8px;background:#33d6c80d}.mobile-master-slot>small,.mobile-operatives-slot>small,.mobile-team-master-slot>small,.mobile-team-operatives-slot>small{color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}.mobile-empty-member{color:var(--muted-2);font-size:12px;text-align:center}.mobile-player-list svg{color:#ffc94a}.mobile-player-list .master-icon svg,.mobile-player-name .master-icon svg{color:var(--accent)}.mobile-game-status{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;overflow:hidden;text-align:left}.mobile-game-status:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.mobile-game-status>*{position:relative;z-index:1}.mobile-game-status.mobile-status-red{border-color:#e85c5c66;background:linear-gradient(108deg,#e85c5c29,#e85c5c05 68%),var(--surface);box-shadow:0 18px 54px #00000059,0 0 26px #e85c5c1a}.mobile-game-status.mobile-status-blue{border-color:#2f78e86b;background:linear-gradient(108deg,#2f78e82e,#2f78e805 68%),var(--surface);box-shadow:0 18px 54px #00000059,0 0 26px #2f78e81c}.mobile-game-status.mobile-status-paused{border-color:#f5bd5559;background:linear-gradient(108deg,#f5bd5521,#f5bd5505 68%),var(--surface)}.mobile-game-status-copy{display:grid;min-width:0;gap:2px}.mobile-game-status-copy>span{color:var(--text);font-size:14px;font-weight:800}.mobile-game-status-copy>small{color:var(--muted);font-size:11px}.mobile-game-tools{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.mobile-turn-clock{display:inline-grid;place-items:center;min-width:46px;height:24px;border:1px solid rgba(51,214,200,.26);border-radius:8px;background:#33d6c814;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:0}.mobile-game-tools .icon-button{width:28px;height:28px}.mobile-room .board-wrap,.mobile-room .action-panel{border-radius:20px;padding:12px}.mobile-room .action-panel{position:sticky;bottom:10px;z-index:12;padding:10px;box-shadow:0 20px 42px #0000005c}.mobile-room .game-board{gap:6px}.mobile-room .game-card{min-height:54px;border-radius:10px;padding:4px;overflow:hidden;white-space:normal}.mobile-room .game-card .card-word{max-width:calc(100% - 4px);overflow-wrap:anywhere;word-break:normal;line-height:1.02;font-size:10px}.mobile-room .game-card .card-word-medium{font-size:8px}.mobile-room .game-card .card-word-long{font-size:7px}.mobile-room .vote-avatar{width:18px;height:18px;font-size:9px}.mobile-room .vote-avatars{right:5px;bottom:5px}.mobile-room .game-card em{left:5px;right:5px}.mobile-room .target-number{top:4px;left:4px;min-width:17px;height:17px;padding:0 2px;font-size:9px}.mobile-room .clue-log,.mobile-room .turn-guide{border-radius:16px}.mobile-room .clue-log{align-items:flex-start;flex-direction:column;gap:7px}.mobile-room .clue-log-list{width:100%}.mobile-room .clue-log-controls{width:100%;margin-left:0}.mobile-room .clue-vote-status{width:100%;min-height:32px;justify-content:center}.mobile-room .clue-pass-button{width:100%;justify-content:center}.mobile-room .turn-guide{min-height:52px}.mobile-room .action-panel-main{grid-template-columns:1fr}.mobile-room .clue-form.clue-form-compact{grid-template-columns:minmax(0,1fr) 42px 42px;gap:7px}.mobile-room .clue-form .field,.mobile-room .clue-form input{min-width:0}.mobile-room .clue-count-pill,.mobile-room .clue-form .icon-submit{min-height:44px;min-width:42px}.mobile-room .action-panel-main{gap:8px}.mobile-room .action-panel p{font-size:14px}.mobile-room .action-panel .btn{min-height:48px;font-size:15px}.mobile-room .clue-history-list{justify-content:flex-start;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.mobile-room .clue-row{white-space:nowrap}.mobile-room .target-picker{max-width:calc(100vw - 56px)}@media(max-width:360px){.mobile-topbar.has-room-code{grid-template-columns:auto minmax(0,1fr) auto}.mobile-topbar.has-room-code .mobile-brand strong{display:none}.mobile-room-chip{justify-content:center;padding-inline:8px}.mobile-room .game-card{padding:2px}.mobile-room .game-card .card-word{max-width:100%;font-size:9px;line-height:1}.mobile-room .game-card .card-word-medium{font-size:7px}.mobile-room .game-card .card-word-long{font-size:6px}}.mobile-team-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-team-mini{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.mobile-team-mini strong{font-size:24px}.mobile-playing-teams{display:grid;gap:8px}.mobile-team-roster{border:1px solid var(--border);border-radius:14px;background:#ffffff08;overflow:hidden}.mobile-team-roster.active{border-color:#33d6c84d}.mobile-team-roster-head{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;border:0;background:transparent;padding:0 12px;cursor:pointer}.mobile-team-roster-head span{font-size:14px}.mobile-team-roster-head b{color:var(--accent);font-size:18px}.mobile-team-roster-meta{display:inline-flex;align-items:center;gap:6px}.mobile-team-roster-meta svg{color:var(--muted);width:14px;height:14px}.mobile-team-roster-list{display:grid;gap:6px;padding:0 10px 10px}.mobile-team-roster-row{display:flex;align-items:center;justify-content:space-between;min-height:34px;border:1px solid var(--border);border-radius:10px;background:#ffffff08;padding:0 8px}.mobile-player-name{display:inline-flex;align-items:center;gap:7px;font-size:13px}.mobile-player-name .letter-avatar{width:24px;height:24px;font-size:11px}.mobile-player-name svg{color:#f5bd55}.mobile-team-roster-row small{color:var(--muted-2);font-size:11px}.mobile-team-roster-row small.online{color:var(--ok)}.mobile-team-roster-empty{color:var(--muted-2);font-size:12px;text-align:center;padding:8px 0 2px}.mobile-team-clues{display:grid;gap:6px;border-top:1px solid var(--border);margin-top:2px;padding-top:8px}.mobile-team-clues>small{color:var(--muted-2);font-size:11px;font-weight:720}.mobile-team-clue{display:inline-flex;align-items:center;justify-content:space-between;min-height:30px;border:1px solid var(--border);border-radius:8px;padding:0 8px;background:#ffffff08}.mobile-team-clue b{color:var(--text);font-size:12px;text-transform:uppercase}.mobile-team-clue i{display:grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#ffffff14;color:var(--accent);font-size:11px;font-style:normal;font-weight:820}.mobile-team-clue.done{opacity:.44;filter:saturate(.7)}.mobile-team-clue.active{border-color:#33d6c86b;background:#33d6c814}.mobile-team-roster.mobile-red .mobile-team-clue.active{border-color:#e85c5c7a;background:#e85c5c1a}.mobile-team-roster.mobile-blue .mobile-team-clue.active{border-color:#2f78e87a;background:#2f78e81a}.mobile-team-pass .clue-pass-button{width:100%;justify-content:center}.mobile-profile-card{display:grid;justify-items:center;gap:12px;padding:26px 18px;text-align:center}.mobile-profile-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mobile-profile-avatar{display:grid;place-items:center;width:104px;height:104px;border-radius:999px;background:linear-gradient(145deg,#d98748,#853a2d);font-size:56px;font-weight:850}.mobile-profile-avatar.profile-tone-teal{background:linear-gradient(145deg,#2bb9ad,#176960)}.mobile-profile-avatar.profile-tone-blue{background:linear-gradient(145deg,#3f7fef,#1b3f91)}.mobile-profile-avatar.profile-tone-violet{background:linear-gradient(145deg,#8d63e8,#422681)}.mobile-profile-avatar.profile-tone-orange{background:linear-gradient(145deg,#d98449,#9e412c)}.mobile-profile-avatar.profile-tone-gray{background:linear-gradient(145deg,#6d7683,#303944)}.mobile-profile-preferences{grid-template-columns:1fr 1fr;gap:10px}.mobile-profile-preferences>span{display:grid;gap:5px;border:1px solid var(--border);border-radius:14px;padding:12px;color:var(--muted);font-size:12px}.mobile-profile-preferences svg{width:20px;color:var(--accent)}.mobile-profile-preferences strong{color:var(--text);font-size:16px}.mobile-public-achievements>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-public-achievements>div>span{display:grid;justify-items:center;gap:6px;min-height:78px;border:1px solid var(--border);border-radius:14px;padding:10px;color:var(--muted);font-size:12px;text-align:center}.mobile-public-achievements>div>span svg{width:22px;color:var(--accent)}.mobile-public-achievements>div>span.locked{opacity:.45}.mobile-activity-card{gap:10px}.mobile-activity-card h2{font-size:18px}.mobile-activity-card>span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.mobile-activity-card svg{color:var(--accent)}.mobile-empty-state{color:var(--muted);text-align:center}.mobile-profile-pills,.mobile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-profile-pills span,.mobile-stats-grid span{border:1px solid var(--border);border-radius:14px;padding:10px;background:#ffffff0b}.mobile-stats-grid{margin-top:12px;padding:14px}.mobile-stats-grid small{display:block;color:var(--muted)}.mobile-stats-grid strong{display:block;margin-top:4px;color:var(--accent);font-size:26px}@media(max-width:1180px){.app-shell{padding-inline:24px}.topbar{width:calc(100% - 48px)}.hero-card,.create-layout,.home-actions,.prep-layout,.game-layout,.profile-hero,.profile-grid,.friends-page{grid-template-columns:1fr}.preview-board{grid-template-columns:repeat(3,minmax(90px,1fr))}.team-panel,.prep-team,.prep-center{min-height:auto}.game-layout,.prep-layout{gap:12px}}@media(min-width:721px)and (max-width:1349px){.prep-layout,.game-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.prep-center,.game-center{grid-column:1 / -1;grid-row:2}.prep-team,.team-panel{padding:16px}.team-panel .team-head{display:flex;align-items:end;justify-content:space-between}.team-panel .team-remaining{font-size:32px}.team-panel .team-divider{margin:12px 0}.team-panel .player-list{gap:8px}}@media(min-width:1350px)and (max-width:1500px){.prep-layout,.game-layout{grid-template-columns:188px minmax(0,1fr) 188px}.prep-team,.team-panel{padding:16px}.prep-team-actions .btn{padding-inline:10px;font-size:13px}.prep-player{grid-template-columns:auto minmax(0,1fr) auto;gap:7px}.prep-player strong{gap:4px;font-size:14px}.prep-player .presence-state{gap:0;font-size:0}}@media(max-width:720px){.app-shell{padding:102px 14px 24px}.topbar{top:14px;width:calc(100% - 28px);height:66px;border-radius:18px}.brand>span:last-child,.profile-name,.room-chip span{display:none}.brand-mark{width:44px;height:44px}.hero-card{min-height:auto;padding:28px}.hero-copy h1,.profile-headline h1{font-size:46px}.hero-copy p{font-size:18px}.settings-grid,.profile-stats,.profile-preferences,.achievement-list,.friends-grid,.clue-form{grid-template-columns:1fr}.mobile-room .clue-form.clue-form-compact{grid-template-columns:minmax(0,1fr) 42px 42px}.game-status-bar{grid-template-columns:1fr;gap:8px;padding:14px}.game-status-bar .status-right{justify-self:start;flex-wrap:wrap}.game-card{min-height:52px;font-size:13px}.board-wrap{padding:10px}.friend-line,.friend-card{grid-template-columns:auto minmax(0,1fr)}}