/* Readable light-mode chrome; game artwork keeps its own contrast and palette. */
[data-theme=light] .online-dot,[data-theme=light] .welcome-line,[data-theme=light] .catalog-result{color:#435672}
[data-theme=light] .game-card .card-content .card-subtitle{font-size:12px;line-height:1.6;color:#435672}
[data-theme=light] .card-actions .card-online,[data-theme=light] .card-actions .card-practice{font-size:13px;min-height:40px}
[data-theme=light] .card-actions .card-online{color:#473285;font-weight:600}
[data-theme=light] .card-actions .card-practice{color:#364e6a;background:#e7edf6}
[data-theme=light] .room-detail,[data-theme=light] .room-state,[data-theme=light] .room-name small{color:#435672}
[data-theme=light] .catalog-categories button{color:#344965;font-size:12px}
[data-theme=light] .catalog-categories button[aria-pressed=true]{color:#30204e;background:#d6ceff}
[data-theme=light] .game-search::placeholder,[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#566c86;opacity:1}
[data-theme=light] :is(button,a,input,select,textarea):focus-visible{outline:3px solid #2865c4;outline-offset:3px}
@media(max-width:540px){[data-theme=light] .card-actions{flex-wrap:wrap;gap:2px 7px}[data-theme=light] .card-actions .card-online,[data-theme=light] .card-actions .card-practice{font-size:12px}[data-theme=light] .card-title{font-size:17px}.theme-hint button{min-width:38px;min-height:38px}}