:root { --night-teal:#5be1c6; --night-coral:#ff876a; }
body { font-family: "Segoe UI", Arial, sans-serif; }
* { letter-spacing:0!important; }
h1,h2,h3 { line-height:1.15; max-width:none; }
h1,.content-page h1 { font-size:40px; }
h2 { font-size:28px; } h3 { font-size:22px; }
p { line-height:1.65; }
button,input,select,textarea { font:inherit; }
button:disabled { opacity:.5; cursor:not-allowed; }
.primary-btn,.ghost-btn,.panel,.choice,.deck-tile,.price-grid article { border-radius:8px; }
.primary-btn { background:var(--night-teal);color:#102825;box-shadow:none; }
.primary-btn:hover { background:#a0efdf;color:#102825; }
.site-header { gap:18px; } .brand strong { font-size:19px; }
.brand small { font-size:11px; } .header-actions { gap:8px; }
.site-nav { gap:16px; } .site-nav a { font-size:14px; }
.section { max-width:1180px;margin:auto;padding:48px 28px; }
.section-head h1 { max-width:none; }
.night-hero { min-height:580px; position:relative;display:flex;align-items:center;background:#161e20 url('/assets/game-night-20261005.webp') center / cover no-repeat; }
.night-hero-copy { width:100%;max-width:1180px;margin:auto;padding:60px 28px; }
.night-hero h1 { font-size:56px;color:#fff;margin:12px 0 20px;max-width:none; }
.night-hero h2 { font-size:30px;max-width:400px; }
.night-hero p { max-width:410px; color:#e5eceb; }
.night-hero .eyebrow { color:var(--night-teal); }
.night-hero .hero-actions { display:flex;gap:12px;margin:24px 0; }
.night-hero .hero-facts { font-size:13px;max-width:360px; }
.deck-gallery { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 20px; }
.deck-tile { padding:28px;background:#20292c;border:1px solid #3a474a;min-height:210px;display:flex;flex-direction:column; }
.deck-tile h3 { margin:12px 0 0; }
.deck-tile p { flex:1; font-size:15px;color:#c8d3d4; }
.deck-tile .text-btn { align-self:flex-start;padding-left:0;color:var(--night-teal); }
.deck-label { font-size:12px;text-transform:uppercase;font-weight:700;color:var(--night-coral); }
.deck-couples { background:#31282d; } .deck-icebreaker { background:#183331; } .deck-never { background:#293030; }
.night-season { display:flex;gap:32px;align-items:center;justify-content:space-between;background:#193530;max-width:none;padding-left:max(28px,calc((100% - 1124px)/2));padding-right:max(28px,calc((100% - 1124px)/2)); }
.night-season p { max-width:650px; }
.night-steps ol { padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:28px 0;counter-reset:step; }
.night-steps li { counter-increment:step;border-top:1px solid #485155;padding-top:20px; }
.night-steps li:before { content:'0' counter(step);display:block;color:var(--night-coral);margin-bottom:16px; }
.night-steps b,.night-steps span { display:block; } .night-steps span { margin-top:8px;color:#bfc9cb; }
.setup-grid { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start; }
.choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.choice { padding:16px;text-align:left;min-height:94px; }
.choice.selected { border-color:var(--night-teal); background:#193c36; }
.choice span { line-height:1.5; }
details { margin-top:20px; } summary { cursor:pointer;padding:12px 0;font-weight:700; }
label { display:block; margin:16px 0;line-height:1.5; }
label input,label select,label textarea { display:block;width:100%;margin-top:8px; }
.checkbox-row { display:flex;gap:10px;align-items:center; }.checkbox-row input { width:auto;margin:0; }
.panel h2 { font-size:24px; } .panel { box-shadow:none; }
.game-card { border-radius:8px; min-height:480px;max-width:760px; }
.game-card .game-card-bg { opacity:.22; }
.turn-name.big { font-size:32px; }.challenge-text { font-size:30px;line-height:1.4; }
.game-card-content { padding:32px; }
.pick-btn { border-radius:8px; min-height:140px; }
.pick-sub { font-size:13px; } .score-rail { flex-wrap:wrap; }
.premium-renovated { max-width:960px; }.premium-renovated>p { max-width:740px; }
.price-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0; }
.price-grid article { padding:30px;border:1px solid #455154; background:#202a2c; }
.price-grid article.annual-plan { border-color:var(--night-teal); }
.price-grid strong { display:block;font-size:40px;margin-top:20px; }.price-grid small { font-size:15px;font-weight:400; }
.premium-benefits { padding:28px 0;border-top:1px solid #455154; }
.premium-benefits li { padding:8px 0; }.notice { padding:16px;border-left:3px solid var(--night-teal); }
.room-heading { display:flex;align-items:center;justify-content:space-between;gap:20px; }.room-code { color:var(--night-teal); }
.room-players { display:flex;gap:10px;flex-wrap:wrap;margin:20px 0; }.room-prompt { font-size:28px;line-height:1.5; }
.turn-status { color:var(--night-teal);font-size:22px;font-weight:700; }.room-list-item { display:block;width:100%;padding:12px;margin:10px 0;color:#fff;background:#26393a;border:1px solid #4c6364;border-radius:8px;text-align:left; }
.community-compose { max-width:760px;margin:28px 0; }.community-feed { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px; }
.community-image { width:100%;max-height:480px;object-fit:contain; }.empty-community { grid-column:1/-1;border-top:1px solid #455154;padding-top:28px; }
.leader-list { padding:0;list-style:none; }.leader-list li { display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid #455154; }
.owner-counts { display:flex;flex-wrap:wrap;gap:24px;margin:24px 0; }.owner-counts b,.owner-counts span { display:block; }.owner-counts b { font-size:28px; }
.owner-console table { width:100%;border-collapse:collapse;margin:24px 0; }.owner-console th,.owner-console td { text-align:left;padding:10px;border-bottom:1px solid #455154; }
.owner-console>.panel { margin:20px 0; }.doc { max-width:860px; }.doc h1 { font-size:40px;max-width:none; }
.journal-article { max-width:850px; }.journal-article h1 { margin:18px 0 28px; }
.privacy-choices { position:fixed;bottom:0;left:0;right:0;z-index:200;background:#202d2d;border-top:1px solid #66847f;padding:18px 28px;display:flex;align-items:center;gap:24px;box-shadow:0 -4px 24px #0005; }
.privacy-choices p { margin:0;flex:1;max-width:760px;font-size:14px; }.privacy-choices>div { display:flex;gap:12px; }.has-privacy-choices { padding-bottom:130px; }
.support-form { max-width:740px; }
@media(max-width:1050px) { .site-nav { gap:10px; }.header-actions .premium-chip { display:none; }.brand small { display:none; } }
@media(min-width:981px) and (max-width:1120px) {
  .site-header { grid-template-columns:auto auto; }
  .menu-toggle { display:inline-flex;justify-self:end;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:10px 14px; }
  .site-nav,.header-actions { grid-column:1/-1;display:none; }
  .site-nav.open,.header-actions.open { display:flex;justify-content:flex-start;flex-wrap:wrap; }
}
@media(max-width:760px) {
  h1,.content-page h1,.doc h1 { font-size:32px; }h2 { font-size:25px; }
  .section { padding:32px 20px; }.night-hero { min-height:620px;background-position:65% center;align-items:flex-end; }
  .night-hero:before { content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,20,21,.97) 0%,rgba(12,20,21,.75) 40%,rgba(12,20,21,.1) 100%); }
  .night-hero-copy { position:relative;padding:30px 20px; }.night-hero h1 { font-size:38px; }.night-hero h2 { font-size:27px;max-width:340px; }.night-hero p { font-size:15px; }
  .deck-gallery,.setup-grid,.price-grid,.community-feed,.night-steps ol { grid-template-columns:1fr; }
  .deck-gallery { gap:12px; }.deck-tile { min-height:180px;padding:24px; }
  .night-season { flex-direction:column;align-items:flex-start;padding:32px 20px; }.night-season button { width:100%; }
  .choice { min-height:112px;padding:12px; }.choice strong { font-size:14px; }.choice span { font-size:12px; }
  .room-heading { align-items:flex-start;flex-direction:column; }.room-prompt,.challenge-text { font-size:25px; }
  .game-card-content { padding:22px 16px; }.pick-btn { min-height:120px; }.pick-icon { width:32px;height:32px; }.pick-btn strong { font-size:18px; }
  .site-header { padding:14px 20px; }.header-actions.open { grid-column:1/-1;flex-wrap:wrap; }
  .privacy-choices { flex-direction:column;gap:12px;align-items:stretch;padding:16px 20px; }.privacy-choices>div { justify-content:space-between; }.has-privacy-choices { padding-bottom:210px; }
}
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }