/* Night Table / original gothic game interface */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap');
:root{--gold:#d9bc83;--line:#a589593d;--ink:#10141e;--muted:#98a2b5}body{background:#0c111b;color:#e5e5e8;background-image:radial-gradient(ellipse at 65% 0%,#27364a99,transparent 55%),linear-gradient(140deg,#111927,#080c14);min-height:100vh}body:before{content:'';position:fixed;pointer-events:none;inset:0;background:repeating-linear-gradient(90deg,transparent 0 119px,#8996b004 120px);z-index:-1}main{max-width:1440px;padding:26px 38px}header{border-color:var(--line);align-items:center}.brand{font:600 25px 'Noto Serif SC',serif;letter-spacing:5px}header small{letter-spacing:2px;font-size:11px}h1,h2{font-family:'Noto Serif SC',serif}h1{font-size:52px;letter-spacing:3px;line-height:1.5}#lobby{padding:35px 0}#lobby>.tag{letter-spacing:6px;font-size:11px}#lobby>.muted{margin-bottom:40px}#lobby .grid{grid-template-columns:1.45fr 1fr;gap:24px}#lobby .card{min-height:250px;position:relative;overflow:hidden;padding:34px;border-radius:5px;background:linear-gradient(120deg,#27344a,#121c2c);border:1px solid #58637c66;cursor:pointer}#lobby .card:after{position:absolute;right:15px;bottom:-45px;font-size:220px;opacity:.09;content:'♜';font-family:serif;transform:rotate(-12deg)}#lobby #wolf:after{content:'☾';color:#f3d5a1;font-size:330px;bottom:-85px;right:40px}#lobby .card.selected{border-color:var(--gold);box-shadow:inset 0 0 60px #d3b1740b}#lobby .card h2{font-size:30px;margin:5px 0 18px}#lobby .card .icon{font-size:30px;color:var(--gold);margin-bottom:18px}button,select,input{border-radius:5px;background:#192334;border-color:#66738a55}button:hover{background:#27344a}.gold{background:linear-gradient(120deg,#e5c995,#b99660);padding:16px 42px;font-weight:700;letter-spacing:2px;color:#241d13}.controls{align-items:center}.muted,small{color:var(--muted)}#game>.controls{border-bottom:1px solid var(--line);padding-bottom:18px}#status{flex:1;color:var(--gold);letter-spacing:2px}.layout{grid-template-columns:minmax(0,1fr) 340px;gap:22px}.layout>div:first-child{position:relative;padding:22px 155px;min-height:670px;background:radial-gradient(ellipse at 50% 40%,#34445b77,#121b2a 65%);border:1px solid #67758e44;border-radius:8px;overflow:hidden}.layout>div:first-child:before{content:'☽';font:200px Georgia;position:absolute;top:45px;left:calc(50% - 60px);opacity:.07;color:#f9e0a5;pointer-events:none}.players{position:absolute;inset:16px;display:grid;grid-template-columns:110px 110px;grid-template-rows:repeat(6,1fr);justify-content:space-between;gap:8px;pointer-events:none}.player{position:relative;pointer-events:auto;padding:7px;border:0;border-radius:7px;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:88px;font-size:12px;gap:5px}.player:nth-child(odd){grid-column:1}.player:nth-child(even){grid-column:2}.player .avatar{width:50px;height:50px;border:1px solid #acb8d177;border-radius:50%;background:radial-gradient(circle at 30% 20%,#71829c,#28374e 60%,#182236);display:grid;place-items:center;font:25px Georgia;box-shadow:0 0 0 4px #101b2b,0 0 0 5px #7a89a533}.player:nth-child(3n) .avatar{background:radial-gradient(circle at 30% 20%,#987380,#483248 60%,#241f32)}.player:nth-child(4n) .avatar{background:radial-gradient(circle at 30% 20%,#7b968d,#304743 60%,#1e2c30)}.player.chosen{background:#b7915733;color:#f2d39b}.player.chosen .avatar{border-color:#f4cb7d;box-shadow:0 0 0 4px #101b2b,0 0 0 6px #bd9d65}.player.speaking .avatar{box-shadow:0 0 0 5px #83bead33,0 0 22px #83bead77;border-color:#a0d8c4}.player.dead{opacity:.38;filter:grayscale(1)}.layout .card{position:relative;margin-top:160px!important;border:1px solid var(--line);background:#0f1727d9;border-radius:6px;padding:22px;text-align:center;min-height:250px;backdrop-filter:blur(10px)}#phase{color:#f1d5a2;font-size:23px;line-height:1.5}#hint{line-height:1.9;font-size:14px}#actions button{font-size:14px;background:#25334a;border-color:#8e78544d}#actions button:first-child{background:linear-gradient(120deg,#e1c28a,#af8a53);color:#201a12}#rolecard{border-radius:6px;padding:16px 22px!important;background:linear-gradient(90deg,#352c22,#171e2c)!important;border:1px solid var(--line);font-size:14px;line-height:1.8;color:#e1c490}.layout>div:nth-child(2){background:#101825;border:1px solid #67758e44;border-radius:8px;padding:18px}.layout>div:nth-child(2)>h2{font:600 17px 'Noto Serif SC';letter-spacing:3px;border-bottom:1px solid var(--line);padding-bottom:18px;margin:2px 0 0}.log{height:460px;padding:8px 0;background:transparent;border-radius:0;font-size:13px;line-height:1.9}.entry{border-color:#69758e22;padding:13px 2px}.entry .tag{display:block;font-weight:600;font-size:12px;letter-spacing:1px;margin-bottom:4px}.layout .controls{gap:6px;margin:14px 0}.layout input{width:100%;flex-basis:100%;font-size:13px;padding:12px}.layout .controls button{font-size:12px;padding:9px 15px}#micinfo{font-size:11px}footer{border-top:1px solid var(--line);padding-top:18px;line-height:1.8;font-size:11px}.voice-settings{border:1px solid var(--line);padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}.voice-settings select{max-width:300px}.steptrack{display:flex;justify-content:center;gap:12px;font-size:11px;color:#8997ac;margin-bottom:14px}.steptrack b{color:#e2c28c}.rules{font-size:13px;line-height:2;color:#9aa8bb;margin-top:20px}.rules summary{cursor:pointer;color:#d6bd8d}.room-label{font-size:10px;letter-spacing:3px;color:#8191a9;position:absolute;top:24px;left:50%;transform:translateX(-50%);white-space:nowrap}@media(max-width:1050px){main{padding:20px}.layout{grid-template-columns:1fr}.layout>div:first-child{min-height:720px}.log{height:300px}#lobby .grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){h1{font-size:32px}main{padding:15px 10px}header .brand{font-size:19px}header small{font-size:9px}#lobby .grid{grid-template-columns:1fr}#lobby .card{min-height:190px}.layout>div:first-child{padding:10px 91px;min-height:700px}.players{inset:12px 4px;grid-template-columns:80px 80px}.player{font-size:10px}.player .avatar{width:42px;height:42px;font-size:21px}.layout .card{padding:15px 10px;margin-top:145px!important}#phase{font-size:18px}#hint{font-size:12px}.room-label{font-size:8px}#actions button{font-size:12px;padding:10px}.voice-settings select{max-width:220px}}
.wolfchat{margin:18px 0;border:1px solid #aa667555;background:linear-gradient(130deg,#2b1d2b,#131c2c);padding:22px;border-radius:7px}.wolfchat h2{font-size:20px;color:#e6b8be;margin:0}.wolfchat h2 small{font:10px system-ui;letter-spacing:3px;margin-left:12px;color:#a97585}#wolfchatstatus{font-size:12px;color:#bd9eac}#wolfchatlog{max-height:280px;overflow:auto;font-size:14px;line-height:1.8}.wolfchatinput{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.wolfchatinput input{flex:1;min-width:220px}.wolfchatinput button{font-size:13px}.wolfchat .tag{color:#d9a2b3}