/* Møbee Twin: dark theme after the Twin box (charcoal with a green-to-orange hexagon).
   Loaded after style.css. The cards stay white, as printed cards on a dark table. */
:root{color-scheme:dark;color:#f1efe9;background:#232a30;
  --ink:#f1efe9;--muted:#a9b0b6;--line:#3b444c;--panel:#2e363d;--bg:#232a30;
  --twin-green:#96BC2A;--twin-orange:#D8662A}
body{background:#232a30}

/* Header and icons */
header .icon svg,.social a{color:#f1efe9}
header .icon:active,.sheet-close:active{background:#343d45}
nav button,.links .lang select{color:#cfd3d6}

/* Panels, sheets, inputs */
.sheet-panel{background:#2a3238;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.name-input{background:#1d2328;color:var(--ink)}
.lang-pick button.selected{background:#5b4a2c}
.segmented label:has(input[value="untimed"]:checked){background:#3f4a2a}
#avatar-grid button{background:#2e363d}
#avatar-grid button.selected{background:#4a4229}
#entries img,.banner img{background:#f1efe9}
.box-photo{background:#1d2328}
#instructions .primary{box-shadow:0 8px 0 0 #232a30,0 -14px 18px 6px #232a30}

/* Room tiles, seats, party HUD, standings */
.tile::before,.seat .h::before,.party-hud .ph::before{background:#2e363d}
.tile.empty::before{background:#283036}
.seat.open .h::before{background:#232a30}
.tag{background:#f1efe9;color:#232a30}
.banner{background:#2e363d}
.stand li{background:#2e363d}
.stand li.first{background:#33401f}
.stand li.me:not(.first){background:#43322a}

/* Header avatar hexagon */
#player-btn img{background:#f1efe9;box-shadow:inset 0 0 0 30px #f1efe9}

/* The head icon placeholder: light on the dark page */
img[src$="no-avatar.svg"]{filter:invert(1) brightness(1.15)}

/* Board shadow reads better on dark */
.card{filter:drop-shadow(0 4px 10px #0007)}

/* The Twin hexagon of the box: a green-to-orange rule under the header */
header{position:relative}
header::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--twin-green),#E3B23C 50%,var(--twin-orange));opacity:.85}

/* Text on the yellow, terracotta and green fills stays dark */
button.primary,a.primary,.segmented label:has(input:checked),.segmented button.selected{color:#232a30}
.lang-pick button.selected{color:#f1efe9}
/* Unselected options: readable on the dark sheet */
.segmented label,.segmented button{color:#d3d7da}
.segmented label:has(input:disabled){color:#7d858c}

/* Avatar picker: the page stays dark, only the avatar tiles are light (the avatars are drawn for a light ground). */
#avatar-grid button{background:#fff}
#avatar-grid button.selected{background:#fdf1c8}

/* Two-minute clock: three digits (120–100) get a smaller size so they sit inside the ring */
.hud .ring strong.three{transform:scale(.76);letter-spacing:-.5px}

/* The longer Twin headline ("Select the two symbols that appear on all three cards!") stays within two lines on phones */
@media(max-width:699px){.intro h1{font-size:clamp(17px,5.1vw,22px);line-height:1.2;text-wrap:balance}}