@import "https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700;800;900&family=Inter:wght@400;600;700;800;900&display=swap";
:root{--font-latin:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-hebrew:Assistant, Rubik, Heebo, "Noto Sans Hebrew", "Segoe UI", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06070a;--bg-2:#10131b;--ink:#f7f3e8;--muted:#a9adba;--soft:#d8c9a3;--line:#ffffff21;--panel:#11141dd1;--panel-2:#ffffff0e;--panel-3:#ffffff17;--gold:#f2c96d;--gold-2:#b88a2d;--teal:#2dd4bf;--blue:#7dd3fc;--violet:#c084fc;--red:#fb5b63;--green:#62d98d;--shadow:0 24px 80px #0000006b;--radius:8px}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--ink);font-family:var(--font-latin);background:linear-gradient(125deg,#f2c96d21,#0000 28rem),linear-gradient(205deg,#2dd4bf1f,#0000 34rem),linear-gradient(#07080d 0%,#11131a 48%,#07080d 100%);margin:0}body:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:var(--radius);min-height:2.85rem;color:var(--ink);cursor:pointer;letter-spacing:0;background:linear-gradient(#ffffff1a,#ffffff0b);justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1rem;font-weight:850;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex}button:hover:not(:disabled){border-color:#f2c96dd1;transform:translateY(-1px);box-shadow:0 0 0 3px #f2c96d1a}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:#03050a9e;outline:none;padding:.78rem .85rem;transition:border-color .15s,box-shadow .15s,background .15s}input:focus,select:focus,textarea:focus{border-color:var(--gold);background:#03050adb;box-shadow:0 0 0 3px #f2c96d21}textarea{resize:vertical;min-height:7rem}label{color:var(--muted);gap:.42rem;font-size:.88rem;font-weight:800;display:grid}h1,h2,h3,p{letter-spacing:0}.app-shell{width:min(1240px,100% - 2rem);margin:0 auto;padding:1.1rem 0 2.4rem}.topbar,.phasebar,.toolbar,.split,.grid,.row,.cards,.settings-grid,.command-center,.hero-grid,.value-row{gap:1rem;display:grid}.topbar{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06080dad;grid-template-columns:1fr auto;align-items:center;margin-bottom:1.15rem;padding:.78rem}.brand{align-items:center;gap:.72rem;min-width:0;font-size:1.08rem;font-weight:950;display:flex}.brand span:not(.brand-mark):not(.pill){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-mark,.icon-tile{border-radius:var(--radius);color:var(--gold);background:linear-gradient(135deg,#f2c96d57,#2dd4bf14),#ffffff14;border:1px solid #f2c96d59;flex:none;place-items:center;display:grid}.brand-mark{width:2.55rem;height:2.55rem}.icon-tile{width:2.25rem;height:2.25rem}.language-switch{min-width:9.5rem}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff13, #ffffff09), var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1rem}.panel-heading{align-items:center;gap:.82rem;margin-bottom:1rem;display:flex}.panel-heading.compact{margin-bottom:.85rem}.panel-heading h1,.panel-heading h2,.panel-heading h3,.panel h2,.panel h3{margin:0}.panel-heading p{color:var(--muted);margin:.18rem 0 0;font-size:.94rem;line-height:1.45}.hero{align-content:center;gap:1rem;min-height:calc(100vh - 2.2rem);display:grid}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:1.5rem}.hero-copy{gap:1.05rem;display:grid}.eyebrow,.pill{width:fit-content;color:var(--soft);background:#f2c96d14;border:1px solid #f2c96d47;border-radius:999px;align-items:center;gap:.38rem;padding:.38rem .68rem;font-size:.78rem;font-weight:950;display:inline-flex}.hero h1{letter-spacing:0;max-width:820px;margin:0;font-size:clamp(3.2rem,8vw,7.4rem);line-height:.88}.hero p{max-width:720px;color:var(--muted);margin:0;font-size:clamp(1.05rem,1.8vw,1.34rem);line-height:1.65}.value-row{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px}.value-row span{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);text-align:center;background:#ffffff0f;padding:.78rem;font-size:.86rem;font-weight:900}.room-preview{border-radius:var(--radius);min-height:380px;box-shadow:var(--shadow);background:linear-gradient(150deg,#f2c96d29,#0000 32%),linear-gradient(310deg,#2dd4bf29,#0000 44%),#080b12e6;border:1px solid #f2c96d3d;place-items:center;display:grid;position:relative;overflow:hidden}.room-preview:before,.room-preview:after{content:"";position:absolute}.room-preview:before{border-radius:var(--radius);border:1px solid #ffffff17;inset:1rem}.room-preview:after{background:#0000002e;border:1px solid #f2c96d33;border-radius:50%;width:70%;height:44%;transform:perspective(700px)rotateX(62deg)}.preview-moon{width:4.2rem;height:4.2rem;color:var(--gold);background:#f2c96d14;border:1px solid #f2c96d4d;border-radius:50%;place-items:center;display:grid;position:absolute;top:1.35rem;right:1.35rem}.preview-table{z-index:1;aspect-ratio:1.35;place-items:center;width:min(78%,420px);display:grid;position:relative}.preview-table span{background:linear-gradient(#ffffff29,#ffffff0d);border:1px solid #ffffff21;border-radius:50%;width:4.8rem;height:4.8rem;position:absolute}.preview-table span:first-child{top:0;left:50%;transform:translate(-50%)}.preview-table span:nth-child(2){top:50%;right:0;transform:translateY(-50%)}.preview-table span:nth-child(3){bottom:0;left:50%;transform:translate(-50%)}.preview-table span:nth-child(4){top:50%;left:0;transform:translateY(-50%)}.preview-table strong{z-index:1;max-width:14rem;color:var(--soft);text-align:center;font-size:1.45rem;line-height:1.1}.command-center{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);grid-template-columns:1fr auto;align-items:center;min-height:3.25rem;padding:.78rem .85rem}.toggle-row input{width:1.25rem;height:1.25rem;accent-color:var(--gold)}.action-button{width:100%;margin-top:1rem}.primary{color:#17120a;background:linear-gradient(#f4ca6f,#a97820);border-color:#f2c96d8c;box-shadow:0 14px 32px #f2c96d2e}.danger{color:#fff;background:linear-gradient(#fb5b63f0,#871c2aeb);border-color:#fb5b63a6}.split{grid-template-columns:minmax(0,1fr) minmax(320px,410px);align-items:start}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);min-height:6.25rem;padding:.88rem}.player-card{position:relative;overflow:hidden}.player-card:before{background:var(--green);content:"";width:4px;position:absolute;inset-block:0;inset-inline-start:0}.dead-card{opacity:.65}.dead-card:before{background:var(--red)}.card strong{overflow-wrap:anywhere;margin-bottom:.35rem;font-size:1rem;display:block}.toolbar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:stretch}.phasebar{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(90deg,#f2c96d1f,#0000),#080b12b8;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:1rem;padding:1.1rem}.phasebar h1{max-width:820px;margin:.5rem 0 0;font-size:clamp(1.45rem,3vw,2.55rem);line-height:1.05}.phase-stats{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);place-items:center;min-width:5.4rem;padding:.82rem;display:grid}.phase-stats span{color:var(--gold);font-size:1.45rem;font-weight:950}.phase-stats small{color:var(--muted);font-weight:850}.presence{margin:.58rem 0 0;font-weight:900}.status-live{color:var(--green)}.status-dead{color:var(--red)}.winner-banner{border-radius:var(--radius);color:var(--green);background:#62d98d1a;border:1px solid #62d98d59;grid-column:1/-1;padding:.82rem}.role-panel{overflow:hidden}.role-name{color:var(--gold);margin:0;font-size:1.7rem;font-weight:950;line-height:1}.role-werewolf .role-name{color:var(--red)}.role-seer .role-name{color:var(--violet)}.role-healer .role-name{color:var(--green)}.wolf-mates{border-radius:var(--radius);color:#ffd0d3;background:#fb5b631a;border:1px solid #fb5b633d;margin:0;padding:.78rem}.action-panel{grid-column:span 2}.vote-count,.result-pill{margin:.85rem 0 0}.nomination-list{gap:.55rem;margin-top:.8rem;display:grid}.mini-event{margin:0}.history,.chat{gap:.55rem;max-height:18rem;padding-inline-end:.2rem;display:grid;overflow:auto}.event,.message{border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:var(--radius);background:var(--panel-2);padding:.68rem .75rem}.message{border-inline-start-color:var(--red)}.chat{margin:.8rem 0}.rtl{font-family:var(--font-hebrew);direction:rtl}.ltr{font-family:var(--font-latin);direction:ltr}.error{border-radius:var(--radius);color:#ffd0d3;background:#fb5b631f;border:1px solid #fb5b6359;padding:.82rem;font-weight:900}.loading-shell,.join-room-panel{max-width:560px}@media (max-width:980px){.hero-grid,.command-center,.split,.phasebar{grid-template-columns:1fr}.action-panel{grid-column:auto}.room-preview{min-height:300px}}@media (max-width:700px){.app-shell{width:min(100% - 1rem,1240px);padding-top:.5rem}.topbar,.settings-grid,.value-row{grid-template-columns:1fr}.hero{align-content:start}.hero h1{font-size:clamp(2.7rem,15vw,4.8rem)}.panel,.phasebar,.topbar{padding:.85rem}}