@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/thai/noto-sans-thai-thai-400-normal.woff2') format('woff2');unicode-range:U+0E00-0E7F}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/thai/noto-sans-thai-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/latin/space-grotesk-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/thai/noto-sans-thai-thai-500-normal.woff2') format('woff2');unicode-range:U+0E00-0E7F}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/thai/noto-sans-thai-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/latin/space-grotesk-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/thai/noto-sans-thai-thai-600-normal.woff2') format('woff2');unicode-range:U+0E00-0E7F}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/thai/noto-sans-thai-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/latin/space-grotesk-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/thai/noto-sans-thai-thai-700-normal.woff2') format('woff2');unicode-range:U+0E00-0E7F}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/thai/noto-sans-thai-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/latin/space-grotesk-latin-700-normal.woff2') format('woff2')}
:root{--bg:#101719;--panel:#192124;--line:#34403e;--ink:#eee8d8;--muted:#9baba8;--gold:#cfb77b;--accent:#d4ba7d;--green:#89ac95;--red:#e3998c;font-family:'Noto Sans Thai',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .2s,transform .2s;border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:5px;padding:11px 17px}button:hover:not(:disabled){background:#ffffff0c;border-color:var(--gold)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input{width:100%;min-width:0;background:#11191b;border:1px solid #3d4843;border-radius:5px;padding:13px 15px;color:var(--ink)}input::placeholder{color:#788783}input:focus{border-color:var(--gold);outline:none}h1,h2,h3,p{margin:0}h2{font-size:25px;font-weight:600}h3{font-size:16px}small{display:block;font-size:12px}.muted{color:var(--muted);font-size:13px;line-height:1.9}.eyebrow{font-family:'Space Grotesk','Noto Sans Thai',sans-serif;font-size:10px;letter-spacing:2px;font-weight:500;color:var(--gold)}header{max-width:1440px;margin:auto;padding:28px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0b}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;color:var(--ink);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:24px;letter-spacing:4px}.brand-mark{font-size:39px;color:var(--gold);line-height:1}.brand small{font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:3px}.header-right{display:flex;align-items:center;gap:25px}.connection{font-size:11px;color:var(--muted)}.connection:before,.status-dot{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:7px}.connection.offline:before{background:var(--red)}.quiet{font-size:12px;padding:8px 12px;border-color:transparent;color:var(--muted)}kbd{font-size:10px;border:1px solid #45504b;padding:0 4px;margin-left:8px}.landscape{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 48% 38%,#35434255,transparent 55%),linear-gradient(#10191d,#142023 70%,#101719)}.moon{position:absolute;top:135px;left:44%;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#d8d9bb,#919f97);opacity:.17;box-shadow:0 0 100px 55px #bfc6ad0b}.ridge{position:absolute;bottom:0;width:100%;height:50%;clip-path:polygon(0 65%,12% 33%,23% 49%,36% 14%,48% 46%,60% 5%,75% 44%,85% 29%,100% 58%,100% 100%,0 100%);background:#10191b}.ridge.back{bottom:12%;background:#2c3a3944;transform:scaleX(-1)}.forest{position:absolute;inset:57% 0 0;opacity:.55;background:repeating-conic-gradient(from 150deg at 50% 0%,transparent 0 35deg,#0b1416 36deg 65deg,transparent 66deg 360deg) 0 0/110px 220px}#landing{max-width:1280px;padding:74px 5% 0;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:60px}.intro{padding-top:30px}.intro .eyebrow{font-size:10px;letter-spacing:1.5px}.intro .eyebrow i{display:inline-block;width:16px;height:1px;background:var(--gold);vertical-align:middle;margin-right:8px}h1{font-size:clamp(34px,3.5vw,52px);font-weight:500;line-height:1.55;letter-spacing:-1.5px;margin:24px 0 20px}h1 span{color:var(--gold)}.intro>p{font-size:14px;line-height:2.1;color:#aebbb5}.intro-meta{display:flex;gap:23px;margin-top:28px;font-size:11px;color:var(--muted)}.lore{display:flex;gap:18px;align-items:center;margin-top:62px;padding-left:15px;border-left:1px solid #cfb77b55}.moon-small{font-size:39px;color:var(--gold)}.lore b{font-size:12px;font-weight:500}.lore small{margin-top:6px;font-size:10px;color:var(--muted)}.parchment{background:linear-gradient(140deg,#26302af2,#1a2321f5);border:1px solid #65725b66;box-shadow:0 20px 80px #0003,inset 0 0 50px #cfb77b03;border-radius:8px}.entry{padding:30px 32px}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ornament{color:var(--gold);font-size:23px}.entry h2{font-size:28px;margin-bottom:8px}.entry label{display:block;font-size:12px;margin-bottom:9px}.entry form{margin-top:26px}.primary{background:var(--accent);border-color:var(--accent);color:#1b211d;font-weight:600}.primary:hover:not(:disabled){background:#e6ce95;color:#101719}.entry .primary{width:100%;display:flex;justify-content:space-between;margin-top:14px}.divider{display:flex;align-items:center;gap:12px;margin:23px 0;color:#89968a;font-size:10px}.divider:before,.divider:after{content:'';height:1px;flex:1;background:#42503e}.join-row{display:flex;gap:10px}.join-row input{text-transform:uppercase;font-family:'Space Grotesk',sans-serif;letter-spacing:2px}.secondary{white-space:nowrap;color:var(--gold);border-color:#7b805c}.entry-foot{margin-top:26px;font-size:10px;color:#9eac9e;display:flex;align-items:center;justify-content:center}.roles-preview{grid-column:1/-1;margin-top:5px;border-top:1px solid #69746633;padding:27px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.roles-preview>div{padding-right:20px}.roles-preview .eyebrow{font-size:8px;letter-spacing:1px;color:var(--muted)}.roles-preview h3{font-weight:500;font-size:17px;margin-top:7px}.roles-preview article{display:flex;gap:12px;align-items:center}.roles-preview article>span{display:grid;place-items:center;font-size:23px;width:42px;height:48px;border:1px solid #cfb77b22;border-radius:22px 22px 5px 5px;background:#bbaa7208}.roles-preview b{font-size:12px;font-weight:500}.roles-preview small{font-size:10px;color:var(--muted);margin-top:5px}footer{max-width:1280px;padding:23px 5%;margin:auto;display:flex;justify-content:space-between;color:#70817c;font-size:9px;letter-spacing:1px;font-family:'Space Grotesk','Noto Sans Thai',sans-serif}footer i{color:var(--gold);margin:0 12px}.footer-moon{font-size:18px;margin-left:12px}#game{max-width:1280px;margin:auto;padding:26px 5%}.room-bar,.room-code,.room-tools{display:flex;align-items:center;justify-content:space-between;gap:15px}.room-code{justify-content:start}.room-code h2{font-family:'Space Grotesk',sans-serif;letter-spacing:4px;color:var(--gold)}.room-tools{font-size:12px;color:var(--muted)}.danger{color:var(--red)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-top:24px}.board{border:1px solid var(--line);background:#162023d9;border-radius:8px;padding:25px}.phase-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.phase-bar h2{margin-top:7px}.clock{font-family:'Space Grotesk',sans-serif;font-size:24px;color:var(--gold);padding:10px 15px;border:1px solid #cfb77b33;border-radius:6px}.players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}.player{position:relative;border-radius:7px;padding:17px 8px;background:linear-gradient(#2b3633,#1a2525);border-color:#45534b;min-height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;overflow:hidden}.player:disabled{opacity:1;cursor:default}.player.can-select:hover{transform:translateY(-3px)}.player.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#454332}.avatar{display:grid;place-items:center;border-radius:50%;width:45px;height:45px;font-size:22px;background:#83968418;border:1px solid #bdc29a33}.player b{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500;white-space:nowrap}.player small{font-size:10px;color:var(--muted)}.player .seat{position:absolute;left:9px;top:7px;font-family:'Space Grotesk',sans-serif;font-size:9px;color:#84948b}.player .check{position:absolute;right:9px;top:7px;font-size:11px;color:var(--green)}.player.dead{opacity:.45;filter:grayscale(1)}.player.empty{border-style:dashed;background:transparent;opacity:.3}.selection{font-size:12px;min-height:25px;color:var(--gold);text-align:center;margin-top:15px}.board-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:10px 0 24px}.journal{border-top:1px solid var(--line);padding-top:20px}.journal ol{padding-left:18px;font-size:12px;line-height:2;color:var(--muted);max-height:180px;overflow:auto}.role-panel{background:linear-gradient(135deg,#343629,#202920);border:1px solid #68705366;border-radius:7px;padding:20px;min-height:180px}.role-cover{display:block;width:100%;border:none;margin-top:14px;color:var(--gold);font-size:26px}.role-cover b{display:block;font-size:14px;margin-top:6px}.role-cover small{font-size:10px;color:var(--muted);margin-top:4px}#role-content h3{font-size:21px;color:var(--gold);margin:15px 0 8px}#role-content p{font-size:12px;color:#b7bfa9;line-height:1.9}#role-content .quiet{padding:0;margin-top:10px}#role-content .vision{font-size:11px;color:var(--gold);margin-top:10px}.chat-panel{border:1px solid var(--line);background:#162023ed;border-radius:7px;margin-top:18px;padding:18px}.chat-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}.chat-title h3{font-size:13px}.messages{height:245px;overflow-y:auto;padding:13px 0;scroll-behavior:smooth}.message{margin-bottom:14px;overflow-wrap:anywhere}.message b{font-size:10px;color:var(--gold);font-weight:500}.message time{font-size:9px;color:#7f9089;float:right}.message p{font-size:12px;line-height:1.8;color:#c6cec6;margin-top:3px}.chat-panel form{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.chat-panel input{border:none;background:#111a1c;font-size:12px;padding:10px}.chat-panel form button{border:none;background:#353f32;border-radius:0;color:var(--gold);padding:5px 14px}.chat-panel>small{font-size:10px;margin-top:8px}.private-note{font-size:12px;color:var(--gold);background:#c0a66b0c;padding:12px;border:1px solid #c0a66b33;border-radius:4px;margin-bottom:20px}dialog{max-width:600px;width:calc(100% - 32px);border:1px solid #697457;background:#1c2726;border-radius:9px;color:var(--ink);padding:35px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#050e10ce;backdrop-filter:blur(6px)}dialog h2{margin:12px 0 20px}dialog p{font-size:13px;line-height:2;margin-top:12px}.close{position:absolute;right:12px;top:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;padding:13px 22px;border:1px solid var(--gold);border-radius:7px;background:#26322f;box-shadow:0 8px 30px #0008;font-size:13px;max-width:90vw;text-align:center}[hidden]{display:none!important}@media(min-width:1500px){#landing{padding-top:100px}.roles-preview{margin-top:45px}}@media(max-width:1000px){#landing{gap:35px;padding-top:40px}.intro{padding-top:15px}.intro-meta{gap:10px;font-size:10px}.lore{margin-top:35px}.entry{padding:25px}.roles-preview{flex-wrap:wrap}.roles-preview>div{width:100%}.game-layout{grid-template-columns:minmax(0,1fr) 270px}.board{padding:18px}.players{gap:8px}.player{min-height:130px}}@media(max-width:720px){header{padding:20px 5%}.brand{font-size:19px}.brand small{font-size:6px}.brand-mark{font-size:30px}.header-right{gap:4px}.connection{font-size:9px}.quiet{padding:8px}.header-right kbd{display:none}#landing{grid-template-columns:1fr;gap:30px;padding-top:25px}.intro{padding-top:0}h1{font-size:36px;margin-top:20px}.intro>p{font-size:12px}.intro-meta{font-size:10px;gap:18px}.lore{display:none}.entry{max-width:500px;width:100%;justify-self:center}.roles-preview{gap:20px}.roles-preview article{width:44%}.roles-preview>div{padding:0}footer{font-size:7px;gap:10px}.game-layout{grid-template-columns:1fr}.game-layout aside{display:grid;grid-template-columns:1fr;gap:15px}.chat-panel{margin:0}.room-tools{flex-direction:column;align-items:flex-end;gap:0}.room-code{gap:4px}.room-code h2{font-size:20px}.room-code button{font-size:10px}.board{padding:15px}.player{min-height:130px;padding:15px 6px}.player b{font-size:11px}.phase-bar h2{font-size:22px}.clock{font-size:20px;padding:8px}.intro .eyebrow{font-size:8px}.moon{left:60%;top:160px;width:120px;height:120px}.messages{height:220px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.lobby-settings{margin-top:20px;padding:14px;border:1px solid var(--line);border-radius:6px;background:#ffffff03}.lobby-settings label{font-size:12px;color:var(--gold);margin-right:12px}.lobby-settings select{font:inherit;font-size:12px;padding:9px;border-radius:4px;border:1px solid var(--line);color:var(--ink);background:#182322;max-width:100%}.lobby-settings p{margin-top:10px;font-size:11px}.room-code{flex-wrap:wrap}@media(max-width:720px){.room-code{gap:2px}.room-code #copy-link{width:100%;padding-left:0;text-align:left}.room-bar{align-items:flex-start}.lobby-settings label{display:block;margin-bottom:8px}}

button:disabled:not(.player){opacity:.75;color:#c0c7ba}.primary:disabled{background:#344035;border-color:#52604b}

.player.my-vote{border-color:var(--green);background:linear-gradient(#314638,#1c3028)}.player .vote-marker{font-size:32px;line-height:1;font-weight:700;color:#e0f1d3;border:2px solid var(--green);background:#203e2d;box-shadow:0 0 18px #89ac9522}.player.my-vote.selected{border-color:var(--gold)}
#toast{width:max-content;pointer-events:none}@media(max-width:720px){#toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}

.gm-panel{border:1px solid #a892cf;background:linear-gradient(140deg,#2a2537,#19262b);border-radius:7px;padding:16px;margin:18px 0}.gm-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.gm-heading h3{color:#d8c4f4}.gm-heading label{font-size:11px;display:flex;gap:7px;align-items:center}.gm-heading input{width:auto}.gm-panel>p{font-size:11px;margin-top:8px}.gm-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.gm-controls button{font-size:11px;padding:8px 10px}.gm-controls label{font-size:11px}.gm-controls select{font:inherit;background:#252b30;color:var(--ink);border:1px solid var(--line);padding:7px;border-radius:4px}#gm-debug{overflow:auto;margin-top:14px}#gm-debug table{width:100%;border-collapse:collapse;font-size:11px}#gm-debug th,#gm-debug td{text-align:left;padding:8px;border-bottom:1px solid #ffffff15;overflow-wrap:anywhere}#gm-debug th{color:#d8c4f4}#gm-form{margin:20px 0}#gm-form label{display:block;font-size:12px;margin:12px 0 6px}#gm-form button{width:100%;margin-top:18px}@media(max-width:720px){header{flex-wrap:wrap;gap:12px}.header-right{flex-wrap:wrap;gap:4px;margin-left:auto}#gm-open{font-size:10px}.gm-panel{padding:12px}}

.player.runoff-candidate{border:2px solid var(--gold);background:linear-gradient(#4b4430,#2a3026);box-shadow:0 0 0 2px #cfb77b22}.player.runoff-inactive{opacity:.38}.runoff-tag{font-size:9px;line-height:1.4;color:#f1d89d;background:#cfb77b1c;border:1px solid #cfb77b66;border-radius:10px;padding:2px 8px}.player.runoff-candidate.my-vote{border-color:var(--green)}.player .seat{display:inline-flex;align-items:center;gap:4px}.seer-mark{font-size:13px;line-height:1}.gm-controls label{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gm-controls select{max-width:100%}