#pause-menu { width:min(360px,calc(100% - 32px)); padding:24px; border-radius:8px; }
#startup-error { max-width:440px; margin:auto; padding:64px 24px; }
#startup-error h1 { font-size:24px; }
#startup-error p { line-height:1.6; margin:20px 0; }
#pause-menu h2 { margin:0 0 18px; font-size:23px; }
#pause-menu nav { display:flex; flex-direction:column; }
#pause-menu nav button { display:flex; align-items:center; gap:12px; min-height:56px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; text-align:left; padding:8px 4px; }
#pause-menu nav svg { width:20px; height:20px; }
#pause-menu nav small { margin-left:auto; color:var(--muted); font-size:12px; }
#pause-menu p { font-size:14px; line-height:1.6; }
#pause-menu [data-pause-status]:empty { display:none; }
#pause-menu .dialog-actions { display:flex; gap:8px; margin-top:20px; }
#pause-menu .dialog-actions button { min-height:48px; flex:1; }
.danger-button { color:light-dark(#a33232,#ffaaaa); }
.shelf-object-icon { display:grid; place-items:center; width:100%; height:100%; color:var(--action); }
.shelf-object-icon svg { width:65%; height:65%; stroke-width:1.7; }
.shelf-board:has(> :nth-child(10)) { background:var(--tile); border:1px solid var(--line); border-radius:6px; padding:8px; row-gap:10px; }
.shelf-board:has(> :nth-child(10)) .shelf-position { border-bottom:3px solid var(--line); }
.shelf-board:has(> :nth-child(10)) .shelf-position>span { padding:2px 0; font-size:10px; }
[data-test-game=stackerz] .pk-frame { grid-template-columns:32px minmax(0,1fr) 32px; grid-template-rows:36px auto 36px; gap:5px; }
[data-test-game=stackerz] .pk-grid { border:2px solid var(--ink); border-radius:4px; overflow:hidden; gap:0; background:var(--line); }
[data-test-game=stackerz] .pk-cell { border:1px solid var(--line); border-radius:0; background:var(--surface); overflow:visible; padding:0; aspect-ratio:1; }
[data-test-game=stackerz] .pk-cell:nth-child(8n+2),[data-test-game=stackerz] .pk-cell:nth-child(8n+4),[data-test-game=stackerz] .pk-cell:nth-child(8n+5),[data-test-game=stackerz] .pk-cell:nth-child(8n+7) { background:var(--tile); }
.height-piece { display:block; width:100%; height:100%; position:relative; aspect-ratio:1; pointer-events:none; }
.height-piece img { display:block; width:100%; height:100%; object-fit:contain; }
.height-fallback { display:grid; place-items:center; height:100%; color:var(--action); font-size:32px; font-weight:900; text-shadow:1px 1px var(--line),2px 2px var(--line),3px 3px var(--line); }
[data-test-game=stackerz] .skyline-clue { display:grid; place-items:center; margin:2px; color:var(--ink); font-size:18px; font-weight:750; border-radius:4px; background:var(--tile); border:1px solid var(--line); box-shadow:0 2px 0 var(--line); }
[data-test-game=stackerz] .skyline-clue.empty { background:transparent; border:0; box-shadow:none; }
[data-test-game=stackerz] .pk-palette { justify-content:center; gap:8px; }
[data-test-game=stackerz] .pk-palette button { width:56px; height:60px; padding:0; border-radius:6px; }
[data-test-game=stackerz] .pk-palette button[aria-pressed=true] { border:2px solid var(--action); background:color-mix(in srgb,var(--action) 12%,var(--surface)); }
[data-test-game=stackerz] .pk-cell.conflict { background:light-dark(#f8dada,#6c3434); }
.tone-meta { display:flex; justify-content:space-between; gap:12px; font-size:13px; padding:8px 0 12px; }
.tone-meta span { color:var(--muted); }
.tone-scene { position:relative; width:100%; aspect-ratio:640 / 426; background:white; border-radius:6px; overflow:hidden; }
.tone-scene canvas { display:block; width:100%; height:100%; }
.tone-scene [data-photo-loading]:not([hidden]) { position:absolute; inset:0; display:grid; place-items:center; padding:20px; text-align:center; color:#303a40; background:#fff; }
.tone-sliders label>span { display:flex; justify-content:space-between; }
.tone-sliders output { font-size:12px; font-variant-numeric:tabular-nums; }
.tone-sliders input { min-height:36px; touch-action:pan-y; }
.tone-sliders [data-slider=h] { accent-color:#af638a; }
.tone-sliders [data-slider=s] { accent-color:#448d7b; }
.tone-sliders [data-slider=v] { accent-color:#9c843f; }
.tone-photo-tabs { display:flex; justify-content:center; margin:12px 0; }
.tone-photo-tabs button { padding:8px 18px; min-height:44px; background:var(--tile); border:1px solid var(--line); }
.tone-photo-tabs button[aria-pressed=true] { background:color-mix(in srgb,var(--action) 18%,var(--surface)); color:var(--ink); border-color:var(--action); }
.tone-credit { font-size:10px; color:var(--muted); line-height:1.6; margin:18px 0 0; }
.tone-credit a { color:inherit; text-decoration:underline; }
.tone-result>strong { font-variant-numeric:tabular-nums; }
.tone-message:empty { display:none; }
.phrase-board>div { max-width:100%; }
.phrase-board>div>span { min-width:0; flex:1 1 0; }
.ss-steps { min-width:0; max-width:100%; overflow-x:auto; flex:1; padding-bottom:4px; }
.ss-steps .ss-beat { flex:0 0 29px; }
@media (prefers-reduced-motion:reduce) { .height-piece { transition:none; } }