.game-type-card{text-decoration:none}.online-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.online-card{display:grid;align-content:start;gap:13px;padding:18px;background:#0c0a08c9;border:1px solid #675238;border-radius:10px}.online-card h2{margin:0}.online-card label,.invite-panel label,.invite-block label{display:grid;gap:6px;color:#c8b99f;font-size:13px;font-weight:700}.online-card fieldset{margin:0;padding:0;border:0}.online-card legend{margin-bottom:8px;color:#c8b99f;font-size:13px;font-weight:700}.online-switch{position:relative;grid-template-columns:25px 1fr!important;align-items:center;cursor:pointer}.online-switch input{position:absolute;opacity:0}.online-switch>span{grid-row:1/3;width:23px;height:23px;background:#0b0a08;border:1px solid #8c7048;border-radius:5px}.online-switch input:checked+span{background:linear-gradient(#9c392c,#671e18);box-shadow:inset 0 0 0 5px #d7ad69}.online-switch small{grid-column:2;color:var(--muted)}.online-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.online-presets label{position:relative}.online-presets input{position:absolute;opacity:0;pointer-events:none}.online-presets span{display:grid;gap:3px;padding:9px;background:#100d0a;border:1px solid #5e4a32;border-radius:7px}.online-presets input:checked+span{border-color:#d09b51;box-shadow:0 0 0 2px #9d6f38;background:#3b1a14}.online-presets small{color:var(--muted)}.online-card-heading,.room-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.icon-refresh{width:38px;height:38px;color:#e3c27f;background:#251b13;border:1px solid #735537;border-radius:7px;cursor:pointer}.public-room-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.public-room-list li{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:10px;background:#17110d;border:1px solid #4f402d;border-radius:7px}.public-room-list small{color:var(--muted)}.public-room-list button{grid-column:2;grid-row:1/3}.online-error{padding:10px;color:#ffd2cb;background:#551d18;border:1px solid #b95749;border-radius:7px}.room-badge{padding:5px 9px;color:#edcc8d;background:#2d2117;border:1px solid #79603d;border-radius:999px;font-size:11px}.room-players{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.room-player{padding:14px;background:#100d0a;border:1px solid #645039;border-radius:8px}.room-player small{display:block;margin-top:4px;color:var(--muted)}.invite-block{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;margin:13px 0}.connection-state{position:fixed;right:10px;bottom:10px;z-index:18;padding:5px 8px;color:#bad59e;background:#10200fdd;border:1px solid #59784c;border-radius:999px;font-size:10px}.connection-state.syncing{color:#e5cb95;background:#302313dd}.connection-state.offline{color:#efaaa1;background:#3e1512dd}.online-shell .die:disabled:not(.placeholder){cursor:default}.online-shell .die.selected{transform:translateY(-3px)}
@media(max-width:649px){.online-columns{grid-template-columns:1fr}.online-card{padding:13px}.room-players{gap:6px;margin:10px 0}.room-player{padding:9px}.invite-block{grid-template-columns:1fr}.online-shell #onlineGame .dice-board{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:none!important;gap:10px!important}.online-shell #onlineGame .die{width:100%!important;height:auto!important;aspect-ratio:1}.online-shell #onlineGame .turn-panel{display:grid;grid-template-columns:minmax(65px,1fr) auto minmax(85px,1.35fr);align-items:center;gap:7px;padding:5px 7px!important}.online-shell #onlineGame .turn-panel>*{margin:0!important}.online-shell #onlineStatus{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-shell #onlineTurnScore{font-size:20px}.online-presets{grid-template-columns:1fr 1fr}}