/* Graphite surfaces echo the bot avatars; blue marks actions, not the canvas. */
:root{--bg:#f2f2f0;--surface:#fcfcfa;--text:#262625;--muted:#626260;--faint:#70706c;--line:#ddddd8;--blue-soft:#e5edf0;--wall:#e5e5e1;--bubble:#fafaf8;--header:rgba(250,250,248,.94);--board-line:#c6c6c0;--board-cell:#f6f6f2;--glass-bg:rgba(250,250,248,.78);--glass-rim:rgba(255,255,255,.96);--glass-edge:rgba(90,90,85,.18);--glass-shadow:0 12px 36px #2929230b,inset 0 1px 0 #fff;--glass-sheen:linear-gradient(135deg,#ffffff75,#ffffff08 60%);--card-glass:rgba(252,252,249,.84);--glass-blue:rgba(221,224,221,.7)}
:root[data-theme=dark]{--bg:#202020;--surface:#292929;--text:#efefeb;--muted:#b2b2ac;--faint:#a3a39c;--line:#41413e;--blue:#7ac3e2;--blue-hover:#9bd4eb;--blue-soft:#303c40;--wall:#242424;--bubble:#30302f;--outgoing:#343e41;--header:rgba(41,41,41,.95);--board-line:#61615b;--board-cell:#353533;--glass-bg:rgba(43,43,42,.8);--glass-rim:rgba(255,255,246,.16);--glass-edge:rgba(211,211,199,.14);--glass-shadow:0 14px 45px #0003,inset 0 1px 0 #ffffff15;--glass-sheen:linear-gradient(135deg,#ffffff0b,#ffffff00 65%);--card-glass:rgba(46,46,44,.85);--glass-blue:rgba(63,65,62,.76)}
body,[data-theme=dark] body{background-image:none}.game-avatar{background:#e2e2dd}[data-theme=dark] .game-avatar{background:#373735}.game-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:20px}.game-copy{min-width:0}.game-card .game-avatar{align-self:start}.game-card .game-play{position:relative;z-index:2;align-self:center;min-height:48px;padding:12px 18px;white-space:nowrap;font-size:14px;gap:12px}.game-actions{margin-top:12px}.game-actions .rules-link{position:relative;z-index:2}.game-play:focus-visible,.shelf-play:focus-visible{outline-offset:5px}.detail-hero .button{min-height:54px;font-size:16px;padding-inline:26px}
.room-shelf li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border-bottom:1px solid var(--line)}.room-shelf .shelf-game{grid-template-columns:18px 38px minmax(0,1fr);gap:12px;border:0}.room-shelf .shelf-copy strong{font-size:18px}.room-shelf .shelf-play{min-height:44px;padding:10px 15px;font-size:12px;gap:9px;white-space:nowrap}.room{--room-line:#b8b8af;--room-paper:#f9f9f5}[data-theme=dark] .room{--room-line:#63635e;--room-paper:#2a2a28}.room-photo-label{background:#252525d9}
@media(min-width:601px) and (max-width:1100px){.room-shelves{grid-template-columns:1fr}.room-shelf .shelf-copy strong{font-size:20px}}
@media(max-width:760px){.game-card{grid-template-columns:46px minmax(0,1fr) auto;gap:14px}.game-card .game-avatar{width:46px;height:46px}.game-card .game-play{padding:11px 14px;font-size:13px;gap:8px}}
@media(max-width:600px){.game-card{padding:20px 15px;grid-template-columns:38px minmax(0,1fr) auto;gap:11px}.game-card .game-avatar{width:38px;height:38px}.game-card .game-play{padding:10px 12px;font-size:12px;min-height:44px;gap:7px}.game-card .game-play .send-mark{display:none}.game-card h3{font-size:18px;line-height:1.3}.game-copy p{font-size:12px;line-height:1.6}.game-category{font-size:9px}.game-actions{margin-top:10px}.game-actions .rules-link{font-size:11px}.room-shelf li{gap:12px}.room-shelf .shelf-game{grid-template-columns:30px minmax(0,1fr);gap:10px}.room-shelf .shelf-index{display:none}.room-shelf .shelf-game>.icon{width:30px;height:30px}.room-shelf .shelf-copy strong{font-size:17px}.room-shelf .shelf-copy small{font-size:10px}.room-shelf .shelf-play{padding:10px 12px;font-size:11px;gap:6px}}
@media(max-width:360px){.game-card{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:18px 12px}.game-card .game-avatar{width:30px;height:30px}.game-card h3{font-size:16px}.game-card .game-play{padding-inline:10px;font-size:11px}.room-shelf .shelf-copy strong{font-size:16px}.room-shelf .shelf-play .send-mark{display:none}}