:root{color:#f9ead0;letter-spacing:0;--gold:#d6ad63;--bright-gold:#ffd98b;--green:#26d496;--ruby:#d14343;--panel:#1e150fc7;--line:#ffda953d;background:#120d0a;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:16px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.54}.app-shell{isolation:isolate;min-height:100vh;padding:22px;position:relative;overflow:hidden}.tavern-backdrop{z-index:-4;background-image:linear-gradient(90deg,#080504d1,#08050429 42%,#080504c2),linear-gradient(#08050414,#080504e0),url(/assets/generated/tavern-background.png);background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.02)}.ember-field{z-index:-3;pointer-events:none;background-image:radial-gradient(circle at 12% 20%,#ffcc7529 0 2px,#0000 3px),radial-gradient(circle at 82% 28%,#26d49624 0 2px,#0000 3px),radial-gradient(circle at 52% 74%,#ffd98b1f 0 1px,#0000 2px);background-size:220px 220px,260px 260px,180px 180px;animation:16s linear infinite drift;position:fixed;inset:0}.topbar{z-index:5;justify-content:space-between;align-items:center;gap:16px;max-width:1500px;margin:0 auto 18px;display:flex;position:relative}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark{width:52px;height:52px;color:var(--bright-gold);background:radial-gradient(circle,#3a2a15,#17100d);border:1px solid #ffdc9a8c;border-radius:50%;place-items:center;font:700 1.8rem Georgia,serif;display:grid;box-shadow:0 0 24px #d6ad634d}.eyebrow{color:#e3c991;text-transform:uppercase;letter-spacing:.12em;margin:0 0 3px;font-size:.72rem}h1,h2{letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif}h1{color:#ffe0a2;text-shadow:0 4px 26px #000000b3;font-size:clamp(2rem,4vw,3.8rem);line-height:.9}h2{color:#ffe8ba;font-size:clamp(1.55rem,3vw,2.7rem);line-height:1}.session-tools{align-items:center;gap:10px;display:flex}.pill{color:#bdfbe3;background:#123b2d94;border:1px solid #26d49666;border-radius:999px;padding:8px 12px}.icon-button,.primary-button,.secondary-button{color:#fff3d4;background:linear-gradient(#573617eb,#2d1c11f5);border:1px solid #ffda9557;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 12px 26px #00000042}.primary-button{border-color:#ffe09794;padding:0 16px}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.icon-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff24,0 0 26px #d6ad633d,0 14px 32px #00000057}.secondary-button{background:linear-gradient(#1a4536e6,#121f1af2);padding:0 13px}.compact{min-height:38px}.icon-button{width:42px;padding:0}.game-layout{z-index:2;grid-template-columns:minmax(230px,290px) minmax(480px,1fr) minmax(260px,330px);gap:18px;max-width:1500px;height:calc(100vh - 110px);min-height:680px;margin:0 auto;display:grid;position:relative}.side-panel{border:1px solid var(--line);background:linear-gradient(180deg, #ffda9512, transparent 38%), var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 24px 80px #0000006b,inset 0 0 38px #ffd58b0a}.roster-panel,.action-panel{flex-direction:column;gap:14px;padding:16px;display:flex}.panel-title{color:#ffe2a6;align-items:center;gap:8px;font-weight:700;display:flex}.player-list{gap:10px;padding-right:2px;display:grid;overflow:auto}.player-row{background:#0d090785;border:1px solid #ffda9524;border-radius:8px;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:58px;padding:7px;display:grid}.player-row.me{border-color:#26d4968c;box-shadow:0 0 0 1px #26d4961f}.player-row.marked{border-color:#d143439e;animation:1.5s ease-in-out infinite alternate dangerPulse}.player-row strong,.vote-token span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-row span{color:#c9b58c;font-size:.82rem}.avatar-token,.mini-avatar{background-repeat:no-repeat;background-size:400% 200%;border-radius:50%;flex:none;box-shadow:0 0 0 1px #ffda9559,0 10px 22px #00000047}.avatar-token{width:44px;height:44px}.avatar-fallback{width:44px;height:44px;color:var(--bright-gold);background:#382716;border-radius:50%;place-items:center;font-weight:800;display:grid}.room-rune{background:#0a070680;border:1px solid #ffda9538;border-radius:8px;margin-top:auto;padding:12px}.room-rune span{color:#c9b58c;text-transform:uppercase;font-size:.74rem;display:block}.room-rune strong{color:#ffe0a2;letter-spacing:.08em;font-size:1.8rem}.table-stage{background:radial-gradient(circle at 50% 54%,#235f4647,#120b0873 48%,#090605c2);border:1px solid #ffda952e;border-radius:8px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #00000061,0 30px 120px #0000008a}.stage-shadow{filter:blur(14px);background:radial-gradient(#0000009e,#0000 70%);border-radius:50%;height:22%;position:absolute;inset:auto 10% 8%}.table-art{filter:drop-shadow(0 38px 42px #00000094);width:min(94%,960px);animation:.9s ease-out both tableRise;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.reveal-ring{aspect-ratio:1;opacity:.22;filter:blur(.3px);background:radial-gradient(circle,#0000 48%,#26d4963b 50%,#0000 62%),conic-gradient(from 20deg,#0000,#26d4966b,#0000,#ffd98b42,#0000);border-radius:50%;width:min(52vw,520px);animation:12s linear infinite rotateSigil;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.reveal-ring.is-lit{opacity:.78}.corner-ornament{opacity:.7;pointer-events:none;background-image:url(/assets/generated/ornament-sheet.png);background-size:320% 220%;width:160px;height:160px;position:absolute}.corner-ornament-a{background-position:0 0;top:16px;left:16px}.corner-ornament-b{background-position:0 0;bottom:16px;right:16px;transform:rotate(180deg)}.role-card{text-align:center;text-shadow:0 3px 16px #000000b3;width:min(82%,560px);position:absolute;top:8%;left:50%;transform:translate(-50%)}.word-orb{color:#d7ffee;background:radial-gradient(circle at 25%,#26d49647,#0e261fb8);border:1px solid #26d4966b;border-radius:999px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;max-width:min(100%,440px);min-height:66px;margin:18px auto 10px;padding:10px 22px;display:inline-grid;box-shadow:0 0 34px #26d49633}.word-orb.danger{color:#ffe1d7;background:radial-gradient(circle at 25%,#d1434352,#260e0cc2);border-color:#d1434380;box-shadow:0 0 34px #d1434333}.word-orb.awake{animation:.8s both orbWake}.word-orb span{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.2rem,2.6vw,2rem);font-weight:800;overflow:hidden}.role-copy{color:#e9d8b7;max-width:56ch;margin:0 auto;line-height:1.45}.table-actions{width:min(88%,760px);position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.summon-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0907c7;border:1px solid #ffda9538;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}input{color:#fff3d4;background:#070504b3;border:1px solid #ffda9547;border-radius:8px;outline:none;width:min(100%,220px);min-height:42px;padding:0 12px}input:focus{border-color:#26d4969e;box-shadow:0 0 0 3px #26d4961f}.split-controls{display:contents}.room-input{text-transform:uppercase;text-align:center;letter-spacing:.08em;width:100px}.error-banner{color:#ffd6cc;background:#46120eb8;border:1px solid #d1434375;border-radius:8px;padding:10px}.status-block{gap:10px;display:grid}.status-line{border-bottom:1px solid #ffda9521;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.status-line span{color:#c9b58c}.status-line strong{text-transform:capitalize}.clue-scroll{gap:8px;max-height:210px;display:grid;overflow:auto}.clue-scroll p,.empty-copy{color:#c9b58c;margin:0}.clue-scroll article{background:#0a070575;border:1px solid #ffda9521;border-radius:8px;padding:10px}.clue-scroll article span{color:var(--bright-gold);font-size:.82rem;font-weight:800}.clue-scroll article p{color:#f4dfb4;margin-top:3px}.vote-grid{gap:8px;display:grid}.vote-token{color:#f9ead0;text-align:left;background:#0b08068f;border:1px solid #ffda9524;border-radius:8px;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:8px;min-height:42px;padding:6px 8px;display:grid}.vote-token.selected{border-color:#d14343ad;box-shadow:0 0 22px #d1434333}.mini-avatar{width:28px;height:28px}.layer-switches{gap:8px;margin-top:auto;display:grid}.layer-switches label{color:#ddc69a;justify-content:space-between;align-items:center;gap:10px;min-height:34px;display:flex}.layer-switches input{width:18px;min-height:18px;accent-color:var(--green)}.loading-sigil{color:#ffe0a2;text-align:center;place-content:center;gap:12px;display:grid;position:fixed;inset:0}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-220px,-220px)}}@keyframes rotateSigil{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes tableRise{0%{opacity:0;transform:translate(-50%,26px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes orbWake{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes dangerPulse{0%{box-shadow:0 0 #d1434300}to{box-shadow:0 0 24px #d1434338}}@media (width<=1120px){.app-shell{overflow:auto}.game-layout{grid-template-columns:1fr;height:auto;min-height:0}.table-stage{order:-1;min-height:720px}}@media (width<=680px){.app-shell{padding:14px}.topbar{align-items:flex-start}.brand-mark{width:44px;height:44px}.table-stage{min-height:690px}.role-card{width:92%;top:7%}.table-art{width:118%;bottom:10%}.table-actions{width:94%;bottom:18px}.summon-panel,.split-controls{grid-template-columns:1fr;display:grid}input,.room-input,.primary-button,.secondary-button{width:100%}}