:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#10131f;--surface:#1a1e2c;--surface2:#252a3c;--panel:#161b2a;--line:#343c50;--txt:#f3f4fa;--muted:#a5adc1;--accent:#9c8cfa;--accent2:#d7b7ff;--green:#54dab3;--red:#fe8a96;--yellow:#f8cf77;--shadow:0 24px 85px #07091380}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;background:radial-gradient(circle at 80% -10%,#30235299,transparent 33%),radial-gradient(circle at 0 75%,#15383c62,transparent 40%),var(--bg);min-height:100vh;color:var(--txt)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}#app{min-height:100vh}.initial{height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.brand-mark{background:linear-gradient(145deg,#8f75ee,#e1b3ff);color:#161323;border-radius:17px;padding:12px 18px;font-size:38px;font-weight:800;display:inline-block;margin:auto auto 12px}.page{max-width:1110px;margin:auto;padding:25px 20px 75px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:36px}.logo{display:flex;align-items:center;gap:12px;color:var(--txt);text-decoration:none}.logo:hover{text-decoration:none}.logo-ico{background:linear-gradient(135deg,#9c8cfa,#d7b7ff);color:#141120;width:43px;height:43px;display:grid;place-items:center;border-radius:14px;font-weight:1000;font-size:23px;box-shadow:0 12px 32px #7f6ae93b}.logo strong{font-size:23px;letter-spacing:.09em}.logo small{display:block;font-size:11px;color:var(--muted);letter-spacing:.1em;margin-top:1px}.nav{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.nav button,.chip,.small-btn{border:1px solid var(--line);background:#242939;border-radius:12px;padding:10px 13px;color:var(--txt);transition:.2s}.nav button:hover,.chip:hover,.small-btn:hover{border-color:var(--accent)}.nav button.active{background:#514388;border-color:#7863c5}.hero{display:flex;justify-content:space-between;gap:22px;align-items:center;margin:20px 0 25px}.kicker{display:inline-block;color:var(--green);font-weight:750;text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin:0 0 10px}h1{font-size:clamp(31px,5vw,54px);letter-spacing:-.055em;line-height:1.08;margin:0 0 12px;font-weight:850}h2{font-size:24px;letter-spacing:-.035em;margin:0 0 12px}h3{font-size:17px;margin:0 0 10px}p{line-height:1.55}p.muted,.muted,.sub{color:var(--muted)}.sub{font-size:13px;line-height:1.5}.flex{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{display:flex;justify-content:space-between;align-items:center;gap:14px}.stack{display:grid;gap:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.panel,.feature{background:linear-gradient(140deg,#202538,#171c2a);border:1px solid var(--line);border-radius:23px;padding:25px;box-shadow:0 10px 35px #0809132b}.feature{min-height:210px;display:flex;flex-direction:column}.feature .icon-big{font-size:38px;margin-bottom:16px}.feature h3{font-size:22px}.feature .buttons{margin-top:auto}.accent-panel{background:linear-gradient(130deg,#342d58,#1f2440 70%);border-color:#60558d}.button{border:1px solid transparent;background:linear-gradient(135deg,#a995ff,#8d78ed);color:#171127;border-radius:13px;padding:12px 17px;font-weight:800;box-shadow:0 7px 19px #7e6ad02b;transition:.15s;white-space:normal}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.secondary{background:#30364d;color:var(--txt);border-color:#414960;box-shadow:none}.button.ghost{background:transparent;border-color:var(--line);color:var(--txt);box-shadow:none}.button.danger{background:#5f3542;color:#ffe8ed;box-shadow:none}.button.green{background:var(--green);color:#093e32}.button.block{width:100%}.button.sm{padding:8px 11px;font-size:13px}.text-link{padding:0;background:transparent;border:0;color:var(--accent2);font-weight:700}.label{display:block;color:#c2c8d8;font-size:13px;font-weight:700;margin:0 0 7px}.field{width:100%;background:#111625;border:1px solid #394156;border-radius:12px;color:var(--txt);padding:12px 14px;outline:none;min-height:46px}.field:focus{border-color:#ac91ff;box-shadow:0 0 0 3px #a58dfc19}.field::placeholder{color:#68718a}.form-line{margin-bottom:17px}.form-line:last-child{margin-bottom:0}.hint{font-size:12px;color:var(--muted);margin:7px 0 0}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.theme{border:1px solid #394359;background:#1d2335;color:var(--txt);text-align:left;border-radius:13px;padding:14px;display:flex;align-items:center;gap:9px;min-height:62px}.theme.selected{background:#403765;border-color:#b19aff;box-shadow:inset 0 0 0 1px #a995ff55}.theme .count{font-size:11px;color:#aab5ca;margin-left:auto}.theme .emoji{font-size:20px}.pill{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;background:#34334c;border:1px solid #565079;border-radius:999px;font-size:12px;color:#decffd;font-weight:750}.pill.green{color:#9cf6d0;border-color:#236b61;background:#193938}.pill.yellow{color:#ffe9aa;background:#423a2a;border-color:#6d5835}.pill.red{color:#ffc6cf;border-color:#784650;background:#452832}.big-code{font-size:clamp(42px,8vw,75px);font-weight:850;letter-spacing:.16em;font-variant-numeric:tabular-nums;margin:10px 0 13px;background:linear-gradient(135deg,#c1afff,#e2d7ff);color:transparent;background-clip:text}.participants{display:grid;gap:9px}.participant{display:flex;align-items:center;gap:11px;background:#1a2030;border:1px solid #333a4d;border-radius:13px;padding:12px}.avatar{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:#4b416e;color:#e0d6ff;font-weight:800}.participant .name{font-weight:750}.participant .right{margin-left:auto}.participant.eliminated{opacity:.43}.number{font-size:11px;color:var(--muted)}.secret-card{text-align:center;padding:31px 12px;border:1px solid #5f528d;background:radial-gradient(circle at 50% 0,#504079,#25233d 75%);border-radius:20px}.secret-card .reveal-icon{font-size:43px}.secret-card .secret-word{font-size:clamp(27px,5vw,45px);line-height:1.2;font-weight:900;margin:16px 0;word-break:break-word}.secret-card .secret-role{font-size:14px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#cbbbff}.secret-card.impostor{border-color:#aa586f;background:radial-gradient(circle at 50% 0,#613747,#2b2333 75%)}.secret-card.impostor .secret-role{color:#ffafc0}.progress{height:10px;background:#303646;border-radius:15px;overflow:hidden;margin:12px 0}.progress span{height:100%;display:block;background:linear-gradient(90deg,#7ce9c0,#a99bff);transition:width .35s}.timer{font-size:32px;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:.03em}.timer.danger{color:var(--red)}.clue-list{display:grid;gap:9px}.clue{display:flex;align-items:flex-start;gap:13px;background:#191f30;border-radius:12px;border:1px solid #343b52;padding:12px}.clue strong{color:var(--green)}.vote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vote-choice{min-height:70px;text-align:left;background:#21273a;color:var(--txt);border:1px solid #414962;border-radius:13px;padding:13px;font-weight:700}.vote-choice:hover{border-color:#bcafff;background:#332d4b}.status{border:1px solid #4a406e;border-radius:12px;background:#29233e;padding:13px;color:#e7defe;font-size:14px;margin:12px 0}.divider{height:1px;background:var(--line);margin:18px 0}.full{width:100%}.ranking{width:100%;border-collapse:collapse}.ranking th,.ranking td{text-align:left;padding:13px 9px;border-bottom:1px solid var(--line);font-size:13px}.ranking th{color:var(--muted);font-weight:700}.ranking tr.me{background:#2e2d46}.rank{color:var(--accent2);font-size:18px;font-weight:900}.metric{font-size:30px;font-weight:850}.metric-label{color:var(--muted);font-size:12px}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:13px 0 21px}.toolbar .field{width:auto}.chip.selected{background:#534583;border-color:#9e90e8}.toast{position:fixed;z-index:100;left:50%;bottom:22px;transform:translate(-50%,110px);padding:13px 18px;background:#323b56;border:1px solid #677194;border-radius:13px;color:white;max-width:min(460px,90vw);box-shadow:var(--shadow);opacity:0;transition:.25s;pointer-events:none;text-align:center;font-size:14px}.toast.show{transform:translate(-50%,0);opacity:1}.toast.error{background:#512e37;border-color:#965464}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;max-width:1160px;margin:auto;gap:45px;align-items:center;padding:35px}.auth-side{padding:25px}.auth-illustration{height:300px;position:relative;display:grid;place-items:center}.orbit{width:250px;height:250px;border-radius:50%;border:2px dashed #7563c083;display:grid;place-items:center;transform:rotate(-13deg)}.core{border-radius:50%;width:130px;height:130px;display:grid;place-items:center;font-size:75px;background:linear-gradient(135deg,#9b86fb,#e3bdff);box-shadow:0 0 95px #ad81fe55}.dot{position:absolute;width:46px;height:46px;border-radius:50%;background:#2d304e;border:1px solid #7b6bb5;display:grid;place-items:center;font-size:24px}.dot.one{top:30px;left:18%}.dot.two{top:95px;right:13%}.dot.three{bottom:30px;left:18%}.auth-box{max-width:470px;width:100%}.auth-box .panel{padding:34px}.footer{text-align:center;margin-top:34px;color:#758198;font-size:12px}.loading{padding:40px;text-align:center;color:var(--muted)}.spinner{display:inline-block;width:22px;height:22px;border-radius:50%;border:3px solid #605b7d;border-top-color:#c2b3ff;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.admin-table{max-width:100%;overflow:auto}.admin-table table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{padding:10px 7px;border-bottom:1px solid #30374b;text-align:left}.admin-table th{color:var(--muted)}.empty{text-align:center;padding:36px 15px;color:var(--muted);border:1px dashed #465069;border-radius:18px}.action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.tiny{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.wrap-word{overflow-wrap:anywhere}.intro-block{max-width:760px;margin:55px auto}.intro-block .panel{padding:32px}.badge-dot{width:7px;height:7px;background:#5bdbac;border-radius:50%;display:inline-block}.mobile-only{display:none}
@media(max-width:800px){.auth-shell{grid-template-columns:1fr;gap:8px;padding:20px}.auth-side{padding:18px;text-align:center}.auth-illustration{height:180px}.orbit{width:160px;height:160px}.core{width:92px;height:92px;font-size:55px}.dot.one{left:12%;top:20px}.dot.two{right:7%;top:55px}.dot.three{left:12%;bottom:14px}.auth-box{max-width:530px;margin:auto}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.page{padding:20px 15px 85px}.top{align-items:flex-start;margin-bottom:25px}.logo strong{font-size:19px}.logo small{font-size:9px}.nav button{padding:8px;font-size:12px}.hero{display:block}.hero .hero-actions{margin-top:18px}.auth-side h1{font-size:39px}}
@media(max-width:560px){.grid,.grid3{grid-template-columns:1fr}.theme-grid,.vote-grid{grid-template-columns:1fr 1fr}.panel{padding:18px;border-radius:18px}.feature{min-height:170px}.logo-ico{width:37px;height:37px}.logo strong{font-size:17px}.top{gap:8px}.nav{gap:5px}.nav button{font-size:11px;padding:8px 7px}.auth-shell{padding:12px}.auth-side{padding:12px}.auth-box .panel{padding:22px}.big-code{font-size:47px}.ranking th,.ranking td{padding:11px 4px;font-size:12px}.mobile-only{display:initial}.desktop-only{display:none}}