.sound-control-trigger{position:relative}.sound-control-dot{border-radius:var(--radius-pill);background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 2px var(--background);position:absolute;top:7px;right:7px}.sound-popover{gap:var(--space-3);width:min(300px,100vw - 24px);padding:var(--space-2) var(--space-4) var(--space-4);display:grid}.sound-switch-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;font-size:var(--text-body);cursor:pointer;font-weight:700;display:flex}.sound-switch-row-secondary{min-height:40px;font-size:var(--text-small);font-weight:600}.sound-switch{appearance:none;border-radius:var(--radius-pill);background:var(--outline);cursor:pointer;flex:none;width:40px;height:24px;margin:0;position:relative}.sound-switch:before{content:"";border-radius:var(--radius-pill);background:var(--card);width:18px;height:18px;box-shadow:var(--shadow-card);position:absolute;top:3px;left:3px}.sound-switch:checked{background:var(--brand)}.sound-switch:checked:before{transform:translate(16px)}.sound-switch:disabled{cursor:default;opacity:.5}.sound-switch:focus-visible,.sound-volume input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.sound-options{gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);display:grid}.sound-options[data-disabled]{color:var(--muted-foreground)}.sound-label{margin:0 0 var(--space-2);color:var(--muted-foreground);font-size:var(--text-caption);font-weight:700}.sound-scapes{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sound-scape{align-content:center;justify-items:center;gap:var(--space-1);min-height:64px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-control);background:var(--muted);color:var(--foreground);font-size:var(--text-caption);text-align:center;cursor:pointer;border:1.5px solid #0000;line-height:1.2;display:grid;position:relative}.sound-scape input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.sound-scape:has(input:checked){border-color:var(--brand);background:var(--accent);color:var(--accent-foreground);font-weight:700}.sound-scape:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.sound-scape:has(input:disabled){cursor:default;opacity:.55}.sound-volume-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.sound-volume-value{color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.sound-volume input{width:100%;height:32px;accent-color:var(--brand);cursor:pointer;margin:0;display:block}.sound-volume input:disabled{cursor:default}@media (hover:hover){.sound-scape:hover:not(:has(input:checked,input:disabled)){background:var(--muted-strong)}}@media (prefers-reduced-motion:no-preference){.sound-switch{transition:background-color var(--duration-fast) var(--ease-out)}.sound-switch:before{transition:transform var(--duration-base) var(--ease-out)}.sound-scape{transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}}@media (forced-colors:active){.sound-switch{border:1px solid buttontext}.sound-switch:before{background:buttontext}.sound-switch:checked:before,.sound-control-dot{background:highlight}.sound-scape{border-color:buttontext}.sound-scape:has(input:checked){outline:2px solid highlight}}
.chillout{min-width:0;padding-bottom:var(--space-7)}.chillout-hub{gap:var(--space-4);min-width:0;display:grid}.chillout-hub>.page-header{margin-bottom:var(--space-2)}.chillout-hub>.game-groups,.chillout-hub>section:last-child{margin-top:var(--space-6)}@media (max-width:479px){.hub-settings-trigger{width:40px;padding:var(--space-2)}.hub-settings-trigger span{display:none}}.game-glyph{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block;overflow:visible}.game-glyph .glyph-accent{fill:var(--brand);stroke:none}.game-glyph .glyph-ink{fill:currentColor;stroke:none}.game-glyph .glyph-knock{fill:var(--brand-foreground);stroke:none}.game-glyph .glyph-knock-stroke{stroke:var(--brand-foreground)}.game-glyph .glyph-surface,.game-glyph .glyph-dot{fill:var(--glyph-surface,var(--card))}.game-glyph .glyph-dashed{stroke-dasharray:4 4}.card.break-status{align-items:center;gap:var(--space-2) var(--space-4);min-height:56px;padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.break-status .badge{flex:none}.break-status-main{flex:13rem;gap:6px;min-width:0;display:grid}.break-status-text{font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:600}.break-status-bar{border-radius:var(--radius-pill);background:var(--muted-strong);height:3px;display:block;position:relative;overflow:hidden}.break-status-bar:after{content:"";border-radius:inherit;background:var(--brand);transform:scaleX(var(--share,1));transform-origin:0;position:absolute;inset:0}.break-status-new{color:var(--muted-foreground);font:500 var(--text-caption) / 16px var(--font-mono);letter-spacing:-.01em;white-space:nowrap;margin-left:auto}@media (max-width:559px){.break-status-new{flex-basis:100%;margin-left:0}}.card.featured-game{align-items:center;gap:var(--space-5);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.featured-game-glyph{--glyph-surface:var(--card);background:var(--card);width:112px;height:112px;color:var(--foreground);border-radius:16px;place-items:center;display:grid}.featured-game-copy{gap:var(--space-1);min-width:0;display:grid}.featured-game-label{color:var(--accent-foreground);font-size:var(--text-small);align-items:center;gap:6px;font-weight:700;display:inline-flex}.featured-game h2{letter-spacing:-.02em;text-wrap:balance;font-size:1.625rem;line-height:1.3}.featured-game-tagline{max-width:48ch;color:var(--muted-foreground);text-wrap:pretty}.featured-game-time{color:var(--muted-foreground);font:500 var(--text-caption) / 16px var(--font-mono)}.featured-game-action{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}@media (max-width:639px){.card.featured-game{align-items:start;gap:var(--space-4);padding:var(--space-4);grid-template-columns:64px minmax(0,1fr)}.featured-game-glyph{border-radius:var(--radius-card);width:64px;height:64px}.featured-game-glyph svg{width:44px;height:44px}.featured-game h2{font-size:var(--text-title)}.featured-game-action{flex-flow:wrap;grid-column:1/-1;justify-content:space-between;align-items:center}.featured-game-action .button{flex:auto}}.game-groups{gap:var(--space-6);display:grid}.game-group{gap:var(--space-3);display:grid}.game-group h2{font-size:var(--text-body);letter-spacing:-.01em;line-height:1.5}.game-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(208px,1fr));margin:0;padding:0;list-style:none;display:grid}.game-grid li{min-width:0;display:flex}.game-card{--glyph-surface:var(--game-tint-1);align-items:flex-start;gap:var(--space-2);min-width:0;min-height:200px;padding:var(--space-4);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-card);color:var(--foreground);font:inherit;text-align:left;border:1px solid #0000;flex-direction:column;flex:1;display:flex;position:relative}.game-card[data-tint="2"]{--glyph-surface:var(--game-tint-2)}.game-card[data-tint="3"]{--glyph-surface:var(--game-tint-3)}.game-card[data-tint="4"]{--glyph-surface:var(--game-tint-4)}.game-card[data-featured]{--glyph-surface:var(--card);background:var(--accent)}.game-card-glyph{width:56px;height:56px;margin-bottom:var(--space-1);border-radius:var(--radius-card);background:var(--glyph-surface);flex:none;place-items:center;display:grid}.game-card-glyph svg{width:44px;height:44px}.game-card-name{font-size:var(--text-lead);letter-spacing:-.015em;font-weight:700;line-height:1.35}.game-card-tagline{color:var(--muted-foreground);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;line-height:18px;display:-webkit-box;overflow:hidden}.game-card-meta{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.game-card-time{color:var(--muted-foreground);font:500 var(--text-caption) / 16px var(--font-mono)}.game-card-mark{top:var(--space-4);right:var(--space-4);color:var(--accent-foreground);display:inline-flex;position:absolute}.game-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.game-card:disabled{cursor:progress}.game-card[aria-busy=true]{border-color:var(--brand)}@media (hover:hover){.game-card:not(:disabled):hover{box-shadow:var(--shadow-popover)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.game-card{transition:box-shadow var(--duration-base) var(--ease-out), translate var(--duration-base) var(--ease-out)}.game-card:not(:disabled):hover{translate:0 -2px}}@media (prefers-reduced-motion:no-preference){.game-card:not(:disabled):active{scale:.99}}@media (forced-colors:active){.game-card{border-color:buttontext}}@media (max-width:559px){.game-grid{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.game-card{align-items:start;column-gap:var(--space-3);min-height:0;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);grid-template-columns:48px minmax(0,1fr);grid-template-areas:"glyph name""glyph tagline""glyph meta";row-gap:2px;display:grid}.game-card[data-featured]{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"glyph name mark";align-items:center}.game-card-glyph{grid-area:glyph;width:48px;height:48px;margin:0}.game-card-glyph svg{width:36px;height:36px}.game-card-name{font-size:var(--text-body);grid-area:name}.game-card-tagline{-webkit-line-clamp:2;line-clamp:2;grid-area:tagline}.game-card-meta{justify-content:flex-start;gap:var(--space-2) var(--space-3);grid-area:meta;padding-top:6px}.game-card-mark{grid-area:mark;position:static}}.card.activity-card{padding:var(--space-4) var(--space-5) var(--space-5)}.activity-card .tab-list{gap:var(--space-1);padding:2px 2px var(--space-3);border-bottom:1px solid var(--border);flex-wrap:nowrap;margin-inline:-2px}.activity-card .tab-trigger{flex:none}.activity-card .tab-content{padding-block:var(--space-4) 0}.activity-empty{align-items:center;gap:var(--space-2) var(--space-3);color:var(--muted-foreground);flex-wrap:wrap;display:flex}.activity-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));margin:0;display:grid}.activity-stats dt,.activity-rows dt{color:var(--muted-foreground);font-size:var(--text-small)}.activity-stats dd{margin:var(--space-1) 0 0;font:700 var(--text-lead) / 1.3 var(--font-mono);font-variant-numeric:tabular-nums}.activity-badges{gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.activity-rows{margin:0;display:grid}.activity-period+.activity-period{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.activity-period h3{margin:0 0 var(--space-1);font:650 var(--text-small) / 1.4 var(--font-sans)}.activity-rows>div{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.activity-rows>div+div{border-top:1px solid var(--border)}.activity-rows dd{font:600 var(--text-small) / 1.4 var(--font-mono);font-variant-numeric:tabular-nums;margin:0}.activity-count{color:var(--muted-foreground);font-weight:500}.activity-loading{gap:var(--space-3);display:grid}.activity-loading .loading-skeleton{height:20px;display:block}.activity-loading .loading-skeleton:last-child{width:60%}.activity-caption{margin-bottom:var(--space-2);color:var(--muted-foreground);font-size:var(--text-small);text-wrap:pretty}.activity-period-note{margin:var(--space-3) 0 0}.ranking-list{margin:0;padding:0;list-style:none;display:grid}.ranking-list li{align-items:center;gap:var(--space-3);grid-template-columns:2rem minmax(0,1fr) auto;min-height:48px;display:grid}.ranking-list li+li{border-top:1px solid var(--border)}.ranking-rank{color:var(--muted-foreground);font:600 var(--text-small) / 1 var(--font-mono);font-variant-numeric:tabular-nums}.ranking-person{align-items:baseline;column-gap:var(--space-2);min-width:0;color:var(--foreground);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.ranking-person span{font-weight:600}.ranking-person small{color:var(--muted-foreground);font:500 var(--text-caption) / 16px var(--font-mono)}@media (hover:hover){.ranking-person:hover span{text-underline-offset:3px;text-decoration:underline}}.ranking-count{font:700 var(--text-small) / 1 var(--font-mono);font-variant-numeric:tabular-nums}.activity-opt-in{align-items:center;gap:var(--space-1) var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--muted-foreground);font-size:var(--text-small);flex-wrap:wrap;display:flex}@media (max-width:559px){.card.activity-card{padding:var(--space-3) var(--space-4) var(--space-4)}}.visitor-intro{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.visitor-intro p{text-wrap:pretty;flex:22rem;max-width:56ch}@media (max-width:559px){.card.visitor-intro{padding:var(--space-4)}.visitor-intro .button{flex:auto}}.chillout-help-dialog{width:min(520px,100% - 32px)}.chillout-help-body{gap:var(--space-3);margin-top:var(--space-4);display:grid}.chillout-dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}@media (max-width:479px){.chillout-dialog-actions>.button{flex:auto}}.work-window-form{gap:var(--space-5);display:grid}.work-window-method{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--muted);color:var(--muted-foreground);font:500 var(--text-caption) / 18px var(--font-mono)}.work-window-sharing{gap:var(--space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.game-shell-note{color:var(--muted-foreground);font-size:var(--text-small);text-align:center}.card.result-panel{gap:var(--space-4);padding:var(--space-5);display:grid}.result-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.result-panel h2{letter-spacing:-.02em;font-size:1.625rem;line-height:1.25}.result-panel-summary{margin-top:var(--space-1);color:var(--muted-foreground)}.result-panel-score{justify-items:end;gap:var(--space-1);flex:none;display:grid}.result-panel-score strong{font:700 var(--text-display) / 1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.result-panel-score span{color:var(--muted-foreground);font-size:var(--text-caption)}.result-panel-stats{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));margin:0;display:grid}.result-panel-stats dt{color:var(--muted-foreground);font-size:var(--text-caption)}.result-panel-stats dd{font:600 var(--text-body) / 1.3 var(--font-mono);font-variant-numeric:tabular-nums;margin:2px 0 0}.result-panel-status,.result-panel-note{color:var(--muted-foreground);font-size:var(--text-small)}.result-panel-status[data-tone=alert]{color:var(--destructive)}.result-panel-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (max-width:479px){.card.result-panel{padding:var(--space-4)}.result-panel-actions>.button{flex:auto}}@media (prefers-reduced-motion:no-preference){.result-panel{animation:result-panel-in var(--duration-slow) var(--ease-out)}}@keyframes result-panel-in{0%{opacity:0;translate:0 6px}}