*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.flex{display:flex}.hidden{display:none}.max-h-56{max-height:14rem}.min-h-screen{min-height:100vh}.min-w-0{min-width:0px}.max-w-5xl{max-width:64rem}.flex-1{flex:1 1 0%}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.bg-slate-950\/50{background-color:#02061780}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-\[0\.3em\]{letter-spacing:.3em}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-300\/70{color:#fcd34db3}.text-amber-300\/80{color:#fcd34dcc}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;--void: #05070d;--ink: #0b1119;--leather: #1b1718;--gold: #d6a84a;--gold-hi: #f8dd91;--gold-dim: #79572a;--blue: #315d86;--blood: #8f2631}body{margin:0;min-width:320px;background:var(--void);overflow-x:hidden}button,input,select{font:inherit}button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.58}.magic-backdrop{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 20%,#18253b,#080c13 44%,#030407);color:#f5f0e3}.magic-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;opacity:.8;background:radial-gradient(ellipse at 20% 65%,#1f3444aa 0%,transparent 32%),radial-gradient(ellipse at 80% 78%,#35191aaa 0%,transparent 32%),linear-gradient(180deg,#07111bcc,#030407 72%)}.magic-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#010205cc 0%,transparent 25%,transparent 75%,#010205dd 100%),linear-gradient(0deg,#000b 0%,transparent 35%,#0008 100%)}.magic-backdrop-compact{background:radial-gradient(ellipse at 50% 0%,#16263d,#080c13 42%,#030407)}.magic-backdrop-compact:before{background:radial-gradient(ellipse at 50% 54%,#2b4b5c44 0%,transparent 33%),radial-gradient(ellipse at 12% 60%,#1a3a49aa 0%,transparent 35%),radial-gradient(ellipse at 90% 65%,#4d1823aa 0%,transparent 32%),linear-gradient(180deg,#07111bcc,#030407 78%)}.forest-canopy{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:.55;pointer-events:none}.forest-canopy i{position:absolute;bottom:-10%;width:20vw;height:68vh;border-radius:50% 50% 10% 10%;filter:blur(3px);background:linear-gradient(90deg,transparent 10%,#0a1a1c 35%,#1a302b 52%,#05090c 78%,transparent);transform:rotate(12deg)}.forest-canopy i:nth-child(1){left:-8%;height:76vh;transform:rotate(-16deg)}.forest-canopy i:nth-child(2){left:8%;bottom:14%;height:49vh;opacity:.6;transform:rotate(10deg)}.forest-canopy i:nth-child(3){right:4%;height:71vh;transform:rotate(-11deg)}.forest-canopy i:nth-child(4){right:-10%;height:82vh;transform:rotate(17deg)}.forest-canopy i:nth-child(5){left:38%;bottom:45%;width:10vw;height:27vh;opacity:.42;transform:rotate(8deg)}.forest-canopy i:nth-child(6){left:59%;bottom:32%;width:12vw;height:34vh;opacity:.36;transform:rotate(-9deg)}.magic-smoke{position:absolute;z-index:-2;width:55vw;height:30vw;border-radius:50%;filter:blur(50px);opacity:.3;transform:rotate(-17deg);background:#304253}.magic-smoke-one{top:4%;left:-12%}.magic-smoke-two{right:-14%;bottom:0;background:#3a1722;opacity:.2}.magic-rune-ring{position:absolute;z-index:-2;width:min(72vw,760px);aspect-ratio:1;left:50%;top:52%;border:1px solid #8db9dc1f;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 24px #192e4510,0 0 0 25px #b5d7ff0b}.magic-rune-ring:before,.magic-rune-ring:after{content:"";position:absolute;top:13%;right:13%;bottom:13%;left:13%;border:1px dashed #7fa8c52b;border-radius:50%}.magic-rune-ring:after{top:29%;right:29%;bottom:29%;left:29%;border-style:solid;border-color:#d6a84a1b}.magic-rune-ring-one{animation:rune-drift 34s linear infinite}.magic-rune-ring-two{width:min(44vw,460px);opacity:.45;animation:rune-drift-reverse 24s linear infinite}@keyframes rune-drift{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rune-drift-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}.magic-sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.magic-sparks i{position:absolute;display:block;width:2px;height:2px;border-radius:50%;background:#c8e6ff;box-shadow:0 0 9px 2px #8bc5ff}.lobby-page,.loading-page{display:grid;min-height:100vh;place-items:center;padding:32px 18px}.lobby-panel,.loading-panel{position:relative;width:min(100%,530px);padding:34px clamp(22px,6vw,52px) 27px;border:1px solid #d6a84a88;border-radius:4px;background:linear-gradient(145deg,#171a20ef,#0c1017e8 65%,#171111e8);box-shadow:0 25px 90px #000c,inset 0 0 0 1px #f6da7b1c,inset 0 0 60px #070b12}.lobby-panel:before,.loading-panel:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none;border:1px solid #d6a84a33}.lobby-eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;color:#d7b45b;font-size:10px;letter-spacing:.22em}.avalon-title{position:relative;margin:13px 0 0;text-align:center;font-family:Georgia,Times New Roman,serif;letter-spacing:.14em;line-height:.9}.avalon-title span{display:block;color:#67727b;font-size:clamp(3.8rem,16vw,7.2rem);font-weight:900;text-shadow:2px 2px 0 #0a0d12,-1px -1px 0 #e1bd64,0 0 16px #000,0 0 25px #9c1e2b66;background:linear-gradient(145deg,#202b32 15%,#aeb4b3 40%,#2b3337 56%,#af2830 78%,#211519 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.avalon-title small{display:block;margin-top:10px;color:#e0b95d;font-family:Georgia,serif;font-size:.7rem;letter-spacing:.6em;text-shadow:0 0 12px #d6a84a99}.lobby-subtitle{margin:22px 0 12px;text-align:center;color:#d5d0c4;letter-spacing:.35em;font-size:13px}.lobby-divider{display:flex;align-items:center;gap:10px;margin:20px 0;color:#d6a84a}.lobby-divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d6a84a88,transparent)}.lobby-label{display:flex;flex-direction:column;gap:7px;margin-top:14px;color:#d7b45b;font-size:12px;letter-spacing:.1em}.lobby-label svg{display:inline-block;margin-right:6px;vertical-align:-3px}.lobby-label input,.lobby-label select,.dark-select{width:100%;border:1px solid #9e78394d;border-radius:2px;outline:0;background:#060a10cc;color:#f3eddd;padding:12px 13px;box-shadow:inset 0 0 12px #0009}.lobby-label input:focus,.lobby-label select:focus,.dark-select:focus{border-color:#d6a84a;box-shadow:0 0 0 2px #d6a84a26,inset 0 0 12px #0009}.lobby-actions{margin-top:20px}.lobby-join{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:12px}.lobby-join .lobby-label{margin-top:0}.metal-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border:1px solid #f5d777;border-radius:3px;color:#201707;font-weight:700;letter-spacing:.06em;background:linear-gradient(180deg,#f8dc82,#c99632 46%,#75521d);box-shadow:inset 0 1px #fff4b2,inset 0 -2px #4a2f0e,0 4px 15px #0009,0 0 18px #d6a84a33;transition:filter .18s ease}.metal-button-gold{width:100%}.metal-button-steel{border-color:#91a5b8;color:#e8edf1;background:linear-gradient(180deg,#66788a,#26323d 54%,#111820);box-shadow:inset 0 1px #d6e0eb66,inset 0 -2px #080b0f,0 4px 15px #0009}.metal-button-blood{border-color:#db6a68;color:#ffe4da;background:linear-gradient(180deg,#bd4d4c,#671b24 56%,#270c14);box-shadow:inset 0 1px #ffb09a66,inset 0 -2px #26050b,0 4px 15px #000b,0 0 18px #b2263433}.lobby-error{margin-top:15px;border:1px solid #b33a4a66;padding:10px 12px;color:#ffc1c7;background:#4b111c99}.lobby-footnote{display:flex;align-items:center;justify-content:center;gap:6px;margin:22px 0 0;color:#87909a;font-size:11px;letter-spacing:.05em}.lobby-orb{position:absolute;top:10%;left:50%;z-index:-1;display:grid;width:100px;height:100px;place-items:center;border:1px solid #91cafc99;border-radius:50%;transform:translate(-50%);color:#c1e4ff;background:radial-gradient(circle at 35% 30%,#b6e9ff,#2776b9 31%,#0b2344 70%,transparent 71%);font-size:30px}.loading-panel{text-align:center}.loading-sigil{display:grid;width:65px;height:65px;margin:0 auto 18px;place-items:center;border:1px solid #d6a84a;border-radius:50%;color:#f5d77c;box-shadow:0 0 25px #d6a84a55}.loading-panel h1{color:#f4db91;font-family:Georgia,serif;font-size:1.5rem}.loading-panel p{margin:9px 0 18px;color:#aeb5bd}.game-page{min-height:100vh;padding:18px}.table-room{position:relative;margin-top:24px;padding:18px 18px 22px;border:1px solid #806334;border-radius:8px;background:linear-gradient(180deg,#111b26dd,#060b12ee);box-shadow:inset 0 0 50px #000b,0 18px 55px #0009}.table-room-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:8px}.table-room-heading span{color:#bb9450;font-size:.68rem;letter-spacing:.24em}.table-room-heading h2{margin:4px 0 0;color:#f0d687;font-family:Georgia,serif;font-size:1.35rem}.table-room-heading p{margin:0;color:#8399aa;font-size:.76rem}.table-stage{position:relative;min-height:570px;overflow:hidden;border:1px solid #5b4a31;border-radius:6px;background:radial-gradient(ellipse at 50% 60%,#24425144,transparent 40%),linear-gradient(180deg,#08141ddd,#0a1018e8)}.table-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 10%,#ddbd6b20,transparent 35%),linear-gradient(180deg,transparent 55%,#020406cc);pointer-events:none}.table-top{position:absolute;left:50%;top:49%;width:min(68vw,720px);aspect-ratio:1.7;transform:translate(-50%,-50%);border:12px solid #211711;border-radius:50%;background:radial-gradient(ellipse at 50% 43%,#44636a,#1e343b 46%,#0e181d 73%);box-shadow:0 28px 26px #000b,0 0 0 3px #d0a45488,0 0 0 15px #080a0c,inset 0 0 45px #020507,inset 0 -17px #08090b}.table-rim{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:2px solid #c79a4a88;border-radius:50%;box-shadow:inset 0 0 0 5px #0a1115aa,inset 0 0 0 7px #d6a84a22}.table-inlay{position:absolute;top:24%;right:24%;bottom:24%;left:24%;border:1px dashed #b3cddb33;border-radius:50%;box-shadow:0 0 0 30px #09131844}.table-haze{position:absolute;left:28%;top:28%;z-index:2;width:45%;height:32%;border-radius:50%;background:#a8dbff19;filter:blur(25px);pointer-events:none}.forest-lantern{position:absolute;z-index:3;top:9%;width:15px;height:15px;border-radius:50%;background:#ffdc7d;box-shadow:0 0 14px 8px #f2bd5c77,0 0 75px 30px #d9983d33}.forest-lantern:after{content:"";position:absolute;top:15px;left:-145px;width:300px;height:430px;background:linear-gradient(170deg,#f6cf7922,transparent 58%);clip-path:polygon(48% 0,56% 0,100% 100%,0 100%);opacity:.4}.forest-lantern-left{left:26%}.forest-lantern-right{right:25%}.other-seats{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0}.other-seat{position:absolute;width:215px;transition:transform .25s ease}.other-seat-0{left:50%;top:5%;transform:translate(-50%)}.other-seat-1{left:4%;top:25%}.other-seat-2{right:4%;top:25%}.other-seat-3{left:10%;top:58%}.other-seat-4{right:10%;top:58%}.other-seat-5{left:50%;top:9%;transform:translate(-50%) scale(.92)}.other-seat-card{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid #51677b;border-radius:5px;background:linear-gradient(145deg,#162536ee,#09121ce8);box-shadow:0 8px 20px #000b,inset 0 0 13px #0008}.other-seat .seat-copy{gap:2px}.other-seat .seat-card-back{margin-left:auto}.other-seat-speaking .other-seat-card{border-color:#ebca70;box-shadow:0 0 0 2px #d4a94e66,0 0 22px #d4a94e55}.self-seat{position:absolute;z-index:8;left:50%;bottom:18px;display:flex;align-items:center;gap:17px;width:min(560px,82%);padding:14px 18px;border:1px solid #e1bb60;border-radius:7px;transform:translate(-50%);background:linear-gradient(145deg,#30281ddf,#111a25f2 50%,#101016f2);box-shadow:0 15px 35px #000c,0 0 0 2px #d6a84a33,0 0 35px #d6a84a2e,inset 0 0 25px #0008}.self-seat-plaque{min-width:0;flex:1}.self-seat-plaque>span{display:block;color:#d4ae5a;font-size:.68rem;letter-spacing:.14em}.self-seat-plaque strong{display:block;margin:7px 0;overflow:hidden;color:#fff0b6;font-family:Georgia,serif;font-size:1.65rem;text-overflow:ellipsis;white-space:nowrap}.self-seat-tags{display:flex;flex-wrap:wrap;gap:5px}.self-seat .seat-card-back{width:76px;height:112px;flex:0 0 auto}.seat-card-back-large{border-width:2px}.self-seat-speaking{box-shadow:0 0 0 2px #e1bb60,0 0 42px #d6a84a66}.phase-banner{min-width:230px;padding:12px 15px;border:1px solid #d6a84a66;border-radius:3px;background:linear-gradient(120deg,#1b1b1ddd,#111a27dd);box-shadow:0 8px 25px #0007,inset 0 0 18px #0006}.phase-banner-kicker{display:flex;align-items:center;gap:8px;color:#d7b45b}.phase-banner-kicker p{margin:0;font-size:.63rem;letter-spacing:.24em}.phase-banner h2{margin:5px 0 0;color:#f3d783;font-family:Georgia,serif;font-size:1.45rem;text-shadow:0 0 16px #d6a84a44}.phase-banner small{display:block;margin-top:5px;color:#91b6dc;font-size:.7rem}.phase-banner-night{border-color:#5e8bbd88;background:linear-gradient(120deg,#101f35ee,#080e1aee);box-shadow:0 0 25px #326eac44,inset 0 0 22px #0008}.app-shell{position:relative;width:min(100%,1180px);margin:0 auto;padding:clamp(16px,3vw,32px);border:1px solid #b18745aa;background:linear-gradient(145deg,#111821f2,#0a0e15f5 70%,#171012f5);box-shadow:0 20px 90px #000d,inset 0 0 50px #16243b33}.game-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.room-code-row{display:flex;align-items:center;gap:9px;margin-top:10px}.room-code-display{color:#efd17a;font-family:Georgia,serif;font-size:1.5rem;letter-spacing:.24em;text-shadow:0 0 16px #d6a84a55}.room-code-copy{display:inline-flex;align-items:center;gap:5px;border:1px solid #8b7037;border-radius:2px;background:#302b20cc;color:#f7d98a;padding:6px 10px;font-size:.75rem}.mission-strip{display:flex;align-items:center;gap:16px;margin:22px 0 14px;padding:12px 16px;border-top:1px solid #d6a84a55;border-bottom:1px solid #d6a84a55;color:#aeb5bd;background:#080d15aa}.mission-strip span{display:inline-flex;align-items:center;gap:6px;color:#d7b45b;font-size:.8rem;letter-spacing:.12em}.mission-strip strong{color:#f6d989;font-family:Georgia,serif;font-size:1.15rem}.mission-strip em{margin-left:auto;color:#7da6cb;font-size:.8rem;font-style:normal}.action-panel{margin-top:15px;padding:15px;border:1px solid #936e3880;background:linear-gradient(120deg,#1c1a18d9,#0a111bd9);box-shadow:inset 0 0 30px #0007}.panel-kicker{display:block;margin-bottom:10px;color:#e3c473;font-size:.75rem;letter-spacing:.2em}.panel-copy{margin:0 0 12px;color:#aab1bb;font-size:.86rem}.action-row{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.team-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.team-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #42566c;border-radius:2px;background:#111c2b;color:#d6e1ec;padding:8px 11px}.team-chip span{display:grid;width:21px;height:21px;place-items:center;border:1px solid #7993a8;border-radius:50%;color:#a9c5db;font-size:.7rem}.team-chip-selected{border-color:#d6a84a;color:#f6d989;background:#4d3719;box-shadow:0 0 14px #d6a84a33}.team-chip-selected span{border-color:#d6a84a;color:#f6d989}.winner-line{margin:4px 0;color:#f8d876;font-family:Georgia,serif;font-size:1.4rem}.game-header>.metal-button{width:auto;flex-shrink:0}.dark-select{width:auto;min-width:190px}@media(max-width:620px){.game-page{padding:8px}.game-header{flex-direction:column}.game-header>.metal-button{width:100%}.lobby-join{grid-template-columns:1fr}.lobby-join .metal-button{width:100%}.mission-strip{gap:9px;padding:10px}.mission-strip em{display:none}.action-row .metal-button{flex:1 1 100%}.dark-select{width:100%}}.role-card-wrap{perspective:1100px;width:205px;height:288px;margin-top:18px}.role-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;border:0;padding:0;background:transparent;cursor:pointer}.role-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;border-radius:6px;backface-visibility:hidden;box-shadow:0 18px 40px #000b,inset 0 0 0 5px #0a0e14,inset 0 0 0 7px #d6a84a88}.role-card-face:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid #d6a84a66;pointer-events:none}.role-card-back{color:#f7d98a;background:radial-gradient(circle at 30% 20%,#283b65,#111827 70%),#101523}.role-card-back span{font-family:Georgia,serif;font-size:2rem;letter-spacing:.18em;text-shadow:0 0 14px #8cbcf5}.role-card-back small,.role-card-front small{display:inline-flex;align-items:center;gap:5px;color:#c8d2de}.role-card-back i{position:absolute;width:105px;height:105px;border:1px solid #9ecfff66;border-radius:50%;box-shadow:0 0 30px #4da8ff55}.role-card-crown,.role-card-emblem{color:#f6d889;font-size:1.4rem}.role-card-front{transform:rotateY(180deg);color:#fff}.role-good{border-color:#8bbde9;background:linear-gradient(145deg,#2b5f90,#122b5d 58%,#08152e);box-shadow:0 18px 40px #000b,0 0 25px #4a9bdb66,inset 0 0 0 5px #0a0e14,inset 0 0 0 7px #b2d8f688}.role-evil{border-color:#d06366;background:linear-gradient(145deg,#8d2633,#4c1528 58%,#1f0915);box-shadow:0 18px 40px #000b,0 0 25px #a31d3f77,inset 0 0 0 5px #0a0e14,inset 0 0 0 7px #e0847b88}.role-icon{font-size:4rem;color:#f4d878;text-shadow:0 0 20px #f8dc8288}.role-card-front em{position:absolute;bottom:20px;display:flex;align-items:center;gap:4px;color:#f3dd9d99;font-size:.65rem;font-style:normal}.role-card-emblem{position:absolute;top:17px;display:flex;align-items:center;gap:5px;color:#f6d889;font-size:.62rem;letter-spacing:.1em}.role-art-window{position:relative;width:136px;height:182px;overflow:hidden;border:2px solid #d6a84a;border-radius:3px;background-image:url(/cards/role-cards.png);background-repeat:no-repeat;background-size:600px 1058px;box-shadow:inset 0 0 0 4px #0b111dcc,0 0 24px #d6a84a44}.role-art-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 58%,#080b11cc)}.role-portrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background:linear-gradient(135deg,transparent 15%,#f7db8b55 16%,transparent 18%,transparent 63%,#1b1222aa 64%),repeating-linear-gradient(90deg,#ffffff0b 0 2px,transparent 2px 7px)}.role-portrait span{position:relative;z-index:1;color:#f9dc83;font-family:Georgia,serif;font-size:4.2rem;text-shadow:0 2px 0 #32191c,0 0 20px #fff0a8}.role-portrait i{position:absolute;right:-20px;bottom:-25px;width:90px;height:90px;border:1px solid #ffffff44;border-radius:50%}.role-card-front strong{color:#fff3c3;font-family:Georgia,serif;font-size:1.35rem;letter-spacing:.12em}.role-card-team{color:#f6d889!important;font-size:.72rem}.role-card-ability{width:82%;min-height:34px;margin:0;color:#f1e5cb;font-size:.65rem;line-height:1.45;text-align:center}.seats-section{margin-top:24px;padding:16px;border:1px solid #6f5734;background:radial-gradient(circle at center,#182536aa,transparent 65%),#070d15aa;box-shadow:inset 0 0 40px #0009}.seats-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.seats-heading h2{margin:0;color:#e7ca78;font-family:Georgia,serif;font-size:1rem;letter-spacing:.1em}.seats-heading span{color:#718191;font-size:.7rem}.player-seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.player-seat{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:92px;padding:10px;border:1px solid #314255;border-radius:3px;background:linear-gradient(135deg,#182638e8,#0d151fdd);box-shadow:inset 0 0 15px #0006;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.player-seat-host{border-color:#8b7037;background:linear-gradient(135deg,#302b20,#141d27)}.player-seat-self{box-shadow:0 0 0 2px #6366f166}.player-seat-speaking{border-color:#f2c96d;box-shadow:0 0 0 2px #d4a94e99,0 0 24px #d4a94e55;transform:translateY(-2px)}.seat-avatar{position:relative;display:grid;width:42px;height:52px;flex:0 0 auto;place-items:center;border:1px solid #b18a45;border-radius:3px;color:#f5d888;background:linear-gradient(145deg,#37475a,#111a26);font-family:Georgia,serif;font-size:1.25rem;box-shadow:inset 0 0 15px #0009}.seat-avatar small{position:absolute;right:-5px;bottom:-5px;display:grid;width:18px;height:18px;place-items:center;border:1px solid #d6a84a;border-radius:50%;background:#1b1710;color:#f6d889;font-size:.65rem}.seat-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.seat-number{color:#7790a6;font-size:.65rem;letter-spacing:.08em}.seat-name{overflow:hidden;color:#e5ebf0;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.seat-tags{display:flex;flex-wrap:wrap;gap:4px;color:#9da9b5;font-size:.65rem}.seat-online,.seat-offline,.seat-host-badge,.seat-self{display:inline-flex;align-items:center;gap:3px;border:1px solid #38513f;padding:2px 5px;background:#102119;color:#8fd0a2}.seat-offline{border-color:#41464e;background:#191d21;color:#8e969f}.seat-host-badge{border-color:#8b7037;background:#392f1e;color:#e7c880}.seat-self{border-color:#557b9e;background:#132b43;color:#a7d4fb}.seat-card-back{position:relative;z-index:10;display:flex;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;width:38px;height:56px;border:1px solid #d6a84a;border-radius:3px;background:radial-gradient(circle at 30% 20%,#28345f,#11162c 70%);color:#f7d98a;box-shadow:0 4px 12px #0009,inset 0 0 0 2px #0c111c;pointer-events:none;pointer-events:auto;cursor:default}.seat-card-back:not(.seat-card-revealed){cursor:pointer}.seat-card-revealed{border-color:#e8c86b;background:linear-gradient(145deg,#2d5f86,#10253f);box-shadow:0 0 16px #5ba8dc66,inset 0 0 0 2px #0c111c}.team-error{margin:10px 0 0;border:1px solid #b33a4a88;border-radius:2px;padding:9px 11px;color:#ffc1c7;background:#4b111c99;font-size:.82rem}.seat-card-back span{font-size:20px}.seat-card-back small{font-size:9px}@media(min-width:768px){.player-seats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.player-seats{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:620px){.seats-heading{align-items:flex-start;flex-direction:column;gap:4px}.player-seats{grid-template-columns:1fr}}.sequential-turn{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:12px 16px;border:1px solid #8b7037;border-radius:12px;background:linear-gradient(110deg,#302b20,#172554)}.sequential-turn-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.sequential-turn-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fde7a9}.turn-progress{position:relative;width:58px;height:58px;flex:0 0 auto}.turn-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.turn-progress circle{fill:none;stroke-width:4}.turn-progress-track{stroke:#475569}.turn-progress-value{stroke:#f2c96d;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.turn-progress span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;color:#fff1bf}.result-feedback{margin-top:16px;padding:14px;border:1px solid #475569;border-radius:12px;background:#0f172acc}.result-feedback-title{margin-bottom:10px;color:#fde7a9;font-weight:600;display:flex;align-items:center;gap:7px;font-family:Georgia,serif}.vote-bar-row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;margin-top:8px;font-size:13px}.vote-bar{height:10px;overflow:hidden;border-radius:999px;background:#334155}.vote-bar-approve{height:100%;border-radius:inherit;background:#34d399}.vote-bar-reject{height:100%;border-radius:inherit;background:#fb7185}.mission-feedback{display:flex;align-items:center;gap:10px;margin-top:16px;padding:16px;border-radius:3px}.mission-feedback small{color:inherit;opacity:.75}.mission-success{border:1px solid #34d39999;background:#064e3b88;box-shadow:0 0 26px #34d39944;color:#a7f3d0}.mission-failure{border:1px solid #fb718599;background:#4c051988;box-shadow:0 0 20px #fb718533;color:#fecdd3}.mission-feedback-icon{display:grid;width:28px;height:28px;place-items:center;border:2px solid currentColor;border-radius:50%;font-weight:700}.phase-banner-assassination{border:1px solid #fb7185;background:linear-gradient(105deg,#7f1d1d,#450a0a 60%,#171717);box-shadow:0 0 28px #ef444466}.assassination-overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle,#ef444455,#7f1d1dcc 55%,#450a0aee)}.assassination-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 25%,#fecaca66 50%,transparent 75%);transform:skew(-18deg)}.game-result{margin-top:16px;padding:18px;border:1px solid #d4af5a88;border-radius:14px;background:linear-gradient(145deg,#302b20,#111827)}.game-result h2{color:#fde7a9;font-size:1.25rem;font-weight:700}.game-result-winner{margin-top:8px;color:#fcd34d;font-size:1.15rem;font-weight:700}.game-result-roles{margin-top:14px}.game-result-roles h3{color:#cbd5e1;font-size:.9rem}.game-result-role{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:6px;padding:7px 9px;border-radius:6px;background:#0f172a99;font-size:.85rem}.app-shell{position:relative}.room-code-row{display:flex;align-items:center;gap:10px;margin-top:8px}.room-code-display{color:#fde7a9;font-family:Georgia,serif;font-size:2rem;font-weight:700;letter-spacing:.22em}.room-code-copy,.chat-collapse-button{border:1px solid #8b7037;border-radius:7px;background:#302b20;color:#f7d98a;padding:6px 10px;font-size:.8rem}.room-code-copy:hover,.chat-collapse-button:hover{background:#493b25}.chat-panel{transition:max-height .2s ease,background .2s ease;border:1px solid #725a3a!important;border-radius:3px!important;background:linear-gradient(145deg,#211d1be8,#0b1018e8)!important;box-shadow:inset 0 0 25px #0008,0 12px 32px #0008}.chat-panel h2{color:#e5c979;font-family:Georgia,serif;letter-spacing:.08em}.chat-panel input{border:1px solid #45576c;background:#070c14;color:#e9eef2}.chat-panel button{border:1px solid #90703d;background:#322a1d;color:#ecd58d}.chat-panel-collapsed{padding-bottom:10px}@media(min-width:1024px){.app-shell{padding-right:350px}.chat-panel{position:absolute;top:170px;right:24px;width:300px;margin-top:0}}@media(max-width:767px){.chat-panel{position:fixed;z-index:30;right:10px;bottom:10px;left:10px;margin-top:0;max-height:min(52vh,430px);box-shadow:0 12px 34px #0009}.chat-panel-collapsed{max-height:54px}.chat-panel:not(.chat-panel-collapsed) .max-h-56{max-height:28vh}.room-code-display{font-size:1.6rem}}.art-backdrop{position:absolute;z-index:-4;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(180deg,#07111db8,#07101acc 45%,#020307f5),url(/art/39262bb40a6247955ef92554e98a3a73.jpg);background-size:cover;background-position:center;filter:saturate(.78) contrast(1.08);opacity:.72}.magic-backdrop:not(.magic-backdrop-compact) .art-backdrop{background-image:linear-gradient(180deg,#07111dcc,#030407f2),url(/art/39262bb40a6247955ef92554e98a3a73.jpg)}.magic-backdrop-compact .art-backdrop{position:fixed;background-image:linear-gradient(180deg,#07111d9c,#030407ee 78%),url(/art/0845dce8f44076fb69268de6f482aafe.jpg);background-position:center;opacity:.9}.app-shell{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.table-stage{background-image:linear-gradient(180deg,#08141d66,#050a10c7),url(/art/0845dce8f44076fb69268de6f482aafe.jpg);background-size:cover;background-position:center;box-shadow:inset 0 0 80px #000c,0 16px 50px #000b}.table-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid #f0cd7955;box-shadow:inset 0 0 0 7px #05070a55,inset 0 0 100px #000d}.table-top{background:radial-gradient(ellipse at 50% 43%,#48666b99,#1e343bb5 46%,#0e181dd9 73%),url(/art/0845dce8f44076fb69268de6f482aafe.jpg);background-size:cover;background-position:center}.role-art-window{display:block;background-image:none}.role-art-window img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;filter:saturate(1.08) contrast(1.04)}.role-art-window:after{z-index:1}.role-card-front strong{text-shadow:0 1px 12px #000}.seat-avatar{overflow:hidden}.seat-avatar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,#d6a84a33,transparent 55%)}@media(max-width:620px){.table-stage{min-height:510px}.table-top{width:96vw}}.seat-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;opacity:.9}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}