@font-face{font-family:'Poppins';src:url('/fonts/Poppins-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Open Sans';src:url('/fonts/OpenSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans';src:url('/fonts/OpenSans-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root {
    --dark:#202427; --blue:#0463CA; --blue-bright:#0487E2; --blue-light:#65C2F5; --blue-pale:#B0D6F5;
    --green:#A0D642; --white:#FFFFFF; --muted:#666666; --rule:#E0E0E0; --zebra:#F4F4F4; --card:#EAF4FD;
    --context:#C9CED3; --pos:#3F7D1F; --neg:#C23B22; --warn:#9A6412;
    --head:'Poppins','Segoe UI',Arial,sans-serif; --body:'Open Sans','Segoe UI',Calibri,Arial,sans-serif;
  }

/* User-requested dark adaptation. Base palette and type stacks are copied from the WIR template. */
:root{
 --surface:color-mix(in srgb,var(--dark) 95%,var(--white));
 --surface-raised:color-mix(in srgb,var(--dark) 90%,var(--white));
 --surface-glint:color-mix(in srgb,var(--white) 4%,transparent);
 --border:color-mix(in srgb,var(--white) 17%,var(--dark));
 --border-strong:color-mix(in srgb,var(--blue-light) 50%,var(--dark));
 --blue-field:color-mix(in srgb,var(--blue) 28%,var(--dark));
 --brand-wash:color-mix(in srgb,var(--blue) 13%,var(--dark));
 --danger-surface:color-mix(in srgb,var(--neg) 18%,var(--dark));
 --warning-surface:color-mix(in srgb,var(--warn) 18%,var(--dark));
 --overlay:color-mix(in srgb,var(--dark) 86%,transparent);
 --text-muted:var(--context);
 font-family:var(--body);color:var(--white);background:var(--dark);font-synthesis:none;color-scheme:dark;
}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em;line-height:1.06;margin-bottom:14px}h2{font-size:1.4rem;letter-spacing:-.025em}h3{font-size:1.1rem}p{line-height:1.55}.muted{color:var(--text-muted)}.small{font-size:.875rem}.eyebrow{text-transform:none;font-size:.75rem;letter-spacing:normal;font-weight:750;color:var(--text-muted)}.accent{color:var(--blue-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:6px;padding:11px 18px;background:var(--blue-light);color:var(--dark);font-weight:750;font-size:.875rem;text-decoration:none;transition:none}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.secondary{background:transparent;border-color:var(--border);color:var(--white)}.btn.dark{background:var(--surface-raised);color:var(--white)}.btn.danger{background:var(--danger-surface);color:var(--white)}.btn.coral{background:var(--blue)}.btn.tiny{min-height:34px;padding:7px 11px;font-size:.8125rem}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:18px}.hidden{display:none!important}.loading{padding:80px;text-align:center;color:var(--text-muted)}
.preview{padding:8px 24px;background:var(--blue-light);color:var(--dark);display:flex;justify-content:center;align-items:center;gap:14px;font-size:.8125rem;font-weight:650;flex-wrap:wrap}.preview select{font-size:.8125rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--dark);padding:3px 6px}.appbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--border);gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap;font-weight:750;font-size:1.25rem;letter-spacing:-.04em}.brandmark{width:39px;height:39px;background:var(--blue-light);color:var(--dark);display:grid;place-items:center;border-radius:6px;font-weight:900;font-size:1.25rem}.brand span:last-child{color:var(--text-muted);font-size:.875rem;letter-spacing:0;border-left:1px solid var(--border);padding-left:12px;margin-left:5px;font-weight:450}.nav{display:flex;align-items:center;gap:28px}.nav button{border:0;background:none;color:var(--text-muted);font-size:.875rem;padding:10px 0}.nav button.active{color:var(--white);border-bottom:2px solid var(--blue-light)}.user{display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-raised);color:var(--white);font-weight:700;font-size:.875rem;flex-shrink:0}.user .small{font-weight:650}.shell{max-width:1540px;margin:0 auto;padding:40px 4.5% 64px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.welcome p{margin-bottom:0;max-width:620px;color:var(--text-muted)}.welcome h1{font-size:clamp(2rem,3.5vw,3rem)}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:40px;padding:6px 10px;font-size:.75rem;white-space:nowrap;font-weight:650}.pill.live{background:var(--brand-wash);border-color:var(--border);color:var(--blue-pale)}.pill.playing{color:var(--blue-light);background:var(--brand-wash);border-color:var(--warn)}.pill.finished{color:var(--blue-pale);background:var(--brand-wash)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.sectionhead h2{margin:0}.sectionhead select{max-width:270px}.select,input,textarea,select{border:1px solid var(--border);background:var(--surface);color:var(--white);padding:11px 12px;border-radius:6px;max-width:100%;min-height:44px;font-size:.875rem}input:focus,select:focus,textarea:focus{border-color:var(--blue-light)}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:grid;gap:8px;font-size:.875rem;color:var(--text-muted)}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gamecard{position:relative;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:21px;min-height:262px;display:flex;flex-direction:column;overflow:hidden}.gamecard .mark{height:62px;width:62px;margin:0 0 20px;display:grid;place-items:center;border-radius:6px;background:var(--tone);color:var(--dark);font-size:2.5rem;line-height:1;font-weight:800}.blue{--tone:var(--blue-light)}.orange{--tone:var(--blue-light)}.pink{--tone:var(--blue-pale)}.lime{--tone:var(--blue-light)}.teal{--tone:var(--blue-light)}.gamecard h3{font-size:1.2rem;margin:0 0 7px;letter-spacing:-.03em}.gamecard p{font-size:.875rem;color:var(--text-muted);margin-bottom:18px;min-height:42px}.gamecard footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.gamecard footer span{font-size:.75rem;color:var(--text-muted)}.gamecard .btn{background:var(--tone);padding:9px 12px;min-height:36px}.sidepanel{border:1px solid var(--border);border-radius:6px;padding:22px;background:var(--surface);align-self:start}.leaderboard{display:grid;gap:14px;margin:22px 0}.leader{display:flex;gap:10px;align-items:center;font-size:.875rem}.leader .rank{color:var(--text-muted);font-size:.875rem;width:18px}.leader .name{flex:1;overflow-wrap:anywhere}.leader .score{font-variant-numeric:tabular-nums;font-weight:750;color:var(--blue-light)}.sidepanel hr{border:0;border-top:1px solid var(--border);margin:22px 0}.empty{padding:28px 12px;text-align:center;color:var(--text-muted);font-size:.875rem;line-height:1.6}.empty .big{font-size:2rem;display:block;color:var(--text-muted);margin-bottom:10px}.rooms{margin-top:32px}.roomrow{display:grid;grid-template-columns:44px minmax(140px,1fr) auto auto;align-items:center;gap:16px;border:1px solid var(--border);border-radius:6px;padding:17px;margin-bottom:10px;background:var(--surface)}.roomrow .mini{width:40px;height:40px;display:grid;place-items:center;color:var(--tone);background:var(--surface-glint);border-radius:6px;font-size:1.6rem;font-weight:700}.roomrow h3{font-size:.9375rem;margin-bottom:4px}.roomrow .small{font-size:.8125rem;color:var(--text-muted)}.night-actions{display:grid;gap:10px}.footnote{font-size:.75rem;color:var(--text-muted);line-height:1.65;margin:20px 0 0}.room-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px}.room-top h1{font-size:2.2rem;margin-bottom:8px}.crumb{background:none;border:0;color:var(--text-muted);padding:0;margin:0 0 16px;cursor:pointer;font-size:.875rem}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.surface{border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:26px;min-height:450px}.surface.light{background:var(--white);color:var(--dark)}.surface h2{margin-bottom:12px}.lobby-top{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:28px;margin-bottom:26px}.lobby-mark{font-size:4rem;color:var(--tone);width:100px;text-align:center;flex-shrink:0}.rules{color:var(--text-muted);font-size:.9375rem;max-width:640px}.players{display:grid;gap:10px}.player{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:6px;padding:11px}.player .details{flex:1;min-width:0;overflow-wrap:anywhere}.player .details strong{display:block;font-size:.875rem}.player .details small{color:var(--text-muted)}.score-panel{margin-bottom:18px}.score-panel h2{font-size:1.0625rem;margin-bottom:15px}.host-controls{display:grid;gap:10px}.host-controls .row .btn{flex:1}.host-controls label{margin:6px 0}.host-controls summary{cursor:pointer;color:var(--text-muted);font-size:.875rem;padding:8px 0}.host-controls details{border-top:1px solid var(--border);margin-top:10px}.host-controls details>div{display:grid;gap:10px;margin-top:10px}.game-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.timer{font-variant-numeric:tabular-nums;font-weight:750;color:var(--blue-light);border:1px solid var(--border);border-radius:6px;padding:7px 11px;font-size:.875rem}.paused{border:1px solid var(--blue-light);background:var(--warning-surface);padding:15px;border-radius:6px;margin-bottom:20px;color:var(--blue-light)}.prompt{font-size:clamp(1.5rem,2.5vw,2.3rem);font-weight:700;letter-spacing:-.03em;line-height:1.25;max-width:800px;margin:32px 0}.center{text-align:center}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.category{text-align:center;font-size:.75rem;font-weight:700;padding:12px 6px;background:var(--surface-raised);border-radius:6px;min-height:52px;display:grid;place-items:center}.tile{border:1px solid var(--border-strong);border-radius:6px;min-height:65px;background:var(--blue);color:var(--blue-pale);font-weight:750;font-size:1.4rem}.tile:disabled{background:var(--surface);opacity:.32}.buzzer{border:0;display:block;border-radius:50%;width:160px;height:160px;margin:34px auto;background:var(--blue);color:var(--dark);font-size:1.5rem;font-weight:850;box-shadow:none}.buzzer:active{transform:translateY(5px);box-shadow:none}.answer-box{border:1px solid var(--border);background:var(--brand-wash);padding:17px;border-radius:6px;color:var(--blue-pale);margin:24px 0}.submission textarea{width:100%;resize:vertical;min-height:115px;font-size:1.0625rem}.submission .btn{margin-top:14px}.answer-options{display:grid;gap:12px;margin:25px 0}.answer-option{border:1px solid var(--border);background:var(--surface-raised);border-radius:6px;color:var(--white);padding:22px;text-align:left;font-size:1.125rem;line-height:1.4}.answer-option.truth{border-color:var(--blue-light)}.answer-option small{display:block;color:var(--text-muted);margin-top:8px;font-size:.8125rem}.answer-option:hover:not(:disabled){border-color:var(--blue-light)}.draw-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px}.canvas-wrap{background:var(--white);border-radius:6px;overflow:hidden;position:relative;aspect-ratio:4/3}.canvas-wrap canvas{width:100%;height:100%;display:block;touch-action:none}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.swatch{height:29px;width:29px;border:2px solid var(--border-strong);border-radius:50%;background:var(--swatch)}.swatch.chosen{outline:2px solid var(--blue-light);outline-offset:2px}.guesses{height:260px;overflow:auto;font-size:.8125rem;color:var(--text-muted);line-height:1.6;padding-bottom:10px}.guesses p{margin:0 0 9px;overflow-wrap:anywhere}.guesses strong{color:var(--white)}.guesses .correct{color:var(--blue-light)}.guess-form{display:grid;gap:8px}.table{position:relative;border:14px solid var(--surface-raised);border-radius:150px;background:var(--blue-field);padding:26px;min-height:320px;display:grid;place-content:center;text-align:center;margin:24px 0;color:var(--white);box-shadow:none}.table .pot{font-size:.875rem;color:var(--blue-pale);margin-bottom:18px}.table .pot strong{display:block;font-size:2rem;color:var(--white);margin-top:3px}.cards{display:flex;justify-content:center;gap:8px}.card{width:53px;height:73px;border-radius:6px;background:var(--white);color:var(--dark);display:grid;align-content:center;justify-content:center;font-size:1.45rem;font-weight:800;box-shadow:none;line-height:1.05}.card.red{color:var(--neg)}.card.back{background:var(--blue-field);border:2px solid var(--border-strong);color:var(--blue-pale)}.card.empty-card{background:var(--surface-glint);border:1px dashed var(--blue-pale);color:var(--blue-pale);box-shadow:none}.seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.seat{border:1px solid var(--border);border-radius:6px;padding:12px;text-align:center;background:var(--surface-raised);font-size:.875rem}.seat.turn{border-color:var(--blue-light);box-shadow:none}.seat.folded{opacity:.5}.seat .cards{margin-top:10px}.seat .card{width:29px;height:40px;font-size:1rem}.poker-controls{margin-top:22px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.poker-controls input{width:110px}.history{font-size:.8125rem;color:var(--text-muted);margin-top:18px;line-height:1.8}.result-title{font-size:2.5rem;letter-spacing:-.045em;margin:22px 0}.finished{padding:28px 0}.stats{display:flex;gap:22px;margin:20px 0}.stat{font-size:.75rem;color:var(--text-muted)}.stat strong{display:block;font-size:1.5rem;color:var(--white);margin-bottom:2px}dialog{border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--white);max-width:520px;width:calc(100% - 32px);padding:30px;box-shadow:none}dialog::backdrop{background:var(--overlay);backdrop-filter:none}dialog h2{margin-bottom:8px}dialog form{display:grid;gap:18px;margin-top:24px}dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.close{border:0;background:none;color:var(--text-muted);font-size:1.7rem;position:absolute;right:16px;top:10px;cursor:pointer}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{min-height:20px;width:18px;height:18px}.invite-link{width:100%;font-size:.8125rem}.signin{max-width:1000px;margin:60px auto;padding:0 30px;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}.signin .sign-card{border:1px solid var(--border);padding:32px;border-radius:6px;background:var(--surface)}.signin h1{font-size:3.8rem}.signin form{display:grid;gap:18px}.signin p{color:var(--text-muted)}.signin .eyebrow{color:var(--blue-light);margin-bottom:18px}.sign-symbols{display:flex;gap:12px;margin-top:35px}.sign-symbols span{border:1px solid var(--border);border-radius:6px;padding:10px 17px;font-size:1.5rem;color:var(--tone)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--white);color:var(--dark);border-radius:6px;padding:14px 22px;box-shadow:none;font-size:.875rem;z-index:20;display:none}#toast.show{display:block}.connection{font-size:.75rem;color:var(--text-muted)}.connection.off{color:var(--blue-light)}.archive-row{opacity:.75}.full-leaderboard{max-width:850px;margin:auto}.full-leaderboard .leader{padding:15px;border-bottom:1px solid var(--border);font-size:1rem}.full-leaderboard .rank{font-size:1.2rem;width:30px}.rule-note{font-size:.875rem;padding:15px 18px;background:var(--surface-glint);border-radius:6px;color:var(--text-muted);margin-bottom:22px}.mobile-only{display:none}
@media(min-width:1550px){.gamecard{min-height:285px}.gamecard .mark{width:70px;height:70px}}
@media(max-width:1150px){.layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-layout{grid-template-columns:minmax(0,1fr) 245px}.draw-layout{grid-template-columns:1fr}.guesses{height:140px}.nav{gap:18px}.signin{gap:25px;grid-template-columns:1fr 380px}}
@media(max-width:800px){.appbar{height:auto;min-height:80px;padding:18px 5%;flex-wrap:wrap}.brand span:last-child{display:none}.nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--border);padding-top:8px}.user .small{display:none}.shell{padding:28px 5%}.layout,.room-layout{grid-template-columns:1fr}.sidepanel{width:100%}.welcome{align-items:flex-start}.welcome>.row{flex-shrink:0}.welcome h1{font-size:2.2rem}.roomrow{grid-template-columns:36px minmax(90px,1fr) auto;gap:10px}.roomrow>.pill{display:none}.roomrow .btn{padding:9px 12px}.room-top{flex-wrap:wrap}.surface{padding:18px}.board{gap:4px}.category{font-size:.75rem;padding:9px 4px;overflow-wrap:anywhere}.tile{font-size:1.2rem;min-height:55px}.signin{grid-template-columns:1fr;max-width:540px;margin-top:32px}.signin h1{font-size:2.8rem}.signin .sign-card{padding:26px}.sign-symbols{display:none}.room-layout>.stack{display:grid;grid-template-columns:1fr 1fr}.table{border-width:8px;border-radius:70px;min-height:280px}.stats{gap:16px}.lobby-mark{width:60px;font-size:3rem}}
@media(max-width:520px){.game-grid{grid-template-columns:1fr}.gamecard{min-height:0;display:grid;grid-template-columns:55px 1fr;column-gap:15px;padding:19px}.gamecard .mark{width:55px;height:55px;grid-row:1/3;margin:0;font-size:2rem}.gamecard h3{align-self:end}.gamecard p{grid-column:2;margin:0;min-height:0}.gamecard footer{grid-column:1/3;margin-top:18px}.welcome{display:block}.welcome>.row{margin-top:22px}.sectionhead{flex-wrap:wrap}.sectionhead select{width:100%;max-width:none}.room-layout>.stack{grid-template-columns:1fr}.seats{grid-template-columns:repeat(2,1fr)}.table{padding:16px}.cards{gap:5px}.card{width:42px;height:60px;font-size:1.25rem}.board .category{font-size:.75rem}.lobby-top{align-items:flex-start;gap:10px}.lobby-mark{display:none}.preview{padding:7px 10px;font-size:.75rem}.brand{font-size:1.1rem}.appbar .user{gap:7px}.appbar .btn{padding:7px 10px}.prompt{font-size:1.65rem}.room-top h1{font-size:1.9rem}.surface{min-height:350px}}
@media(prefers-reduced-motion:reduce){*{transition:none;scroll-behavior:auto!important}}
.preview label{color:var(--dark)}.gamecard footer .btn{white-space:nowrap}
.demo-help{border:1px solid var(--border);background:var(--brand-wash)}.demo-help>strong{color:var(--blue-pale)}.demo-help p{margin:8px 0 12px}.demo-help .btn{margin-top:2px}
.room-layout>.stack{align-content:start}


/* Shared Watters identity across the lobby, room views, and dialogs. */
body{background:var(--dark);font-family:var(--body);color:var(--white)}
h1,h2,h3,.prompt,.result-title,.tile,.table .pot strong,.stat strong{font-family:var(--head);font-weight:700;letter-spacing:-.025em}
.eyebrow{font-family:var(--body);font-weight:700;color:var(--blue-light);letter-spacing:normal;text-transform:none}
.brand{gap:18px;letter-spacing:normal;min-width:0}
.brand .wir-logo{display:block;width:190px;height:auto;flex-shrink:0}
.brand span:last-child{color:var(--context);font-family:var(--head);font-size:.875rem;font-weight:700;border-left-color:var(--border);padding-left:18px;margin:0;letter-spacing:normal}
.brandmark{display:none}
.appbar{background:var(--dark)}
.preview{background:var(--brand-wash);color:var(--blue-pale);border-bottom:1px solid var(--border-strong)}
.preview label{color:var(--blue-pale)}
.preview select{background:var(--dark);color:var(--white);border-color:var(--border-strong)}
.btn,.gamecard .btn{background:var(--blue);color:var(--white);font-weight:700;border-radius:6px;box-shadow:none}
.btn:hover,.gamecard .btn:hover{background:color-mix(in srgb,var(--blue) 88%,var(--dark));filter:none}
.btn.secondary{background:transparent;color:var(--white);border-color:var(--border-strong)}
.btn.secondary:hover,.btn.dark:hover{background:var(--surface-raised)}
.btn.danger{background:var(--danger-surface);border-color:var(--neg);color:var(--white)}
.btn.danger:hover{background:var(--neg)}
.btn:active{transform:none}
:focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px}
input:focus,select:focus,textarea:focus{border-color:var(--blue-bright)}
.nav button.active{border-bottom-color:var(--blue);color:var(--white)}
.accent,.leader .score,.timer,.guesses .correct{color:var(--blue-light)}
.blue,.orange,.pink,.lime,.teal{--tone:var(--blue-light)}
.pink,.teal{--tone:var(--blue-pale)}
.gamecard .mark{background:var(--brand-wash);border:1px solid var(--border-strong);color:var(--tone);border-radius:6px}
.gamecard{border-radius:6px}
.pill.live,.pill.playing,.pill.finished{color:var(--blue-pale);background:var(--brand-wash);border-color:var(--border-strong)}
.timer{border-color:var(--border-strong)}
.demo-help{border-color:var(--border);border-left:3px solid var(--green);background:var(--brand-wash)}
.demo-help>strong{color:var(--blue-light)}
.answer-box{border-color:var(--border-strong);color:var(--blue-pale);background:var(--brand-wash)}
.buzzer{background:var(--blue);color:var(--white);font-family:var(--head);font-weight:700;box-shadow:none;border:2px solid var(--blue-light)}
.buzzer:active{transform:none;box-shadow:none}
.tile{background:var(--blue-field);color:var(--blue-pale);border-color:var(--border-strong)}
.tile:hover:not(:disabled){background:var(--blue);color:var(--white)}
.tile:disabled{opacity:1;background:var(--dark);color:var(--text-muted);border-color:var(--border)}
.category{background:var(--surface-raised);color:var(--white)}
.seat.turn{box-shadow:none;border:2px solid var(--blue-light)}
.table{background:var(--blue-field);border-color:var(--surface-raised);box-shadow:none}
.card{background:var(--white);color:var(--dark);box-shadow:none}
.card.red{color:var(--neg)}
.card.back{background:var(--blue);border-color:var(--blue-light);color:var(--white)}
.card.empty-card{background:var(--surface-glint);color:var(--blue-pale)}
.paused{color:var(--white);border-color:var(--warn);background:var(--warning-surface)}
.canvas-wrap{color-scheme:light}
dialog{box-shadow:none;border-color:var(--border-strong)}
dialog::backdrop{background:var(--overlay);backdrop-filter:none}
#toast{background:var(--blue-pale);color:var(--dark);border:1px solid var(--blue-light);box-shadow:none}
@media(max-width:800px){.brand .wir-logo{width:170px}}
@media(max-width:520px){.brand .wir-logo{width:150px}.appbar{gap:12px}.welcome h1{font-size:2rem}}
.party-form{max-width:620px;margin:24px 0;display:grid;gap:16px}.party-form label{margin:0}.party-host-action{margin-top:24px}.settings-fields{border:1px solid var(--border);padding:18px;border-radius:6px;margin:18px 0}.settings-fields legend{font-family:var(--head);font-weight:700;font-size:.9rem;padding:0 8px}.settings-fields .footnote{display:block;line-height:1.6;margin:8px 0 0}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.survey-board{display:grid;gap:8px;margin:24px 0}.survey-board>div{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border-strong);border-radius:6px;padding:16px;background:var(--blue-field)}.agent-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}.agent-card{min-height:94px;background:var(--surface-raised);border:1px solid var(--border);border-radius:6px;color:var(--white);display:grid;place-content:center;gap:8px;overflow-wrap:anywhere;padding:10px;cursor:pointer}.agent-card:disabled{opacity:1;cursor:default}.agent-card small{font-family:var(--body);font-size:.7rem}.agent-card.team-a{background:var(--blue-field);border:2px solid var(--blue-light)}.agent-card.team-b{background:var(--blue-pale);color:var(--dark);border:2px solid var(--white)}.agent-card.danger-card{background:var(--danger-surface);border:2px dashed var(--neg)}.agent-card.revealed{border-style:dotted}.phone-image{display:block;width:100%;max-width:560px;border:1px solid var(--border);border-radius:6px;margin:16px 0;background:var(--white)}.phone-chain{margin:24px 0;border:1px solid var(--border);border-radius:6px;padding:16px}.phone-chain>summary{font-family:var(--head);font-weight:700;cursor:pointer}.phone-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.phone-gallery article{background:var(--dark);padding:16px;border:1px solid var(--border);border-radius:6px;overflow-wrap:anywhere}.phone-gallery .phone-image{margin:0}.review-category{margin:24px 0;padding:16px;background:var(--dark);border:1px solid var(--border);border-radius:6px}.review-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.review-row>span:first-child{flex:1}.category-letter{font-family:var(--head);font-size:3rem;padding:8px 24px;border:1px solid var(--border-strong);border-radius:6px;background:var(--blue-field);color:var(--blue-light)}.clue-list{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.price-description{font-size:1.2rem}.puzzle-story{white-space:pre-wrap;line-height:1.8;padding:24px;background:var(--dark);border:1px solid var(--border);border-radius:6px}.team-total{font-family:var(--head);font-size:2rem;color:var(--blue-light)}.rule-note .btn{margin:8px 8px 8px 0}.rule-note label{margin-top:16px}.settings-fields input[type=checkbox]{flex:none}.gamecard h3{overflow-wrap:anywhere}
@media(max-width:600px){.agent-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.phone-gallery{grid-template-columns:1fr}.review-row{flex-wrap:wrap;gap:8px}.form-columns{grid-template-columns:1fr}.puzzle-story{padding:16px}.survey-board>div{flex-wrap:wrap}}