:root{color-scheme:dark;--bg:#090b18;--panel:rgba(13,18,38,.78);--panel2:rgba(255,255,255,.08);--border:rgba(255,255,255,.16);--text:#f8fafc;--muted:#9aa7bd;--brand:#00e5ff;--brand2:#b86bff;--hot:#ff5ea8;--good:#34d399;--warn:#fbbf24;--shadow:0 24px 80px rgba(0,0,0,.38)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Segoe UI",system-ui,sans-serif;background:linear-gradient(135deg,#070816 0%,#121833 48%,#201038 100%);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}.bg-orb{position:fixed;border-radius:999px;filter:blur(42px);opacity:.55;pointer-events:none}.orb-one{width:340px;height:340px;background:#00e5ff;left:-90px;top:-90px}.orb-two{width:360px;height:360px;background:#b86bff;right:-80px;top:130px}.orb-three{width:260px;height:260px;background:#ff5ea8;left:38%;bottom:-120px}a{color:#7dd3fc}button,input{font:inherit}button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#07111f;font-weight:900;padding:.84rem 1.05rem;cursor:pointer;box-shadow:0 16px 36px rgba(0,229,255,.2);transition:transform .15s,box-shadow .15s,border-color .15s}button:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(184,107,255,.27)}button.secondary{background:rgba(255,255,255,.1);color:var(--text);box-shadow:none;border:1px solid var(--border)}button.ghost{background:rgba(255,255,255,.06);color:#cffafe;border:1px solid rgba(125,211,252,.35);box-shadow:none}input{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(2,6,23,.58);color:var(--text);padding:.9rem 1rem;outline:none}input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(0,229,255,.12)}label{display:grid;gap:.45rem;color:#dbeafe;font-weight:700}.app-shell{max-width:1180px;margin:0 auto;padding:34px 18px 60px;position:relative}.hero{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:center;margin-bottom:28px}.eyebrow,.panel-kicker{margin:0 0 8px;color:var(--brand);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}h1{margin:0;font-size:clamp(3rem,8vw,6.8rem);line-height:.86;letter-spacing:-.08em;text-shadow:0 12px 42px rgba(0,229,255,.22)}h2{margin:0 0 18px;font-size:1.45rem}h3{margin:0 0 10px}.subtitle{color:#cbd5e1;max-width:700px;font-size:1.17rem}.hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-chips span{border:1px solid var(--border);background:rgba(255,255,255,.07);border-radius:999px;padding:.45rem .75rem;color:#e0f2fe;font-weight:700}.hero-card{min-height:210px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border-radius:32px;position:relative;box-shadow:var(--shadow);display:grid;place-items:center}.mini-card{position:absolute;width:82px;height:116px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:linear-gradient(180deg,#172554,#020617);font-size:2rem;font-weight:1000;box-shadow:0 18px 40px rgba(0,0,0,.28)}.c1{left:42px;transform:rotate(-16deg)}.c2{top:42px;right:88px;transform:rotate(9deg)}.c3{right:32px;bottom:28px;transform:rotate(18deg)}.room-badge{position:absolute;bottom:18px;left:18px;border:1px solid var(--border);background:rgba(2,6,23,.68);border-radius:999px;padding:.72rem 1rem;color:var(--muted);backdrop-filter:blur(10px)}.room-badge strong{color:white;letter-spacing:.08em}.panel{background:var(--panel);border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(16px);margin-bottom:20px}.glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045))}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stack{display:grid;gap:16px}.player-form{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px}.join-card{background:linear-gradient(135deg,rgba(184,107,255,.14),rgba(255,255,255,.045))}.grid.two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:20px}.room-toolbar,.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.story-form{display:grid;gap:12px;grid-template-columns:150px 1fr;align-items:end}.story-form label:nth-child(2),.story-form label:nth-child(3){grid-column:span 2}.story-display{margin-top:18px}.story-card{display:flex;gap:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(0,229,255,.12),rgba(184,107,255,.1));border-radius:24px;padding:20px}.story-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:2rem}.story-content{min-width:0}.story-key{color:#a5f3fc;font-weight:1000;letter-spacing:.1em}.story-title{font-size:1.25rem;margin:8px 0 12px}.story-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.jira-link,.reveal-state{display:inline-flex;border-radius:999px;padding:.42rem .72rem;font-weight:800;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);text-decoration:none}.reveal-state{color:#fde68a}.reveal-state.revealed{color:#bbf7d0;background:rgba(52,211,153,.14)}.profile-form{display:flex;gap:10px;min-width:min(100%,450px)}.avatar-field{display:grid;gap:.55rem;color:#dbeafe;font-weight:800}.avatar-picker{display:flex;gap:8px;flex-wrap:wrap}.avatar-option{width:46px;height:46px;padding:0;display:grid;place-items:center;border-radius:15px;font-size:1.45rem;background:rgba(255,255,255,.08);color:white;border:1px solid rgba(255,255,255,.13);box-shadow:none}.avatar-option.selected{border-color:var(--brand);background:linear-gradient(135deg,rgba(0,229,255,.28),rgba(184,107,255,.28));box-shadow:0 0 0 4px rgba(0,229,255,.12)}.room-avatar-picker{margin:-6px 0 20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:14px}.card{min-height:124px;border:1px solid rgba(125,211,252,.26);background:radial-gradient(circle at top,rgba(0,229,255,.18),transparent 45%),linear-gradient(180deg,#1e293b,#020617);color:white;font-size:2rem;box-shadow:0 16px 38px rgba(0,0,0,.25);position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px}.card span{position:relative;z-index:1}.card.selected{outline:3px solid var(--good);background:radial-gradient(circle at top,rgba(52,211,153,.3),transparent 45%),linear-gradient(180deg,#064e3b,#020617)}.players{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.player{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.06)}.player.me{border-color:rgba(0,229,255,.58);box-shadow:0 0 0 3px rgba(0,229,255,.08)}.player-left{display:flex;align-items:center;gap:12px;min-width:0}.avatar-bubble{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,229,255,.22),rgba(184,107,255,.22));font-size:1.75rem;border:1px solid rgba(255,255,255,.14)}.player strong{display:inline-block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player small{display:block;color:var(--muted);font-weight:700;margin-top:2px}.you{margin-left:8px;color:var(--brand);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.vote{display:grid;place-items:center;min-width:52px;height:52px;border-radius:16px;background:#070b18;color:var(--muted);font-weight:1000;font-size:1.2rem;border:1px solid rgba(255,255,255,.08)}.vote.voted{color:white;border-color:rgba(52,211,153,.5)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;background:rgba(255,255,255,.06)}.stat span{display:block;font-size:1.8rem;font-weight:1000}.stat label{color:var(--muted);font-weight:800}.consensus-box{margin-top:14px;border:1px solid rgba(52,211,153,.28);background:rgba(52,211,153,.11);border-radius:18px;padding:14px;display:grid;gap:4px}.consensus-box.waiting{border-color:rgba(251,191,36,.28);background:rgba(251,191,36,.1);color:#fde68a}.muted{color:var(--muted)}.toast{position:fixed;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));background:#020617;color:white;border:1px solid rgba(125,211,252,.35);border-radius:16px;padding:14px 16px;box-shadow:0 18px 50px rgba(0,0,0,.35);z-index:10}[hidden]{display:none!important}@media(max-width:900px){.hero,.lobby-grid,.grid.two{grid-template-columns:1fr}.hero-card{min-height:160px}.room-toolbar,.panel-title-row{align-items:flex-start;flex-direction:column}.story-form{grid-template-columns:1fr}.story-form label:nth-child(2),.story-form label:nth-child(3){grid-column:auto}.profile-form{width:100%;flex-direction:column}}
.history-list{display:grid;gap:12px}.empty-history{border:1px dashed rgba(255,255,255,.18);border-radius:18px;padding:18px;color:var(--muted);background:rgba(255,255,255,.045)}.history-item{border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:16px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035))}.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.history-head strong{display:block;color:#a5f3fc;font-size:1.05rem;letter-spacing:.05em}.history-head span{display:block;color:#e2e8f0;margin-top:3px}.history-head time{color:var(--muted);font-size:.86rem;white-space:nowrap}.history-stats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.history-stats span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.35rem .6rem;background:rgba(2,6,23,.35);font-weight:800;color:#dbeafe}.history-votes{display:flex;gap:8px;flex-wrap:wrap}.history-vote{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.38rem .48rem .38rem .65rem;background:rgba(255,255,255,.06)}.history-vote b{font-size:.9rem}.history-vote em{display:grid;place-items:center;min-width:34px;height:30px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#06101f;font-style:normal;font-weight:1000}@media(max-width:700px){.history-head{flex-direction:column}.history-head time{white-space:normal}}

.room-history-overview{margin-top:22px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.history-note{color:var(--muted);font-weight:800}.room-history-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.045)}.room-history-table{width:100%;border-collapse:collapse;min-width:720px}.room-history-table th,.room-history-table td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.09);vertical-align:middle}.room-history-table th{color:#a5f3fc;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;background:rgba(2,6,23,.28)}.room-history-table tr:last-child td{border-bottom:0}.room-code-link{display:inline-flex;border-radius:999px;padding:.4rem .7rem;background:linear-gradient(135deg,rgba(0,229,255,.2),rgba(184,107,255,.18));border:1px solid rgba(125,211,252,.26);font-weight:1000;text-decoration:none;color:#cffafe}.room-code-link:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,229,255,.14)}.count-pill{display:inline-grid;place-items:center;min-width:42px;border-radius:999px;padding:.35rem .65rem;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#06101f;font-weight:1000}.count-pill.subtle{background:rgba(255,255,255,.09);color:#e2e8f0;border:1px solid rgba(255,255,255,.12)}@media(max-width:760px){.room-history-overview .panel-title-row{align-items:flex-start;flex-direction:column}}

.room-department{margin-top:4px;color:var(--muted);font-weight:800;letter-spacing:.02em}.room-history-table td:nth-child(2){font-weight:800;color:#dbeafe}

button.danger{background:linear-gradient(135deg,#fb7185,#f97316);color:#fff;border-color:rgba(251,113,133,.45);box-shadow:0 12px 30px rgba(251,113,133,.18)}button.danger:hover{filter:brightness(1.08);transform:translateY(-1px)}