@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;900&family=Inter:wght@400;500;600;700;800&display=swap");:root{color-scheme:dark;--bg-0:#0b0817;--bg-1:#15102a;--bg-2:#1c1638;--surface:rgba(28,22,56,.78);--surface-soft:rgba(20,16,38,.62);--line:rgba(212,175,95,.22);--line-strong:rgba(212,175,95,.48);--text:#f3ebd2;--muted:#b9b0c8;--gold:#d4af5f;--gold-bright:#f1cf7a;--crimson:#c0392b;--crimson-bright:#e85b4a;--good:#7ec8f5;--evil:#e85b4a;--success:#82d4a6;--radius:10px;--radius-lg:18px;--shadow-glow:0 0 28px rgba(212,175,95,.22)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:radial-gradient(1200px 700px at 12% -10%,rgba(120,60,180,.32),transparent 65%),radial-gradient(900px 600px at 100% 0,rgba(192,57,43,.18),transparent 60%),radial-gradient(800px 600px at 50% 110%,rgba(212,175,95,.12),transparent 60%),linear-gradient(180deg,var(--bg-0) 0,var(--bg-1) 60%,var(--bg-2) 100%);background-attachment:fixed;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:68px;justify-content:space-between;gap:16px;padding:0 28px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(11,8,23,.92),rgba(11,8,23,.7));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:14px}.brandMark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--gold-bright),var(--gold) 60%,#6b4d1a 100%);color:#1a1232;font-family:Cinzel,serif;font-weight:900;box-shadow:var(--shadow-glow)}.brand small,.brand strong{display:block}.brand strong{font-family:Cinzel,serif;font-weight:700;letter-spacing:.05em;color:var(--gold-bright)}.brand small{color:var(--muted);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.topNav{display:flex;gap:6px}.topNav,.topNav a{align-items:center}.topNav a{display:inline-flex;min-height:34px;padding:0 14px;border-radius:999px;color:var(--muted);font-size:13px;letter-spacing:.06em;transition:color .18s,background .18s}.topNav a:hover{color:var(--gold-bright);background:rgba(212,175,95,.08)}.sessionPill{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:rgba(28,22,56,.7);color:var(--text);font-size:13px}.onlineDot{width:7px;height:7px;border-radius:999px;background:var(--success);box-shadow:0 0 12px rgba(130,212,166,.8)}.langToggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(28,22,56,.7)}.langToggle button{min-width:32px;height:26px;padding:0 10px;border:none;border-radius:999px;background:transparent;color:var(--muted);font-size:12px;letter-spacing:.06em;cursor:pointer}.langToggle button.active{background:linear-gradient(135deg,var(--gold),var(--gold-bright));color:#1a1232;font-weight:700}.topRight{display:flex;align-items:center;gap:12px}.userMenu{position:relative}.avatarBtn{width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--line-strong);background:transparent;cursor:pointer;display:grid;place-items:center;transition:transform .15s,box-shadow .15s}.avatarBtn:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.avatarMark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,var(--gold-bright),var(--gold) 60%,#6b4d1a 100%);color:#1a1232;font-family:Cinzel,serif;font-weight:900;font-size:14px}.avatarMark.sm{width:36px;height:36px;font-size:15px}.menuPop{position:absolute;top:calc(100% + 12px);right:0;min-width:240px;padding:10px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,rgba(28,22,56,.96),rgba(20,16,38,.96));box-shadow:0 24px 56px -16px rgba(0,0,0,.8),0 0 0 1px rgba(212,175,95,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;animation:menuIn .16s ease-out}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menuHead{display:flex;align-items:center;gap:12px;padding:10px 10px 12px}.menuHead strong{display:block;color:var(--text);font-size:14px}.menuHead small{color:var(--muted);font-size:11px;letter-spacing:.06em}.menuDivider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent);margin:4px 0}.menuItem{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:8px;border:none;background:transparent;color:var(--text);font-size:13.5px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.menuItem:hover{background:rgba(212,175,95,.1);color:var(--gold-bright)}.menuItem.danger:hover{background:rgba(232,91,74,.12);color:var(--crimson-bright)}.menuIcon{width:18px;justify-content:center;color:var(--gold)}.backStrip,.menuIcon{display:inline-flex;font-size:13px}.backStrip{align-items:center;gap:8px;padding:8px 14px;margin-bottom:16px;border:1px solid var(--line);border-radius:999px;background:rgba(20,16,38,.6);color:var(--muted);transition:color .15s,border-color .15s}.backStrip:hover{color:var(--gold-bright);border-color:var(--line-strong)}.backStrip:before{content:"←";color:var(--gold)}.lobbyGrid{display:grid;grid-template-columns:260px minmax(0,1fr) 280px;grid-gap:20px;gap:20px;align-items:start}.lobbySide h2{margin-bottom:6px}.seatList{display:grid;grid-gap:10px;gap:10px}.seatCard{position:relative;display:grid;grid-template-columns:36px 44px 1fr auto;grid-gap:14px;gap:14px;align-items:center;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(28,22,56,.78),rgba(20,16,38,.62));transition:border-color .18s,transform .15s,box-shadow .18s}.seatCard--empty{grid-template-columns:36px 1fr auto;border-style:dashed;border-color:rgba(212,175,95,.28);background:rgba(20,16,38,.4)}.seatCard--empty .seatBody strong{color:var(--muted)}.seatCard:hover{border-color:var(--line-strong);transform:translateY(-1px)}.seatCard--you{border-color:var(--gold);box-shadow:0 0 0 1px rgba(212,175,95,.3),0 0 28px -8px rgba(212,175,95,.35)}.seatIndex{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);place-items:center;color:var(--gold-bright);font-size:13px;background:rgba(0,0,0,.3)}.seatAvatar,.seatIndex{display:grid;font-family:Cinzel,serif}.seatAvatar{width:40px;height:40px;border-radius:50%;place-items:center;font-weight:800;color:#1a1232;background:radial-gradient(circle at 30% 30%,var(--gold-bright),var(--gold) 60%,#6b4d1a 100%)}.seatCard--agent .seatAvatar{background:radial-gradient(circle at 30% 30%,#c8a4ff,#7e57c2 60%,#3c1a78 100%);color:#fff}.seatBody strong{display:block;font-size:15px}.seatHint{margin:4px 0 0;font-size:12px;color:var(--muted)}.seatActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.seatActions .button{min-height:34px;padding:0 12px;font-size:12px}.drawerOverlay{position:fixed;inset:0;background:rgba(7,4,18,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;z-index:50;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{width:min(440px,100%);margin-left:auto;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(28,22,56,.98),rgba(15,12,30,.98));border-left:1px solid var(--line);box-shadow:-24px 0 64px -24px rgba(0,0,0,.7);animation:slideIn .22s ease-out}@keyframes slideIn{0%{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}.modal{width:min(480px,100%);margin:auto;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,rgba(28,22,56,.98),rgba(15,12,30,.98));box-shadow:0 30px 80px -20px rgba(0,0,0,.8);animation:slideIn .18s ease-out}.drawerHead{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.drawerHead h2{font-size:16px;letter-spacing:.1em}.drawerBody{padding:22px;display:grid;grid-gap:18px;gap:18px;overflow-y:auto;flex:1 1}.drawerFoot{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--line);background:rgba(0,0,0,.2)}.iconBtn{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:18px;display:grid;place-items:center}.iconBtn:hover{color:var(--gold-bright);border-color:var(--line-strong)}.slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--gold),rgba(212,175,95,.18));outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,var(--gold-bright),var(--gold));border:2px solid #1a1232;cursor:pointer;box-shadow:0 0 12px rgba(212,175,95,.6)}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--gold);border:2px solid #1a1232;cursor:pointer}@media (max-width:960px){.lobbyGrid{grid-template-columns:1fr}.drawer{margin:0;width:100%}}.page{width:min(1280px,calc(100vw - 32px));margin:0 auto;padding:44px 0 64px}.hero{min-height:calc(100vh - 140px);display:grid;grid-template-columns:minmax(0,1.15fr) 380px;grid-gap:36px;gap:36px;align-items:center;position:relative}.hero:before{content:"";position:absolute;inset:-120px -40px auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,95,.18),transparent 65%);pointer-events:none;z-index:-1}.heroStage{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center}.heroCenter{width:100%;max-width:940px;text-align:center;position:relative}.heroCenter:after,.heroCenter:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(8px)}.heroCenter:before{top:-160px;left:-120px;background:radial-gradient(circle,rgba(120,60,180,.32),transparent 60%)}.heroCenter:after{bottom:-160px;right:-120px;background:radial-gradient(circle,rgba(212,175,95,.18),transparent 60%)}.heroCenter h1{margin-top:16px}.heroCenter .lead{max-width:56ch}.ornament{display:flex;align-items:center;gap:14px;justify-content:center;margin:56px 0 28px;color:var(--gold)}.ornament span{flex:0 1 140px;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.ornamentMark{font-size:14px;letter-spacing:.4em;color:var(--gold-bright);text-shadow:0 0 18px rgba(212,175,95,.5)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.eyebrow:before{content:"✦";color:var(--gold-bright)}h1{margin:18px 0 0;font-weight:700;font-size:clamp(40px,6.2vw,78px);line-height:1.04;letter-spacing:.01em;background:linear-gradient(180deg,#fff5d6 0,var(--gold-bright) 60%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.4)}h1,h2{font-family:Cinzel,serif}h2{margin:0;font-size:18px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright)}h3{margin:0 0 6px;font-family:Cinzel,serif;font-size:20px;letter-spacing:.06em;color:var(--text)}p{color:var(--muted);line-height:1.75;font-size:15px}.lead{font-size:17px;max-width:56ch;color:hsla(45,58%,89%,.82)}.card,.panel{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(28,22,56,.82),rgba(20,16,38,.62));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 24px 48px -32px rgba(0,0,0,.8)}.panel{padding:24px}.card{padding:20px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card.hoverable:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 30px 64px -28px rgba(212,175,95,.25)}.modeCard{display:flex;flex-direction:column;gap:10px;padding:22px;cursor:pointer;text-align:left}.modeCard .modeIcon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(212,175,95,.12);border:1px solid var(--line);color:var(--gold-bright);font-size:22px}.grid{display:grid;grid-gap:18px;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.row{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(28,22,56,.9);color:var(--text);padding:0 20px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform .12s,border-color .18s,background .18s}.button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.button.primary{border-color:transparent;background:linear-gradient(135deg,var(--gold-bright) 0,var(--gold) 55%,#8b6918 100%);color:#1a1232;font-weight:800;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 12px 28px -10px rgba(212,175,95,.55)}.button.primary:hover{filter:brightness(1.05)}.button.ghost{background:transparent}.button.danger{border-color:rgba(232,91,74,.5);color:var(--crimson-bright)}.input,.select,.textarea{width:100%;min-height:44px;border:1px solid rgba(212,175,95,.28);border-radius:var(--radius);background:rgba(11,8,23,.6);color:var(--text);padding:0 14px;transition:border-color .18s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,95,.18)}.textarea{min-height:96px;padding:12px 14px;resize:vertical}.label{display:block;margin-bottom:8px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.split{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-gap:24px;gap:24px;align-items:start}.threeColumn{display:grid;grid-template-columns:260px minmax(0,1fr) 360px;grid-gap:18px;gap:18px}.message,.mission,.seat{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(20,16,38,.72)}.seat{display:flex;justify-content:space-between;gap:12px}.seat,.tag{align-items:center}.tag{display:inline-flex;min-height:24px;padding:2px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tag.good{color:var(--good);border-color:rgba(126,200,245,.5)}.tag.evil{color:var(--evil);border-color:rgba(232,91,74,.5)}.tag.gold{color:var(--gold-bright);border-color:var(--line-strong)}.missionBoard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.missionBoard .mission:nth-last-child(-n+1):nth-child(odd){grid-column:span 2}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent);margin:14px 0;border:none}.kbd{display:inline-block;padding:2px 6px;border:1px solid var(--line);border-radius:6px;background:rgba(0,0,0,.3);color:var(--gold);font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.glow{text-shadow:0 0 18px rgba(212,175,95,.45)}@media (max-width:960px){.grid.three,.grid.two,.hero,.split,.threeColumn{grid-template-columns:1fr}.topNav{display:none}.hero{min-height:auto;padding-top:24px}}