/*
 * סולמות וחבלים · BlumSoft IL
 * © 2026 Robert Blumenthal. Licensed only for blumsoft.pages.dev.
 */
:root{
  --ink:#15324a;--muted:#657c8e;--navy:#123c64;--blue:#2475ae;--sky:#dff3ff;
  --gold:#f0bd45;--cream:#fff8e5;--green:#2d9c67;--coral:#df5d5d;--surface:#fffdf7;
  --line:#c9d9e3;--shadow:0 18px 48px rgba(17,49,76,.16);
  --font:"Heebo","Assistant","Rubik","Noto Sans Hebrew",Arial,system-ui,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%}
html{background:#dcecf4}
body{
  min-height:100vh;min-height:100dvh;color:var(--ink);font-family:var(--font);line-height:1.35;
  background:radial-gradient(circle at 8% 9%,rgba(240,189,69,.42),transparent 22%),
             radial-gradient(circle at 91% 17%,rgba(41,162,179,.24),transparent 24%),
             linear-gradient(145deg,#edf7fc 0%,#fff9e9 52%,#e0eff6 100%);
  background-attachment:fixed;-webkit-user-select:none;user-select:none
}
body.modal-open{overflow:hidden}
button,a,input,select{font:inherit}
button{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #061f35;outline-offset:3px}
[hidden]{display:none!important}

.game-shell{
  width:min(1500px,100%);min-height:100vh;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;gap:10px;
  padding:calc(env(safe-area-inset-top,0px) + 9px) clamp(9px,1.8vw,24px) calc(env(safe-area-inset-bottom,0px) + 10px)
}
.game-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;min-width:0;color:var(--ink);text-decoration:none}
.brand-mark{
  position:relative;width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:17px;color:#fff;
  background:linear-gradient(145deg,#287db4,var(--navy));border:2px solid rgba(255,255,255,.8);
  box-shadow:0 8px 22px rgba(18,60,100,.27),inset 0 0 0 2px rgba(255,255,255,.15)
}
.brand-mark b{font-size:17px;line-height:1}.brand-mark i{position:absolute;left:5px;bottom:1px;color:#ffe08b;font-size:19px;font-style:normal;font-weight:900}
.brand strong{display:block;font-size:clamp(20px,2.8vw,29px);font-weight:950;letter-spacing:-.04em;line-height:1}
.brand small{display:block;margin-top:5px;color:var(--muted);font-size:10.5px;font-weight:800;letter-spacing:.08em}
.header-actions{display:flex;align-items:center;gap:7px}
.icon-button,.small-button,.round-button{
  border:1px solid rgba(18,60,100,.2);cursor:pointer;color:var(--navy);background:rgba(255,255,255,.9);
  box-shadow:0 6px 17px rgba(17,49,76,.09);font-weight:900
}
.icon-button{width:43px;min-height:43px;padding:0;border-radius:13px;font-size:20px}
.small-button{min-height:43px;padding:8px 13px;border-radius:13px;font-size:12px}
.round-button{width:39px;height:39px;border-radius:50%;padding:0;font-size:19px}
.round-button:disabled{opacity:.42;cursor:default}
.connection-pill{display:flex;align-items:center;gap:7px;min-height:39px;padding:7px 11px;border-radius:99px;color:var(--muted);background:rgba(255,255,255,.72);font-size:11px;font-weight:850}
.connection-pill i{width:9px;height:9px;border-radius:50%;background:#a5afb7;box-shadow:0 0 0 4px rgba(165,175,183,.15)}
.connection-pill.connecting i{background:var(--gold);box-shadow:0 0 0 4px rgba(240,189,69,.22)}
.connection-pill.online i{background:var(--green);box-shadow:0 0 0 4px rgba(45,156,103,.18)}
.connection-pill.local i{background:var(--blue);box-shadow:0 0 0 4px rgba(36,117,174,.2)}
.connection-pill.offline i{background:var(--coral);box-shadow:0 0 0 4px rgba(223,93,93,.18)}

.game-layout{direction:ltr;flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(295px,365px);gap:12px}
.board-panel,.control-panel{direction:rtl}
.board-panel{
  min-width:0;min-height:0;padding:11px;border-radius:24px;background:rgba(255,255,255,.68);border:2px solid rgba(255,255,255,.94);
  box-shadow:var(--shadow);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;flex-direction:column;align-items:center
}
.board-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.board-heading span{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.14em}
.board-heading h1{margin:2px 0 0;color:var(--navy);font-size:clamp(17px,2vw,24px);font-weight:950;line-height:1.1}
.turn-badge{max-width:48%;padding:7px 12px;border:1px solid #c3d8e5;border-radius:99px;background:#f7fcff;text-align:center}
.turn-badge span{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--navy);font-size:11px;letter-spacing:0;white-space:nowrap}
.turn-badge.yours{border-color:#e4ae32;background:#fff4c9;box-shadow:0 0 0 5px rgba(240,189,69,.18);animation:badgePulse 1.2s ease-in-out infinite}
@keyframes badgePulse{50%{transform:scale(1.025)}}

.board-frame{
  position:relative;width:min(100%,calc(100vh - 205px),780px);width:min(100%,calc(100dvh - 205px),780px);aspect-ratio:1;
  overflow:hidden;border:6px solid #fff4cf;border-radius:20px;background:#d7eaf4;
  box-shadow:inset 0 0 0 3px #b37726,0 16px 32px rgba(22,56,84,.2)
}
.board{position:absolute;z-index:auto;inset:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);direction:ltr}
.board-cell{position:relative;min-width:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:3px;border:1px solid rgba(25,68,99,.16);overflow:visible}
.board-cell.color-0{background:#fff5cf}.board-cell.color-1{background:#dff3ff}.board-cell.color-2{background:#e8f7df}.board-cell.color-3{background:#ffe5dd}.board-cell.color-4{background:#eee5ff}
.board-cell:nth-child(2n){box-shadow:inset 0 0 14px rgba(255,255,255,.34)}
.board-cell.special-start{background:linear-gradient(145deg,#fff0a5,#f4ca55)}
.board-cell.special-finish{background:linear-gradient(145deg,#ffe0a5,#eaa63a);box-shadow:inset 0 0 0 3px rgba(118,70,13,.25)}
.board-cell.jump-start{box-shadow:inset 0 0 0 2px rgba(255,255,255,.8)}
.cell-number{position:relative;z-index:4;color:#284a61;font-size:clamp(7px,1.05vw,13px);font-weight:950;line-height:1;text-shadow:0 1px rgba(255,255,255,.8)}
.special-finish .cell-number{font-size:clamp(9px,1.25vw,16px);color:#70430f}
.cell-marker{position:absolute;z-index:1;inset:auto 2px 1px auto;font-size:clamp(8px,1.2vw,16px);opacity:.68}
.tokens{position:absolute;z-index:5;inset:18% 5% 3%;display:flex;flex-wrap:wrap;align-content:flex-end;justify-content:center;gap:1px;pointer-events:none}
.player-token{
  width:clamp(13px,2.25vw,26px);height:clamp(13px,2.25vw,26px);display:grid;place-items:center;border-radius:50%;color:#fff;
  border:2px solid #fff;box-shadow:0 2px 6px rgba(13,38,57,.42);font-size:clamp(7px,.9vw,11px);font-weight:950;line-height:1;
  animation:tokenIn .26s ease
}
.player-token.active{box-shadow:0 0 0 3px #ffe16a,0 3px 8px rgba(13,38,57,.48);transform:scale(1.08)}
@keyframes tokenIn{from{opacity:.45;transform:scale(.65)}}
.board-cell.step-flash{animation:stepFlash .22s ease}
.board-cell.ladder-flash{animation:ladderFlash .8s ease}
.board-cell.rope-flash{animation:ropeFlash .8s ease}
@keyframes stepFlash{50%{filter:brightness(1.22)}}
@keyframes ladderFlash{50%{box-shadow:inset 0 0 0 5px #2d9c67,0 0 18px #73d49f}}
@keyframes ropeFlash{50%{box-shadow:inset 0 0 0 5px #df5d5d,0 0 18px #ef9090}}
.connectors{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ladder-rail{stroke:#8b571e;stroke-width:1.25;stroke-linecap:round;filter:drop-shadow(0 1px 1px rgba(255,255,255,.8))}
.ladder-rung{stroke:#f2c05d;stroke-width:.9;stroke-linecap:round}
.rope-path{fill:none;stroke:#c74d4d;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:2.8 1.3;filter:drop-shadow(0 1px 1px rgba(255,255,255,.75))}
.rope-end{fill:#f6b14c;stroke:#9b3c3c;stroke-width:.5}
.board-note{min-height:19px;margin:7px 0 0;color:var(--muted);font-size:12px;font-weight:800;text-align:center}

.control-panel{min-height:0;display:flex;flex-direction:column;gap:9px;overflow:auto;padding-inline-end:2px}
.panel-card{padding:14px;border-radius:20px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.98);box-shadow:0 10px 28px rgba(23,50,77,.1)}
.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--navy);font-size:13px;font-weight:950}
.panel-title b{font-size:12px;color:var(--muted)}
.room-state{padding:4px 8px;border-radius:99px;color:var(--muted);background:#edf3f6;font-size:10px}
.room-state.active{color:#17633f;background:#dff6e9}
.room-code-row{display:flex;align-items:center;gap:7px;margin:11px 0 6px;padding:9px 10px;border-radius:15px;background:#eff7fb;border:1px solid #d5e6ef}
.room-code-row>div{min-width:0;flex:1}.room-code-row small{display:block;color:var(--muted);font-size:9px;font-weight:800}.room-code-row strong{display:block;direction:ltr;color:var(--navy);font-size:26px;font-weight:950;letter-spacing:.1em;line-height:1.15}
.room-card>p{margin:7px 0 0;color:var(--muted);font-size:11.5px;line-height:1.45}
.start-button,.primary-button,.secondary-button{
  width:100%;min-height:48px;margin-top:10px;padding:10px 15px;border-radius:14px;cursor:pointer;font-weight:950
}
.start-button,.primary-button{border:0;color:#fff;background:linear-gradient(145deg,#2a7db1,var(--navy));box-shadow:0 7px 17px rgba(18,60,100,.23)}
.start-button:disabled{opacity:.45;cursor:default;box-shadow:none}
.secondary-button{border:2px solid var(--navy);color:var(--navy);background:#fff}

.players-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.players-list li{min-height:39px;display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border-radius:12px;background:#f5f9fb;border:1px solid #e2ebf0}
.players-list .rank{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:var(--muted);background:#fff;font-size:11px;font-weight:950}
.player-label{min-width:0;display:flex;align-items:center;gap:7px}.player-dot{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.player-label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12.5px;font-weight:900}
.player-label small{color:var(--blue);font-size:9px;font-weight:900}
.player-label .gender-tag{flex:none;padding:2px 5px;border-radius:99px;color:#1d668f;background:#e2f2fb;font-size:8px;line-height:1.25}
.player-position{text-align:left}.player-position b{display:block;color:var(--navy);font-size:16px;line-height:1}.player-position small{color:var(--muted);font-size:8px}
.players-list li.current{border-color:#e6ba51;background:#fff8db;box-shadow:inset 4px 0 0 var(--gold)}
.players-list li.disconnected{opacity:.55}.players-list .empty-player{display:block;padding:12px;text-align:center;color:var(--muted);font-size:11px}

.current-player span{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.12em}.current-player strong{display:block;margin-top:2px;color:var(--navy);font-size:16px;font-weight:950}
.die-button{
  width:100%;min-height:83px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 14px;border:0;border-radius:18px;
  cursor:pointer;color:#fff;background:linear-gradient(145deg,#e45f58,#b93c4f);box-shadow:0 8px 0 #7d2c3a,0 13px 24px rgba(150,48,66,.25);text-align:right
}
.die-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 3px 0 #7d2c3a,0 8px 16px rgba(150,48,66,.2)}
.die-button:disabled{cursor:default;opacity:.46;filter:saturate(.55);box-shadow:0 5px 0 #866d72}
.die-button.awaiting{animation:rollPulse 1.1s ease-in-out infinite}
@keyframes rollPulse{50%{box-shadow:0 8px 0 #7d2c3a,0 0 0 8px rgba(240,189,69,.32),0 16px 29px rgba(150,48,66,.29)}}
.die{width:58px;height:58px;flex:none;display:grid;place-items:center;border-radius:14px;color:#182b3b;background:#fff9e9;border:3px solid #fff;box-shadow:inset 0 0 0 2px #e9d39b,0 5px 10px rgba(80,23,38,.25);font-size:48px;line-height:1}
.die.rolling{animation:dieShake .58s ease-in-out}
@keyframes dieShake{0%,100%{transform:rotate(0) scale(1)}20%{transform:rotate(-17deg) scale(.94)}45%{transform:rotate(15deg) scale(1.06)}70%{transform:rotate(-10deg) scale(.98)}}
.die-button b{display:block;font-size:17px;font-weight:950}.die-button small{display:block;margin-top:3px;color:#ffe9d1;font-size:9.5px;font-weight:800}
.last-event{min-height:50px;margin-top:10px;display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-radius:13px;background:#f0f6f9}
.last-event>span{color:var(--gold);font-size:17px}.last-event p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.45}
.last-event.good{background:#e5f7ed}.last-event.good>span{color:var(--green)}.last-event.bad{background:#ffebeb}.last-event.bad>span{color:var(--coral)}

.adbar{display:none;min-height:50px;align-items:center;justify-content:center;overflow:hidden}.adbar.on{display:flex}
.game-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;color:var(--muted);font-size:11px}.game-footer a{color:var(--navy);font-weight:850;text-decoration:none}

.modal{position:fixed;z-index:60;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(12,32,55,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .18s ease}
.sheet{position:relative;width:min(94vw,470px);max-height:92vh;overflow:auto;padding:23px;border-radius:27px;text-align:center;color:var(--ink);background:linear-gradient(150deg,#fffefa,#fff5d6);border:3px solid #f4cb6a;box-shadow:0 28px 78px rgba(5,24,43,.46);animation:sheetIn .3s cubic-bezier(.2,.85,.3,1)}
.sheet h2{margin:7px 0 8px;color:var(--navy);font-size:clamp(25px,5vw,34px);font-weight:950}.sheet>p{margin:0 0 14px;color:var(--muted);font-size:13.5px;line-height:1.55}
.welcome-art{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--navy);font-weight:950}.welcome-art span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#fff;border:2px solid #e8c05a;box-shadow:0 6px 14px rgba(17,49,76,.1)}.welcome-art i{color:var(--green);font-size:35px;font-style:normal}
.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:15px 0 12px;padding:4px;border-radius:14px;background:#e8eef2}.mode-tabs button{min-height:42px;padding:5px 4px;border:0;border-radius:11px;cursor:pointer;color:var(--muted);background:transparent;font-size:12px;font-weight:900;line-height:1.15}.mode-tabs button[aria-selected="true"]{color:#fff;background:var(--navy);box-shadow:0 5px 12px rgba(18,60,100,.2)}
.welcome-sheet form{text-align:right}.welcome-sheet label{display:block;margin:10px 2px 5px;color:var(--ink);font-size:12px;font-weight:900}.welcome-sheet input,.welcome-sheet select{width:100%;min-height:49px;padding:10px 13px;border:2px solid #c8d8e2;border-radius:13px;color:var(--ink);background:#fff;font-size:17px;font-weight:800}.welcome-sheet input::placeholder{color:#a2adb5;font-weight:600}
.gender-choice{display:flex;flex-wrap:wrap;gap:6px;margin:9px 2px 0;padding:0;border:0;min-width:0}.gender-choice legend{width:100%;margin:0 0 5px;padding:0;color:var(--muted);font-size:10px;font-weight:900}.welcome-sheet .gender-choice label{position:relative;flex:1;margin:0;cursor:pointer}.welcome-sheet .gender-choice input[type="radio"]{position:absolute;width:1px;height:1px;min-height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.gender-choice label span{min-height:38px;display:grid;place-items:center;padding:6px 11px;border:2px solid #c8d8e2;border-radius:12px;color:var(--muted);background:#fff;font-size:12px;font-weight:950;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.gender-choice input[type="radio"]:checked+span{border-color:var(--blue);color:var(--navy);background:#e5f5ff;box-shadow:inset 0 0 0 1px rgba(36,117,174,.18)}.gender-choice input[type="radio"]:focus-visible+span{outline:4px solid #061f35;outline-offset:2px}
.local-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.local-player-entry{min-width:0;padding:8px;border:1px solid #d9e5ec;border-radius:14px;background:rgba(255,255,255,.58)}.local-names .local-name-field{margin:0}.local-names .local-name-field>span{display:block;margin:0 2px 4px;color:var(--muted);font-size:10px}.local-names input[type="text"]{min-height:44px;font-size:14px}.gender-choice.compact{margin:7px 0 0}.gender-choice.compact legend{margin-bottom:4px;font-size:9px}.gender-choice.compact label span{min-height:33px;padding:4px 8px;font-size:10px}.local-help{display:block;margin:8px 2px 0;color:var(--muted);font-size:10.5px;line-height:1.45}.form-error{min-height:18px;margin:7px 2px 0!important;color:#b83445!important;font-size:11.5px!important;font-weight:800}.privacy-note{margin:12px 0 0!important;padding:10px;border-radius:12px;background:#eef6fa;color:#557086!important;font-size:10.5px!important}
.close-button{position:absolute;top:11px;left:11px;width:39px;height:39px;border:0;border-radius:50%;cursor:pointer;color:var(--navy);background:#e8eef4;font-size:28px;line-height:1}
.help-sheet{text-align:right}.help-sheet h2{text-align:center}.help-sheet ol{margin:15px 0;padding-inline-start:22px}.help-sheet li{margin-bottom:10px;color:var(--muted);font-size:13px;line-height:1.5}.help-sheet li b{color:var(--ink)}
.sheet-links{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:12px 0}.sheet-links a{padding:6px 10px;border:1px solid var(--line);border-radius:99px;color:var(--navy);background:#fff;font-size:11px;font-weight:850;text-decoration:none}
.trophy{font-size:50px}.result-sheet>p{font-size:16px;color:var(--ink);font-weight:850}.finish-list{list-style:none;margin:12px 0;padding:0}.finish-list li{display:flex;align-items:center;justify-content:space-between;margin:5px 0;padding:9px 11px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:12px}.finish-list b{color:var(--navy)}
.noscript{position:fixed;z-index:99;inset:auto 12px 12px;padding:12px;border:2px solid #bd8e21;border-radius:12px;background:#fff3c8;text-align:center}
@keyframes fadeIn{from{opacity:0}}@keyframes sheetIn{from{opacity:0;transform:translateY(22px) scale(.97)}}

@media (max-width:920px){
  .game-layout{grid-template-columns:minmax(0,1fr) minmax(270px,325px)}
  .board-frame{width:min(100%,calc(100vh - 215px),690px);width:min(100%,calc(100dvh - 215px),690px)}
  .panel-card{padding:12px}
}

@media (max-width:720px) and (orientation:portrait){
  .game-shell{gap:7px;padding-inline:7px}.game-header{gap:7px}.brand-mark{width:45px;height:45px;border-radius:14px}.brand strong{font-size:20px}.brand small{font-size:8px}.connection-pill span{display:none}.connection-pill{width:36px;justify-content:center;padding:7px}
  .icon-button{width:39px;min-height:39px}.small-button{min-height:39px;padding:6px 9px;font-size:10px}
  .game-layout{display:flex;flex-direction:column;gap:8px}.board-panel{padding:7px;border-radius:19px}.board-heading{margin-bottom:5px}.turn-badge{max-width:44%;padding:5px 8px}.turn-badge span{font-size:9px}
  .board-frame{width:min(100%,600px);height:auto;aspect-ratio:1;border-width:4px;border-radius:15px}.board-note{font-size:10.5px;margin-top:5px}
  .control-panel{overflow:visible;display:grid;grid-template-columns:1fr;gap:7px}.room-card,.players-card,.action-card{border-radius:17px}
  .players-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.players-list .empty-player{grid-column:1/-1}.players-list li{grid-template-columns:22px minmax(0,1fr) auto;padding:6px}
  .die-button{min-height:74px}.die{width:51px;height:51px;font-size:42px}
  .game-footer{font-size:9.5px}
  .local-names{grid-template-columns:1fr}
}

@media (orientation:landscape) and (max-height:650px){
  .game-shell{gap:5px;padding-block:5px}.brand-mark{width:39px;height:39px;border-radius:12px}.brand-mark b{font-size:13px}.brand strong{font-size:19px}.brand small{display:none}.icon-button,.small-button{min-height:36px}.icon-button{width:37px}.connection-pill{min-height:35px}
  .game-layout{grid-template-columns:minmax(0,1fr) minmax(275px,335px);gap:8px}.board-panel{padding:5px 8px;border-radius:18px}.board-heading{margin-bottom:3px}.board-heading>div>span{display:none}.board-heading h1{font-size:16px}.turn-badge{padding:4px 9px}
  .board-frame{width:min(100%,calc(100vh - 112px),620px);width:min(100%,calc(100dvh - 112px),620px);border-width:4px;border-radius:14px}.board-note{display:none}
  .control-panel{gap:5px}.panel-card{padding:8px 10px;border-radius:15px}.room-code-row{margin:6px 0 3px;padding:5px 7px}.room-code-row strong{font-size:20px}.room-card>p{display:none}.start-button{min-height:39px;margin-top:6px;padding:7px}.players-list{margin-top:5px;gap:3px}.players-list li{min-height:31px;padding:4px 6px}.action-card{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;align-items:center}.die-button{min-height:61px;margin:0}.die{width:43px;height:43px;font-size:36px}.last-event{grid-column:1/-1;min-height:35px;margin-top:0;padding:5px 7px}.game-footer{font-size:9px}
}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media (prefers-color-scheme:dark){
  :root{--ink:#edf5fb;--muted:#a7bac9;--navy:#a9d8f7;--line:#35536a;color-scheme:dark}
  html{background:#0c1825}body{background:radial-gradient(circle at 8% 9%,rgba(240,189,69,.13),transparent 22%),radial-gradient(circle at 91% 17%,rgba(41,162,179,.13),transparent 24%),linear-gradient(145deg,#0c1825,#12263a 52%,#172016)}
  .board-panel,.panel-card{background:rgba(20,39,56,.88);border-color:#29465d}.icon-button,.small-button,.round-button,.connection-pill{background:#162d42;border-color:#35536a;color:#cdeaff}.turn-badge{background:#17354c;border-color:#3d617a}.turn-badge.yours{background:#51431d}.room-state{background:#243c50}.room-state.active{background:#174734;color:#a7f0c8}.room-code-row,.last-event,.privacy-note{background:#183349;border-color:#35536a}.players-list li{background:#182f43;border-color:#2c4a60}.players-list .rank{background:#203d53}.players-list li.current{background:#4a3f1f}.player-label .gender-tag{color:#bde8ff;background:#244961}.platform-chip{background:#173a51}.secondary-button{background:#183146;color:#cdeaff}.sheet{background:linear-gradient(150deg,#183046,#362f1d);border-color:#8b6a29}.welcome-sheet input,.welcome-sheet select,.sheet-links a,.finish-list li,.gender-choice label span{background:#193247;border-color:#3a5870;color:#edf5fb}.gender-choice input[type="radio"]:checked+span{border-color:#79c9f3;color:#fff;background:#244d68}.local-player-entry{background:rgba(17,39,56,.65);border-color:#35536a}.mode-tabs{background:#0f2435}.privacy-note{color:#b6cbd8!important}.close-button{background:#29465d;color:#fff}
}