:root{color-scheme:dark;--bg:#0b0e0e;--panel:#141919;--border:#293131;--text:#eceee7;--muted:#929c97;--gold:#d6c29c;--green:#8dbaa5;--red:#e88a87;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#1c302c66,transparent 55%),var(--bg);min-height:100vh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{min-height:44px;padding:11px 18px;border:1px solid var(--border);border-radius:5px;color:var(--text);background:#1a2120;cursor:pointer;transition:background .15s}button:hover{background:#2c3632}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:var(--gold);text-decoration:none}p{line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(36px,5vw,65px);line-height:1.12;letter-spacing:-1.6px;margin-bottom:20px}h2{font-size:27px}h3{font-size:16px;letter-spacing:.5px;margin-bottom:8px}small{color:var(--muted);line-height:1.5}input,select{background:#0e1312;color:var(--text);border:1px solid #3b4641;border-radius:4px;min-height:46px;padding:11px;width:100%}label{display:block;color:var(--muted);font-size:13px}label input{margin-top:9px}select{font-size:13px;margin-top:7px}form{display:grid;gap:20px}input[type=checkbox]{width:20px;min-height:20px;margin:0;accent-color:var(--gold)}.primary{background:var(--gold);border-color:var(--gold);color:#19201b;font-weight:700}.primary:hover{background:#e5d7bc}.large{min-height:56px;padding:17px 24px}.top{height:98px;border-bottom:1px solid var(--border);padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{font-family:Georgia,serif;font-size:27px;letter-spacing:5px;color:var(--text)}.brand span{font-size:13px;color:var(--gold);letter-spacing:0}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:3px;margin-top:4px}.top-right{display:flex;align-items:center;gap:25px}.connection{color:var(--green);font-size:12px}.view-tag{font-size:10px;letter-spacing:1.8px;border-left:1px solid var(--border);padding-left:25px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);margin-bottom:18px;font-weight:700;line-height:1.7}.landing{padding:90px 7% 35px;max-width:1120px;position:relative;z-index:1}.landing h1{font-size:clamp(46px,6.5vw,85px);margin:25px 0}.landing h1 em{color:var(--gold);font-weight:400}.intro{color:var(--muted);font-size:17px;margin:25px 0 35px}.landing-actions{display:flex;gap:12px;flex-wrap:wrap}.landing-actions .primary span{padding-left:45px}.join-home{display:flex;align-items:end;margin-top:42px;max-width:450px;gap:12px}.join-home label{flex:1}.join-home input{text-transform:uppercase}.resume{display:block;margin-top:25px;font-size:13px}.landing-footer{display:flex;flex-wrap:wrap;gap:25px;border-top:1px solid var(--border);padding-top:25px;margin-top:60px;color:var(--muted);font-size:10px;letter-spacing:1px}.orb{position:fixed;right:5%;top:150px;font-family:Georgia,serif;font-size:450px;line-height:1;color:#60837817;transform:rotate(-14deg);pointer-events:none}.entry{max-width:540px;margin:70px auto;padding:0 25px}.entry p{color:var(--muted)}.entry form{margin-top:30px}.photo-entry{padding:16px;border:1px dashed var(--border);border-radius:5px}.photo-entry input{border:none;font-size:12px}.photo-entry img{width:90px;height:90px;object-fit:cover;border-radius:5px;margin-top:12px}.room{max-width:1450px;margin:auto;padding:45px 5%}.room-head{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:25px}.room-head h1{font-size:clamp(33px,4.2vw,54px)}.room-count{color:var(--muted);font-size:13px}.room-count b{color:var(--green);font-size:17px}.room-count span{margin:0 12px;color:#4d5952}.room-code{text-align:right;flex-shrink:0}.room-code small{font-size:9px;letter-spacing:2px}.room-code strong{display:block;font-family:monospace;font-size:24px;letter-spacing:3px;margin:10px 0}.room-code a{font-size:12px}.live-dot{display:inline-block;background:var(--green);width:5px;height:5px;border-radius:50%;margin-left:12px}.phase-nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 30px}.panel{border:1px solid var(--border);background:linear-gradient(120deg,#19211f90,#111716c0);padding:25px;border-radius:7px;margin-bottom:22px}.lobby-tools{display:grid;grid-template-columns:2fr 1fr;gap:20px}.invite{display:flex;align-items:center;gap:25px}.invite img{width:125px;height:125px;background:white;border-radius:5px;flex-shrink:0}.invite h2{font-size:24px;margin-bottom:7px}.invite p{font-size:13px;color:var(--muted);margin-bottom:13px}.invite small{display:block;margin-top:13px;overflow-wrap:anywhere;font-size:10px}.invite .eyebrow{margin-bottom:10px}.lobby-tools form{align-content:center}.timer-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.timer-panel .eyebrow{margin-bottom:6px}.countdown{font-family:Georgia,serif;font-weight:400;font-size:47px;font-variant-numeric:tabular-nums;letter-spacing:2px}.timer-controls{display:grid;gap:9px}.timer-controls>div{display:flex;flex-wrap:wrap;gap:7px}.timer-controls button{font-size:12px;padding:9px 13px}.timer-panel p{font-size:12px;margin:0}.section{margin:35px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}.section-heading h2{margin:0;font-size:26px}.section-heading span{font-size:11px;color:var(--muted)}.player-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.player-card{border:1px solid var(--border);border-radius:7px;overflow:hidden;background:#131918}.portrait{height:180px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 30%,#30443b,#14201c)}.player-card:nth-child(3n+2) .portrait{background:radial-gradient(circle at 50% 30%,#454136,#201e17)}.player-card:nth-child(3n) .portrait{background:radial-gradient(circle at 50% 30%,#363e45,#171b20)}.portrait img{width:100%;height:100%;object-fit:cover}.initial{font-family:Georgia,serif;font-size:82px;color:#b6bfa18c}.seat{position:absolute;left:12px;top:12px;font-size:10px;color:#eee;background:#0006;padding:5px 6px;border-radius:3px}.life{position:absolute;right:9px;top:12px;font-size:9px;letter-spacing:.5px;color:#bfe0ce;background:#0b191ad4;padding:6px;border-radius:4px}.photo-button{position:absolute;bottom:9px;right:9px;font-size:10px;min-height:32px;padding:5px 9px;background:#0b1413cf}.player-body{padding:17px}.player-body h3{overflow-wrap:anywhere}.player-body p{margin:0;font-size:12px}.role{color:var(--gold)}.mafia-role{color:#dea998}.text-button{border:none;background:transparent;padding:7px 0;font-size:11px;text-align:left;min-height:40px}.danger-text{color:var(--red)}.muted{color:var(--muted)}.dead .portrait{filter:grayscale(1);opacity:.45}.dead .life{color:var(--red)}.dead h3{text-decoration:line-through;color:var(--muted)}.night-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.night-card{margin:0;padding:22px}.night-card .eyebrow{margin-bottom:12px}.night-card h3{margin-bottom:18px}.night-card small{display:block;margin-top:15px}.wide{width:100%;font-size:12px}.submitted{color:var(--green);font-size:13px;line-height:1.6}.section-actions{display:flex;justify-content:end;margin-top:18px}.self-panel{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.mini-avatar{width:72px;height:72px;overflow:hidden;border-radius:5px;background:#24352b;display:flex;justify-content:center;align-items:center}.mini-avatar img{width:100%;height:100%;object-fit:cover}.mini-avatar .initial{font-size:44px}.self-panel h2{margin:0 0 5px}.self-panel p{margin:0;font-size:14px}.self-panel .eyebrow{margin:0 0 7px}.self-panel>p{width:100%;padding-left:92px}.result-panel{border-color:#73674e}.result-panel p{color:var(--muted)}.result-options{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.result-options label{display:flex;align-items:center;gap:8px;color:var(--text);min-height:44px}.result-panel details{margin-bottom:25px}.result-panel details p{font-size:12px}.voting-panel button{margin:0 8px 8px 0}.winner{text-align:center;padding:45px;border-color:#635947}.winner span{font-size:11px;color:var(--gold);letter-spacing:4px}.winner h2{font-size:48px;margin:15px 0 0;color:var(--gold)}.history{margin-top:30px}.history summary{cursor:pointer;font-family:Georgia,serif;font-size:23px;padding:5px}.history summary span{font:10px Arial,sans-serif;float:right;color:var(--muted);line-height:25px}.log{display:flex;gap:15px;align-items:baseline;border-top:1px solid var(--border);padding:12px 0;font-size:12px}.log:first-of-type{margin-top:20px}.log time{color:var(--muted);font-size:10px}.log p{margin:0;flex:1}.log>span{color:var(--gold);font-size:9px}.empty{border:1px dashed var(--border);padding:40px;text-align:center;color:var(--muted);font-size:14px}.room footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding-top:25px;margin-top:40px;color:var(--muted);font-size:9px;letter-spacing:1px}.room footer span{letter-spacing:0}dialog{width:min(640px,calc(100% - 24px));max-height:85dvh;border:1px solid #4d5c51;border-radius:10px;background:#121a17;color:var(--text);padding:28px;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-head h2{margin:0}.dialog-head button{font-size:24px;background:transparent}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 9px;overflow-wrap:anywhere;font-size:12px}.choice-avatar{width:70px;height:70px;border-radius:50%;background:#2e4137;display:flex;align-items:center;justify-content:center;overflow:hidden}.choice-avatar img{width:100%;height:100%;object-fit:cover}.choice-avatar .initial{font-size:42px}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:15px 23px;background:#dfceb0;color:#172019;border-radius:5px;z-index:100;width:max-content;max-width:calc(100% - 30px);font-size:13px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.loading{margin:100px;text-align:center;font-family:Georgia,serif;font-size:50px}.loading span{display:block;font-size:16px;color:var(--muted);margin-top:20px}.time-low{color:var(--red)}.entry-error{text-align:center;color:var(--red)}.busy button{opacity:.65}.public-room .portrait{height:240px}.public-room .countdown{font-size:72px}.public-room .timer-panel{border-color:#495c50}.public-room .role{font-size:15px}@media(min-width:1600px){.public-room{max-width:1800px}.public-room .portrait{height:300px}}@media(max-width:1100px){.player-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lobby-tools{grid-template-columns:1fr}.lobby-tools form{display:flex;align-items:end}.lobby-tools form label{flex:1}.night-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.top{height:80px;padding:0 6%}.brand{font-size:23px}.top-right{gap:8px;flex-direction:column;align-items:end}.view-tag{border:none;padding:0;font-size:8px}.connection{font-size:10px}.landing{padding:55px 7% 25px}.orb{font-size:280px;top:200px;right:-20px}.landing-actions{flex-direction:column;align-items:stretch}.landing-footer{gap:15px;flex-direction:column;margin-top:40px}.join-home{flex-direction:column;align-items:stretch}.room{padding:30px 5%}.room-head{gap:10px}.room-code strong{font-size:17px;letter-spacing:1px}.room-code small{font-size:7px;letter-spacing:1px}.room-code a{font-size:10px}.room-head h1{font-size:34px}.room-head .eyebrow{font-size:8px;letter-spacing:1.5px}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portrait{height:140px}.player-body{padding:12px}.player-body h3{font-size:13px}.player-body .role{font-size:10px}.timer-panel{padding:20px}.invite{gap:16px;padding:20px}.invite img{width:100px;height:100px}.invite h2{font-size:22px}.invite .eyebrow{font-size:8px}.panel{padding:20px}.public-room .portrait{height:180px}}@media(max-width:500px){.room-head{flex-direction:column}.room-code{text-align:left;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.room-code strong{margin:0}.room-code small{font-size:8px}.room-head h1{font-size:37px}.room-count{margin-bottom:0}.room-code a{margin-left:auto}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait{height:155px}.seat{left:8px}.life{font-size:8px;right:7px}.night-grid{grid-template-columns:1fr}.night-card h3{font-size:16px}.timer-panel{align-items:start;flex-direction:column;gap:15px}.timer-controls{width:100%}.timer-controls>div{justify-content:start}.invite{align-items:start;gap:14px}.invite img{width:80px;height:80px}.invite h2{font-size:20px}.invite p{font-size:11px}.invite small{font-size:9px}.invite button{font-size:11px;padding:10px}.lobby-tools form{display:grid}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.room footer{flex-direction:column}.self-panel{gap:15px}.self-panel>p{padding-left:0}.self-panel .eyebrow{font-size:8px}.history summary{font-size:20px}.history summary span{float:none;display:block}.entry{margin-top:40px}.entry h1{font-size:39px}.landing h1{font-size:43px}.top-right .view-tag{max-width:120px;text-align:right}.public-room .portrait{height:160px}}
.dialog-head h2{min-width:0;overflow-wrap:anywhere}.dialog-head button{flex-shrink:0}.choice{min-width:0}.choice span{max-width:100%;overflow-wrap:anywhere}
textarea{width:100%;margin:12px 0 20px;padding:12px;background:#0e1312;border:1px solid #3b4641;color:#eceee7;border-radius:5px;font:14px monospace;resize:vertical;overflow-wrap:anywhere}.room-code .text-button{display:block;margin-left:auto}
.access-modes{display:flex;gap:12px;border:0;padding:0;margin:0}.access-modes legend{font-size:13px;color:var(--muted);margin-bottom:12px}.access-modes label{display:flex;align-items:center;gap:9px;padding:14px;border:1px solid var(--border);border-radius:5px;flex:1;color:var(--text)}.access-modes input{width:20px;min-height:20px;margin:0;accent-color:var(--gold)}.player-fields[hidden]{display:none}.player-fields{display:grid;gap:20px}.access-modes label:has(input:checked){border-color:var(--gold)}