.rated-label{font-size:max(11px, calc(11px * var(--ui-scale, 1)));font-weight:400;letter-spacing:.2px;color:var(--orange);white-space:nowrap}
.casual-section{margin:calc(20px * var(--ui-scale, 1)) 0 calc(24px * var(--ui-scale, 1))}.casual-section h2{display:flex;align-items:center;gap:calc(14px * var(--ui-scale, 1));margin:0 0 calc(11px * var(--ui-scale, 1));font-size:max(11px, calc(17px * var(--ui-scale, 1)));font-weight:400;line-height:1.4;color:#48a2c5}.casual-section h2::after{content:"";height:1px;flex:1;background:var(--line);opacity:.65}
.casual-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10px * var(--ui-scale, 1));width:100%;min-width:0}
@media(max-width:680px){.casual-section{margin-top:calc(18px * var(--ui-scale, 1))}.casual-section h2{font-size:max(11px, calc(16px * var(--ui-scale, 1)));margin-bottom:calc(10px * var(--ui-scale, 1))}}
.casual-entry{width:100%;min-width:0;min-height:calc(126px * var(--ui-scale, 1));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(12px * var(--ui-scale, 1));padding:calc(18px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));margin:0;border:1px solid #ffffff08;border-radius:calc(5px * var(--ui-scale, 1));background:var(--soft);text-align:center;box-shadow:0 calc(2px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1)) #0002;transition:background .15s,border-color .15s,box-shadow .15s}
.casual-entry strong{display:block;font-size:max(11px, calc(20px * var(--ui-scale, 1)));font-weight:400;line-height:1.3}.casual-entry small{display:block;margin-top:calc(7px * var(--ui-scale, 1));color:var(--muted);font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:1.4}.casual-entry .unrated-label{color:#48a2c5}.casual-entry>.icon{width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));color:var(--muted)}
.casual-entry:is(:hover,:focus-visible){background:#29383e;border-color:#48a2c5;box-shadow:0 calc(3px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1)) #0003}.casual-entry:active{background:#243d47;border-color:#48a2c5;box-shadow:inset 0 1px calc(4px * var(--ui-scale, 1)) #0003}.casual-entry:focus-visible{outline-color:#48a2c5}
:is(#casual-lobby-dialog,#game-setup-dialog){--casual-accent:#48a2c5;--casual-panel:#353431;--casual-muted:#b2b1ae;width:calc(590px * var(--ui-scale, 1));max-width:calc(100vw - calc(20px * var(--ui-scale, 1)));max-height:calc(100dvh - calc(20px * var(--ui-scale, 1)));padding:0;border:1px solid #45443f;border-radius:calc(7px * var(--ui-scale, 1));overflow:auto;background:var(--casual-panel);color:var(--casual-muted);box-shadow:0 calc(24px * var(--ui-scale, 1)) calc(100px * var(--ui-scale, 1)) #0009;overscroll-behavior:contain}
:is(#casual-lobby-dialog,#game-setup-dialog)::backdrop{background:#000a}
.casual-variants label>span,.casual-switch label>span{pointer-events:none}
.casual-heading{position:relative;text-align:center;padding:calc(19px * var(--ui-scale, 1)) calc(48px * var(--ui-scale, 1)) calc(21px * var(--ui-scale, 1));border-bottom:1px solid #41403c;background:#262522}.casual-heading h2{margin:0;font-size:max(11px, calc(32px * var(--ui-scale, 1)));line-height:1.25;font-weight:300;color:#bcbab7}.casual-close{position:absolute;right:calc(8px * var(--ui-scale, 1));top:calc(5px * var(--ui-scale, 1));width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));font-size:max(11px, calc(25px * var(--ui-scale, 1)));line-height:1;color:#999894;border-radius:calc(3px * var(--ui-scale, 1))}.casual-close:hover{background:#3b3a36;color:#eee}
.casual-fields{display:block;margin:0;padding:calc(24px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));border:0;min-width:0}.casual-variants{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;border:1px solid #494843;border-radius:calc(6px * var(--ui-scale, 1));background:linear-gradient(#3e3d39,#353430);box-shadow:inset 0 1px #ffffff05;overflow:hidden;min-width:0}.casual-variants legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.casual-variants label,.casual-switch label{position:relative;cursor:pointer;min-width:0}.casual-variants input,.casual-switch input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.casual-variants label+label,.casual-switch label+label{border-left:1px solid #494843}.casual-variants label>span{display:block;text-align:center;padding:calc(10px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(15px * var(--ui-scale, 1)));line-height:1.2;color:var(--casual-muted)}.casual-variants input:checked+span{background:var(--casual-accent);color:#f1fbff;box-shadow:inset 0 1px calc(4px * var(--ui-scale, 1)) #0002}

.casual-slider-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1));margin-bottom:0}.casual-slider-heading label,.casual-parameter>span{font-size:max(11px, calc(14px * var(--ui-scale, 1)));font-weight:600}.casual-score-heading output,.casual-clock-values output{min-width:calc(24px * var(--ui-scale, 1));padding:calc(2px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));background:#9c9b97;color:#292925;text-align:center;font-size:max(11px, calc(16px * var(--ui-scale, 1)));line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}
:is(#casual-lobby-dialog,#game-setup-dialog) input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:calc(26px * var(--ui-scale, 1));margin:0;padding:0;border:0;border-radius:calc(8px * var(--ui-scale, 1));background:transparent;cursor:pointer;accent-color:var(--casual-accent);touch-action:pan-y}
:is(#casual-lobby-dialog,#game-setup-dialog) input[type=range]::-webkit-slider-runnable-track{height:calc(14px * var(--ui-scale, 1));border-radius:calc(10px * var(--ui-scale, 1));background:#565551}:is(#casual-lobby-dialog,#game-setup-dialog) input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:calc(22px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));margin-top:0;border-radius:calc(10px * var(--ui-scale, 1));border:1px solid #969590;background:#242421;box-shadow:0 1px calc(2px * var(--ui-scale, 1)) #0003;transition:background .15s,box-shadow .15s}:is(#casual-lobby-dialog,#game-setup-dialog) input[type=range]:hover::-webkit-slider-thumb{border-color:#b9b8b2;background:#30302b}:is(#casual-lobby-dialog,#game-setup-dialog) input[type=range]:active::-webkit-slider-thumb{border-color:var(--casual-accent);box-shadow:0 0 0 calc(2px * var(--ui-scale, 1)) #48a2c530}
:is(#casual-lobby-dialog,#game-setup-dialog) input[type=range]::-moz-range-track{height:calc(14px * var(--ui-scale, 1));border-radius:calc(10px * var(--ui-scale, 1));background:#565551}:is(#casual-lobby-dialog,#game-setup-dialog) input[type=range]::-moz-range-thumb{box-sizing:border-box;width:calc(22px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));border-radius:calc(10px * var(--ui-scale, 1));border:1px solid #969590;background:#242421;box-shadow:0 1px calc(2px * var(--ui-scale, 1)) #0003}
.casual-point-options{display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--ui-scale, 1))}.casual-point-options button{min-width:calc(34px * var(--ui-scale, 1));padding:calc(3px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));border-radius:calc(12px * var(--ui-scale, 1));background:#42413b;color:#aaa9a2;font-size:max(11px, calc(13px * var(--ui-scale, 1)));line-height:1.3;font-variant-numeric:tabular-nums}.casual-point-options button:hover:not(:disabled){background:#53524b;color:#eee}.casual-point-options button[aria-pressed=true]{background:var(--casual-accent);color:#f4fbfd;font-weight:600}
.casual-option{margin-top:calc(26px * var(--ui-scale, 1))}.casual-option>span{display:block;text-align:center;margin-bottom:calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));font-weight:600}.casual-switch{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;border:1px solid #44433d;border-radius:calc(5px * var(--ui-scale, 1));background:linear-gradient(#3c3b36,#34332e);box-shadow:0 calc(2px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1)) #0002;overflow:hidden}.casual-switch label>span{display:flex;align-items:center;justify-content:center;min-height:calc(45px * var(--ui-scale, 1));padding:calc(11px * var(--ui-scale, 1)) calc(7px * var(--ui-scale, 1));text-align:center;font-size:max(11px, calc(14px * var(--ui-scale, 1)));line-height:1.2;color:var(--casual-muted)}.casual-switch input:checked+span{background:var(--casual-accent);color:#f3fbfe;box-shadow:inset 0 1px calc(4px * var(--ui-scale, 1)) #0002}.casual-switch .casual-choice{flex-direction:column;gap:calc(6px * var(--ui-scale, 1));min-height:calc(76px * var(--ui-scale, 1));padding:calc(9px * var(--ui-scale, 1)) calc(7px * var(--ui-scale, 1))}.casual-choice svg{width:calc(30px * var(--ui-scale, 1));height:calc(30px * var(--ui-scale, 1));fill:none;stroke:currentColor;stroke-width:1.7}.casual-choice text{fill:currentColor;stroke:none;text-anchor:middle;font-family:inherit;font-size:max(11px, calc(16px * var(--ui-scale, 1)));font-weight:700}.casual-variants input:focus-visible+span,.casual-switch input:focus-visible+span{outline:calc(2px * var(--ui-scale, 1)) solid #d0f0fc;outline-offset:calc(-3px * var(--ui-scale, 1))}.casual-variants label:hover>span,.casual-switch label:hover>span{filter:brightness(1.08)}.casual-variants input:disabled+span,.casual-switch input:disabled+span{cursor:default;filter:none}
:is(#casual-lobby-dialog,#game-setup-dialog) :is(button,input):focus-visible{outline:calc(2px * var(--ui-scale, 1)) solid var(--casual-accent);outline-offset:calc(2px * var(--ui-scale, 1))}:is(#casual-lobby-dialog,#game-setup-dialog) input[type=radio]:focus-visible{outline:none}:is(#casual-lobby-dialog,#game-setup-dialog) fieldset:disabled input[type=range]{opacity:.5;cursor:default}.casual-visibility{display:block}
.casual-status{margin:0 calc(17px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1));padding:calc(16px * var(--ui-scale, 1));text-align:center;border:1px solid #4c4a43;border-radius:calc(4px * var(--ui-scale, 1))}.casual-status strong{font-size:max(11px, calc(16px * var(--ui-scale, 1)));font-weight:500}.casual-status time{display:block;margin-top:calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(20px * var(--ui-scale, 1)));font-variant-numeric:tabular-nums}.casual-error{margin:0 calc(17px * var(--ui-scale, 1)) calc(18px * var(--ui-scale, 1));color:#f1a398;font-size:max(11px, calc(13px * var(--ui-scale, 1)));line-height:1.5}.casual-room-list{margin:0 calc(17px * var(--ui-scale, 1)) calc(18px * var(--ui-scale, 1))}.casual-room-list button{display:block;padding:calc(10px * var(--ui-scale, 1)) 0;color:#80c3dc;font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
:is(#casual-lobby-dialog,#game-setup-dialog) footer{padding:calc(20px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));background:#262522;border-top:1px solid #41403c;text-align:center}:is(#casual-lobby-dialog,#game-setup-dialog) footer>button{display:inline-flex;align-items:center;justify-content:center;gap:calc(12px * var(--ui-scale, 1));width:auto;min-width:calc(270px * var(--ui-scale, 1));max-width:100%;min-height:calc(45px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) calc(22px * var(--ui-scale, 1));border:1px solid #494842;border-radius:calc(6px * var(--ui-scale, 1));background:linear-gradient(#45443e,#363530);color:#c5c3be;font-size:max(11px, calc(16px * var(--ui-scale, 1)));line-height:1.25;font-weight:600;box-shadow:inset 0 1px #ffffff08,0 calc(2px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1)) #0002}:is(#casual-lobby-dialog,#game-setup-dialog) footer .icon{width:calc(27px * var(--ui-scale, 1));height:calc(27px * var(--ui-scale, 1));color:var(--casual-accent);flex:none}:is(#casual-lobby-dialog,#game-setup-dialog) footer>button:hover:not(:disabled){border-color:var(--casual-accent);background:#44453f;color:#f2f4ef}:is(#casual-lobby-dialog,#game-setup-dialog) footer>button:active:not(:disabled){box-shadow:inset 0 calc(2px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1)) #0004;background:#323b3d}
.casual-invite{margin:0 calc(17px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1));display:flex;align-items:end;gap:calc(8px * var(--ui-scale, 1))}.casual-invite label{min-width:0;flex:1}.casual-invite label>span{font-size:max(11px, calc(12px * var(--ui-scale, 1)));display:block;margin-bottom:calc(7px * var(--ui-scale, 1))}.casual-invite input{width:100%;min-width:0;font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.casual-invite button{padding:calc(11px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:#42413b;border:1px solid #55534b;border-radius:calc(4px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
.home-panel{margin-bottom:calc(24px * var(--ui-scale, 1));min-width:0}.home-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(10px * var(--ui-scale, 1));margin:0 0 calc(18px * var(--ui-scale, 1))}.home-panel-heading h2{font-size:max(11px, calc(21px * var(--ui-scale, 1)));font-weight:400;margin:0}.home-panel button{font-size:max(11px, calc(13px * var(--ui-scale, 1)));border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));background:var(--surface);padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}.home-panel button:hover:not(:disabled){background:var(--soft);border-color:#48a2c5}.panel-filters{display:flex;gap:calc(10px * var(--ui-scale, 1));margin-bottom:calc(16px * var(--ui-scale, 1))}.panel-filters select{min-width:0;flex:1;font-size:max(11px, calc(13px * var(--ui-scale, 1)));padding:calc(10px * var(--ui-scale, 1));background:var(--surface)}.panel-hint{font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--muted);line-height:1.6}.lobby-hint{color:#48a2c5}.panel-empty{padding:calc(24px * var(--ui-scale, 1)) calc(18px * var(--ui-scale, 1));text-align:center;color:var(--muted);font-size:max(11px, calc(14px * var(--ui-scale, 1)));line-height:1.7;border:1px dashed var(--line);border-radius:calc(5px * var(--ui-scale, 1))}
.public-room{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1));border-bottom:1px solid var(--line);padding:calc(16px * var(--ui-scale, 1)) 0}.public-room>div{min-width:0}.public-room strong{font-size:max(11px, calc(14px * var(--ui-scale, 1)));font-weight:500;overflow-wrap:anywhere}.public-room small{display:block;font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--muted);margin-top:calc(8px * var(--ui-scale, 1));line-height:1.5}.public-room button{flex-shrink:0;color:#68b4d0}
.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(8px * var(--ui-scale, 1))}.history-stats>div{background:var(--surface);border-radius:calc(4px * var(--ui-scale, 1));padding:calc(17px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));text-align:center}.history-stats strong{display:block;font-size:max(11px, calc(25px * var(--ui-scale, 1)));font-weight:400;font-variant-numeric:tabular-nums}.history-stats span{display:block;margin-top:calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:var(--muted);line-height:1.4}.history-round-stats{margin:calc(18px * var(--ui-scale, 1)) 0}.history-round-stats table{border-collapse:collapse;width:100%;font-size:max(11px, calc(13px * var(--ui-scale, 1)))}.history-round-stats th{font-weight:400;color:var(--muted)}.history-round-stats th:first-child{text-align:left}.history-round-stats th,.history-round-stats td{padding:calc(9px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));border-bottom:1px solid var(--line);text-align:right}.history-game{padding:calc(18px * var(--ui-scale, 1)) 0;border-top:1px solid var(--line)}.history-game-main,.history-game-bottom{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1))}.history-game-main strong{font-size:max(11px, calc(15px * var(--ui-scale, 1)));font-weight:500;overflow-wrap:anywhere}.history-score{font-size:max(11px, calc(21px * var(--ui-scale, 1)));white-space:nowrap;font-variant-numeric:tabular-nums}.history-game>small{display:block;color:var(--muted);font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:1.6;margin-top:calc(5px * var(--ui-scale, 1))}.history-game-bottom{font-size:max(11px, calc(12px * var(--ui-scale, 1)));margin-top:calc(14px * var(--ui-scale, 1));flex-wrap:wrap}.history-game-bottom>div{display:flex;gap:calc(14px * var(--ui-scale, 1))}.result-win{color:#9cbd91}.result-loss{color:#cf9498}.history-more{width:100%;margin-top:calc(12px * var(--ui-scale, 1))}.history-error{color:#f1a398;font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
@media(max-width:600px){.casual-entry{min-height:calc(126px * var(--ui-scale, 1));padding:calc(14px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));gap:calc(10px * var(--ui-scale, 1))}.casual-entry strong{font-size:max(11px, calc(16px * var(--ui-scale, 1)))}.casual-entry small{font-size:max(11px, calc(11px * var(--ui-scale, 1)))}.home-panel-heading h2{font-size:max(11px, calc(19px * var(--ui-scale, 1)))}.history-stats{grid-template-columns:repeat(2,1fr)}.history-round-stats table{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.home-panel button{padding:calc(9px * var(--ui-scale, 1))}.panel-filters{gap:calc(6px * var(--ui-scale, 1))}}
.history-chapters{margin-top:calc(14px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--muted)}.history-chapters summary{cursor:pointer;padding:calc(5px * var(--ui-scale, 1)) 0}.history-chapters>div>div{display:flex;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1));padding:calc(9px * var(--ui-scale, 1)) 0}.history-chapters>div{line-height:1.6}
@media(max-width:420px){.casual-heading{padding:calc(18px * var(--ui-scale, 1)) calc(38px * var(--ui-scale, 1))}.casual-heading h2{font-size:max(11px, calc(27px * var(--ui-scale, 1)))}.casual-fields{padding:calc(20px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1))}.casual-variants label>span{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.casual-tabs{margin-top:calc(14px * var(--ui-scale, 1))}.casual-tabs button{font-size:max(11px, calc(13px * var(--ui-scale, 1)))}.casual-option{margin-top:calc(22px * var(--ui-scale, 1))}:is(#casual-lobby-dialog,#game-setup-dialog) footer>button{min-width:0;width:100%;padding-left:calc(12px * var(--ui-scale, 1));padding-right:calc(12px * var(--ui-scale, 1))}}
@media(max-height:660px){.casual-heading{padding-top:calc(13px * var(--ui-scale, 1));padding-bottom:calc(13px * var(--ui-scale, 1))}.casual-fields{padding:calc(16px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1))}.casual-tabs{margin:calc(12px * var(--ui-scale, 1)) 0 calc(15px * var(--ui-scale, 1))}.casual-tabs button{padding-top:calc(9px * var(--ui-scale, 1));padding-bottom:calc(9px * var(--ui-scale, 1))}.casual-option{margin-top:calc(19px * var(--ui-scale, 1))}.casual-option>span{margin-bottom:calc(9px * var(--ui-scale, 1))}.casual-switch .casual-choice{min-height:calc(66px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1));gap:calc(4px * var(--ui-scale, 1))}.casual-choice svg{width:calc(26px * var(--ui-scale, 1));height:calc(26px * var(--ui-scale, 1))}:is(#casual-lobby-dialog,#game-setup-dialog) footer{padding:calc(14px * var(--ui-scale, 1))}}

.casual-variant-picker{position:relative;margin-bottom:calc(24px * var(--ui-scale, 1))}.casual-variant-picker>.icon{position:absolute;left:calc(13px * var(--ui-scale, 1));top:calc(10px * var(--ui-scale, 1));width:calc(21px * var(--ui-scale, 1));height:calc(21px * var(--ui-scale, 1));pointer-events:none;color:#bcbab7}.casual-variant-picker::after{content:"";position:absolute;right:calc(15px * var(--ui-scale, 1));top:calc(18px * var(--ui-scale, 1));width:calc(6px * var(--ui-scale, 1));height:calc(6px * var(--ui-scale, 1));border-right:calc(2px * var(--ui-scale, 1)) solid var(--casual-accent);border-bottom:calc(2px * var(--ui-scale, 1)) solid var(--casual-accent);transform:rotate(45deg);pointer-events:none}:is(#casual-lobby-dialog,#game-setup-dialog) .casual-variant-picker select{appearance:none;-webkit-appearance:none;width:100%;height:calc(42px * var(--ui-scale, 1));margin:0;padding:0 calc(36px * var(--ui-scale, 1)) 0 calc(43px * var(--ui-scale, 1));border:1px solid #4b4944;border-radius:calc(6px * var(--ui-scale, 1));background:linear-gradient(#403f39,#353430);color:#c6c4bf;font:inherit;font-size:max(11px, calc(16px * var(--ui-scale, 1)));cursor:pointer;box-shadow:inset 0 1px #ffffff05}:is(#casual-lobby-dialog,#game-setup-dialog) .casual-variant-picker select:focus-visible{outline:calc(2px * var(--ui-scale, 1)) solid var(--casual-accent);outline-offset:0}.casual-variant-picker option{background:#353431;color:#dedcd7}
.casual-slider-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(22px * var(--ui-scale, 1))}.casual-parameter{display:flex;align-items:center;gap:calc(9px * var(--ui-scale, 1));min-width:0}.casual-time-summary{justify-content:flex-end}.casual-parameter output{flex:none;white-space:nowrap}.casual-color-fields{display:block;min-width:0;margin:0;padding:0 calc(17px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1));border:0}.casual-colors{margin-top:0}.casual-colors .casual-switch{grid-template-columns:1fr 1.3fr 1fr}.casual-color-token{display:block;width:calc(28px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));border-radius:50%;box-shadow:inset 0 1px calc(2px * var(--ui-scale, 1)) #ffffff66,inset 0 calc(-3px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1)) #0007,0 calc(2px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1)) #0004}.casual-color-token.red{background:radial-gradient(circle at 34% 28%,#d06a74,#8b2e3b)}.casual-color-token.blue{background:radial-gradient(circle at 34% 28%,#419bd0,#125382)}.casual-color-token.random{background:linear-gradient(90deg,#b74e5c 50%,#237db0 50%)}
@media(max-width:420px){.casual-slider-heading{gap:calc(12px * var(--ui-scale, 1))}.casual-parameter{flex-direction:column;align-items:flex-start;gap:calc(5px * var(--ui-scale, 1))}.casual-time-summary{align-items:flex-end}.casual-parameter>label,.casual-parameter>span{font-size:max(11px, calc(13px * var(--ui-scale, 1)))}.casual-color-fields{padding-left:calc(14px * var(--ui-scale, 1));padding-right:calc(14px * var(--ui-scale, 1))}.casual-colors .casual-choice{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}}
@media(max-height:660px){.casual-heading{padding-top:calc(10px * var(--ui-scale, 1));padding-bottom:calc(10px * var(--ui-scale, 1))}.casual-fields{padding-top:calc(13px * var(--ui-scale, 1));padding-bottom:calc(14px * var(--ui-scale, 1))}.casual-variant-picker{margin-bottom:calc(16px * var(--ui-scale, 1))}.casual-option{margin-top:calc(12px * var(--ui-scale, 1))}.casual-colors{margin-top:0}.casual-color-fields{padding-bottom:calc(14px * var(--ui-scale, 1))}.casual-color-token{width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1))}.casual-colors .casual-choice{min-height:calc(60px * var(--ui-scale, 1))}:is(#casual-lobby-dialog,#game-setup-dialog) footer{padding-top:calc(10px * var(--ui-scale, 1));padding-bottom:calc(10px * var(--ui-scale, 1))}}

@media(max-height:660px){.casual-heading{padding-top:calc(8px * var(--ui-scale, 1));padding-bottom:calc(8px * var(--ui-scale, 1))}.casual-heading h2{font-size:max(11px, calc(24px * var(--ui-scale, 1)))}.casual-fields{padding-top:calc(10px * var(--ui-scale, 1));padding-bottom:calc(10px * var(--ui-scale, 1))}.casual-variant-picker{margin-bottom:calc(12px * var(--ui-scale, 1))}:is(#casual-lobby-dialog,#game-setup-dialog) .casual-variant-picker select{height:calc(36px * var(--ui-scale, 1))}.casual-variant-picker>.icon{top:calc(7px * var(--ui-scale, 1))}.casual-variant-picker::after{top:calc(14px * var(--ui-scale, 1))}.casual-option{margin-top:calc(10px * var(--ui-scale, 1))}.casual-colors{margin-top:0}.casual-option>span{margin-bottom:calc(8px * var(--ui-scale, 1))}.casual-switch label>span{min-height:calc(38px * var(--ui-scale, 1));padding:calc(9px * var(--ui-scale, 1)) calc(7px * var(--ui-scale, 1))}.casual-switch .casual-choice{min-height:calc(54px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1));gap:calc(4px * var(--ui-scale, 1))}.casual-choice svg{width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1))}.casual-color-fields{padding-bottom:calc(10px * var(--ui-scale, 1))}:is(#casual-lobby-dialog,#game-setup-dialog) footer{padding-top:calc(8px * var(--ui-scale, 1));padding-bottom:calc(8px * var(--ui-scale, 1))}:is(#casual-lobby-dialog,#game-setup-dialog) footer>button{min-height:calc(40px * var(--ui-scale, 1))}}

.casual-score-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));font-weight:600}.casual-clock-control{margin-top:calc(24px * var(--ui-scale, 1))}.casual-clock-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:calc(9px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));font-weight:600}.casual-clock-heading>label:last-child{text-align:right}.casual-clock-values{display:flex;align-items:center;gap:calc(7px * var(--ui-scale, 1));font-variant-numeric:tabular-nums;white-space:nowrap}.casual-clock-values>span{color:#9c9b96;font-weight:400}.casual-clock-sliders,.casual-clock-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(24px * var(--ui-scale, 1))}.casual-pace-options,.casual-delay-options{display:flex;justify-content:center;align-items:center;gap:calc(5px * var(--ui-scale, 1))}.casual-clock-options button{border-radius:calc(12px * var(--ui-scale, 1));padding:calc(3px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:#42413b;color:#aaa9a2;font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.casual-clock-options button:hover:not(:disabled){background:#53524b;color:#eee}.casual-clock-options button[aria-pressed=true]{background:var(--casual-accent);color:#f4fbfd;font-weight:600}.casual-cube{margin-top:calc(24px * var(--ui-scale, 1))}.casual-cube .casual-switch label>span{min-height:calc(42px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.casual-visibility{margin-top:calc(20px * var(--ui-scale, 1))}.casual-fields{padding-bottom:calc(20px * var(--ui-scale, 1))}
@media(max-width:420px){.casual-point-options{gap:calc(4px * var(--ui-scale, 1))}.casual-point-options button{min-width:0;flex:1;padding:calc(3px * var(--ui-scale, 1)) 0;font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.casual-clock-heading{grid-template-columns:1fr 1fr;gap:calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.casual-clock-heading>label:first-child{grid-column:1;grid-row:1}.casual-clock-heading>label:last-child{grid-column:2;grid-row:1}.casual-clock-values{grid-row:2;grid-column:1 / -1;justify-content:center}.casual-clock-sliders,.casual-clock-options{gap:calc(14px * var(--ui-scale, 1))}.casual-clock-options button{font-size:max(10px, calc(10px * var(--ui-scale, 1)));padding:calc(3px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1))}.casual-pace-options,.casual-delay-options{gap:calc(3px * var(--ui-scale, 1))}.casual-delay-options button{flex:1;padding-left:0;padding-right:0}.casual-cube .casual-switch label>span{font-size:max(11px, calc(12px * var(--ui-scale, 1)));padding:calc(9px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1))}.casual-score-heading{font-size:max(11px, calc(13px * var(--ui-scale, 1)))}}
@media(max-height:660px){.casual-clock-control{margin-top:calc(14px * var(--ui-scale, 1))}.casual-cube{margin-top:calc(16px * var(--ui-scale, 1))}.casual-visibility{margin-top:calc(14px * var(--ui-scale, 1))}.casual-fields{padding-bottom:calc(12px * var(--ui-scale, 1))}:is(#casual-lobby-dialog,#game-setup-dialog) footer{position:sticky;bottom:0;z-index:2;box-shadow:0 calc(-3px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1)) #0002}.casual-cube .casual-switch label>span{min-height:calc(38px * var(--ui-scale, 1))}}

@media(max-height:660px){.casual-heading{padding-top:calc(6px * var(--ui-scale, 1));padding-bottom:calc(6px * var(--ui-scale, 1))}.casual-heading h2{font-size:max(11px, calc(22px * var(--ui-scale, 1)))}.casual-clock-control{margin-top:calc(10px * var(--ui-scale, 1))}.casual-cube{margin-top:calc(12px * var(--ui-scale, 1))}.casual-visibility{margin-top:calc(8px * var(--ui-scale, 1))}.casual-option>span{margin-bottom:calc(6px * var(--ui-scale, 1))}.casual-fields{padding-bottom:calc(8px * var(--ui-scale, 1))}.casual-color-fields{padding-bottom:calc(8px * var(--ui-scale, 1))}.casual-colors .casual-choice{min-height:calc(48px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1));gap:calc(3px * var(--ui-scale, 1))}.casual-color-token{width:calc(22px * var(--ui-scale, 1));height:calc(22px * var(--ui-scale, 1))}}

.casual-setting-icon{width:calc(20px * var(--ui-scale, 1));height:calc(20px * var(--ui-scale, 1));flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.casual-setting-label{display:flex;align-items:center;gap:calc(7px * var(--ui-scale, 1));min-width:0}.casual-clock-heading>label:last-child{justify-content:flex-end}.casual-clock-values{display:grid;grid-template-columns:minmax(0,1fr) calc(14px * var(--ui-scale, 1)) minmax(0,1fr);width:calc(156px * var(--ui-scale, 1));gap:calc(7px * var(--ui-scale, 1));justify-self:center}.casual-clock-values output:first-child{justify-self:end}.casual-clock-values output:last-child{justify-self:start}.casual-clock-plus{text-align:center;width:calc(14px * var(--ui-scale, 1));justify-self:center}.casual-delay-options{grid-column:2}.casual-cube{display:flex;align-items:center;justify-content:space-between;gap:calc(14px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1)) 0;border-top:1px solid #484741;border-bottom:1px solid #484741}.casual-cube>.casual-setting-label{font-size:max(11px, calc(14px * var(--ui-scale, 1)));font-weight:600;cursor:pointer}.casual-toggle{position:relative;display:inline-flex;align-items:center;gap:calc(9px * var(--ui-scale, 1));flex:none;cursor:pointer;min-height:calc(28px * var(--ui-scale, 1))}.casual-toggle>[data-cube-state]{min-width:calc(34px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));text-align:right;color:var(--casual-muted)}:is(#casual-lobby-dialog,#game-setup-dialog) .casual-toggle input{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;margin:0;border:0;cursor:pointer}.casual-toggle-track{display:block;width:calc(44px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));border-radius:calc(20px * var(--ui-scale, 1));background:#5a5953;border:1px solid #77756b;pointer-events:none;transition:background .15s,border-color .15s}.casual-toggle-track::after{content:"";display:block;width:calc(16px * var(--ui-scale, 1));height:calc(16px * var(--ui-scale, 1));margin:calc(3px * var(--ui-scale, 1));border-radius:50%;background:#dedcd5;box-shadow:0 1px calc(2px * var(--ui-scale, 1)) #0005;transition:transform .15s}.casual-toggle input:checked+.casual-toggle-track{background:var(--casual-accent);border-color:var(--casual-accent)}.casual-toggle input:checked+.casual-toggle-track::after{transform:translateX(calc(20px * var(--ui-scale, 1)));background:#f4fbfe}.casual-toggle input:focus-visible+.casual-toggle-track{outline:calc(2px * var(--ui-scale, 1)) solid #d0f0fc;outline-offset:calc(3px * var(--ui-scale, 1))}.casual-toggle input:disabled+.casual-toggle-track{opacity:.55;cursor:default}.casual-colors .casual-choice>.casual-setting-icon{width:calc(28px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1))}
@media(max-width:420px){.casual-setting-label{gap:calc(5px * var(--ui-scale, 1))}.casual-setting-icon{width:calc(17px * var(--ui-scale, 1));height:calc(17px * var(--ui-scale, 1))}.casual-clock-values{width:calc(156px * var(--ui-scale, 1))}.casual-cube{gap:calc(8px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) 0}.casual-cube>.casual-setting-label{font-size:max(11px, calc(13px * var(--ui-scale, 1)))}.casual-toggle{gap:calc(5px * var(--ui-scale, 1))}.casual-colors .casual-choice>.casual-setting-icon{width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1))}}
@media(max-height:660px){.casual-cube{padding:calc(8px * var(--ui-scale, 1)) 0}.casual-colors .casual-choice>.casual-setting-icon{width:calc(22px * var(--ui-scale, 1));height:calc(22px * var(--ui-scale, 1))}}

.casual-score-heading{justify-content:flex-start;gap:calc(10px * var(--ui-scale, 1))}.casual-cube{justify-content:flex-start;gap:calc(16px * var(--ui-scale, 1))}.casual-toggle-track{order:0}.casual-toggle>[data-cube-state]{order:1;text-align:left}.casual-doubling-icon{width:calc(28px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1))}.casual-doubling-icon .cube-face{fill:currentColor;stroke:var(--casual-panel);stroke-width:.8}.casual-doubling-icon .cube-left{fill-opacity:.86}.casual-doubling-icon .cube-right{fill-opacity:.72}.casual-doubling-icon text{fill:var(--casual-panel);stroke:none;font-family:Arial,sans-serif;font-size:max(11px, calc(14px * var(--ui-scale, 1)));font-weight:800;text-anchor:middle}.casual-colors .casual-choice>.casual-random-icon{display:grid;place-items:center;flex:none;width:calc(30px * var(--ui-scale, 1));height:calc(30px * var(--ui-scale, 1));font-family:Arial,sans-serif;font-size:max(11px, calc(30px * var(--ui-scale, 1)));font-weight:500;line-height:1}
.casual-variant-picker::after{display:none}.casual-variant-trigger{width:100%;display:grid;grid-template-columns:minmax(0,1fr) calc(16px * var(--ui-scale, 1));align-items:center;gap:calc(11px * var(--ui-scale, 1));min-height:calc(48px * var(--ui-scale, 1));padding:calc(11px * var(--ui-scale, 1)) calc(13px * var(--ui-scale, 1));border:1px solid #5c5a53;border-radius:calc(14px * var(--ui-scale, 1));background:linear-gradient(135deg,#42413b,#393833);box-shadow:inset 0 1px #ffffff08,0 calc(2px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1)) #0002;text-align:left;color:#d4d1c9;transition:border-color .15s,background .15s}.casual-variant-trigger:hover:not(:disabled){background:#45453e;border-color:#7b7970}.casual-variant-trigger[aria-expanded=true]{border-color:var(--casual-accent);background:#3a4140}.casual-variant-copy{min-width:0;display:block}.casual-variant-copy strong{font-size:max(11px, calc(15px * var(--ui-scale, 1)));line-height:1.3;font-weight:600}.casual-variant-chevron{width:calc(16px * var(--ui-scale, 1));height:calc(16px * var(--ui-scale, 1));fill:none;stroke:var(--casual-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.casual-variant-trigger[aria-expanded=true] .casual-variant-chevron{transform:rotate(180deg)}
.casual-variant-menu{position:absolute;z-index:15;left:0;right:0;top:calc(100% + calc(7px * var(--ui-scale, 1)));padding:calc(5px * var(--ui-scale, 1));border:1px solid #5b5951;border-radius:calc(14px * var(--ui-scale, 1));background:#3c3b35;box-shadow:0 calc(14px * var(--ui-scale, 1)) calc(30px * var(--ui-scale, 1)) #0007;max-height:min(calc(340px * var(--ui-scale, 1)),45dvh);overflow:auto;overscroll-behavior:contain}.casual-variant-menu>[role=option]{display:grid;grid-template-columns:minmax(0,1fr) calc(16px * var(--ui-scale, 1));align-items:center;gap:calc(10px * var(--ui-scale, 1));min-height:calc(48px * var(--ui-scale, 1));width:100%;padding:calc(10px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));border:0;border-radius:calc(9px * var(--ui-scale, 1));text-align:left;color:#d0cdc5}.casual-variant-menu>[aria-selected=true]{background:#2d434a;box-shadow:inset calc(3px * var(--ui-scale, 1)) 0 var(--casual-accent)}.casual-variant-menu>[role=option]:is(:hover,:focus-visible){background:#48a2c5;color:#fff;outline:none;box-shadow:inset 0 0 0 1px #a6ddf1}.casual-variant-menu>[role=option]:is(:hover,:focus-visible) .casual-variant-check{color:#f0f9fc}.casual-variant-check{font-size:max(11px, calc(17px * var(--ui-scale, 1)));color:var(--casual-accent);visibility:hidden}.casual-variant-menu>[aria-selected=true] .casual-variant-check{visibility:visible}
@media(max-width:540px){.casual-variant-menu .casual-variant-copy strong{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}}
@media(max-width:420px){.casual-variant-trigger{min-height:calc(46px * var(--ui-scale, 1));padding:calc(9px * var(--ui-scale, 1)) calc(11px * var(--ui-scale, 1));gap:calc(9px * var(--ui-scale, 1))}.casual-variant-trigger .casual-variant-copy strong{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.casual-cube{gap:calc(12px * var(--ui-scale, 1))}.casual-doubling-icon{width:calc(26px * var(--ui-scale, 1));height:calc(26px * var(--ui-scale, 1))}.casual-colors .casual-choice>.casual-random-icon{width:calc(26px * var(--ui-scale, 1));height:calc(26px * var(--ui-scale, 1));font-size:max(11px, calc(26px * var(--ui-scale, 1)))}}
@media(max-height:660px){.casual-variant-trigger{min-height:calc(44px * var(--ui-scale, 1));padding-top:calc(8px * var(--ui-scale, 1));padding-bottom:calc(8px * var(--ui-scale, 1))}.casual-colors .casual-choice>.casual-random-icon{width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));font-size:max(11px, calc(24px * var(--ui-scale, 1)))}}