@supports (color:lab(0% 0 0)){:root{--background:lab(97.134% .703216 4.53184);--foreground:lab(15.2254% 4.57026 6.09492);--card:lab(98.2887% .579685 3.77239/.86);--card-foreground:lab(15.2254% 4.57026 6.09492);--popover:lab(98.2887% .579685 3.77239/.94);--popover-foreground:lab(15.2254% 4.57026 6.09492);--primary:lab(45.1016% -17.8803 11.5396);--primary-foreground:lab(98.2887% .579685 3.77239);--secondary:lab(91.9337% 1.22553 7.59008/.9);--secondary-foreground:lab(22.1879% 4.52243 6.04742);--muted:lab(90.7615% .896513 5.67665/.8);--muted-foreground:lab(39.6134% 4.00224 6.40025);--accent:lab(76.7996% 11.7527 40.3662);--accent-foreground:lab(15.1678% 7.04379 9.37128);--destructive:lab(49.642% 52.9116 36.0903);--destructive-foreground:lab(98.2887% .579685 3.77239);--border:lab(82.6066% 2.37417 7.26039/.7);--input:lab(79.1264% 2.37888 7.26376);--ring:lab(53.8302% -18.9 -30.6435);--shadow:0 6px 24px lab(7.13384% 4.51558 4.89488/.16)}}@supports (color:lab(0% 0 0)){[data-theme=dark]{--background:lab(7.13753% -.43682 -7.17928);--foreground:lab(93.0739% .704795 4.53293);--card:lab(12.9118% -.60384 -7.27841/.82);--card-foreground:lab(93.0739% .704795 4.53293);--popover:lab(15.2339% -.641972 -7.29189/.94);--popover-foreground:lab(93.0739% .704795 4.53293);--primary:lab(68.4372% -20.8227 13.4004);--primary-foreground:lab(7.13753% -.43682 -7.17928);--secondary:lab(21.038% -.715822 -7.31958/.9);--secondary-foreground:lab(88.4338% .706822 4.53426);--muted:lab(18.7165% -.689313 -7.30941/.8);--muted-foreground:lab(67.5604% .916243 5.69047);--accent:lab(74.4751% 11.8312 40.5118);--accent-foreground:lab(9.36087% 7.16495 8.37728);--destructive:lab(61.4718% 46.271 30.0754);--destructive-foreground:lab(7.13753% -.43682 -7.17928);--border:lab(32.6432% -.809491 -7.35805/.7);--input:lab(36.1243% -.829309 -7.36671);--ring:lab(71.264% -18.4724 -28.1534);--shadow:0 6px 24px lab(0% 0 0/.35)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--background);height:100%;color:var(--foreground);font-family:var(--font-body);-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}:root{--background:#fbf6ee;--foreground:#2f241e;--card:#fefaf3db;--card-foreground:#2f241e;--popover:#fefaf3f0;--popover-foreground:#2f241e;--primary:#507357;--primary-foreground:#fefaf3;--secondary:#efe7d9e6;--secondary-foreground:#3e332c;--muted:#eae4dacc;--muted-foreground:#675b53;--accent:#e4b572;--accent-foreground:#332219;--destructive:#cb473d;--destructive-foreground:#fefaf3;--border:#d7ccc0b3;--input:#cdc2b7;--ring:#218cb5;--radius:16px;--shadow:0 6px 24px #1e130e29;--font-body:"Gowun Dodum", system-ui, -apple-system, sans-serif;--font-display:"Gowun Batang", serif;--text-micro:11px;--text-caption:12px;--text-body:14px;--text-title:17px;--text-display:56px}@supports (color:lab(0% 0 0)){:root{--background:lab(97.134% .703216 4.53184);--foreground:lab(15.2254% 4.57026 6.09492);--card:lab(98.2887% .579685 3.77239/.86);--card-foreground:lab(15.2254% 4.57026 6.09492);--popover:lab(98.2887% .579685 3.77239/.94);--popover-foreground:lab(15.2254% 4.57026 6.09492);--primary:lab(45.1016% -17.8803 11.5396);--primary-foreground:lab(98.2887% .579685 3.77239);--secondary:lab(91.9337% 1.22553 7.59008/.9);--secondary-foreground:lab(22.1879% 4.52243 6.04742);--muted:lab(90.7615% .896513 5.67665/.8);--muted-foreground:lab(39.6134% 4.00224 6.40025);--accent:lab(76.7996% 11.7527 40.3662);--accent-foreground:lab(15.1678% 7.04379 9.37128);--destructive:lab(49.642% 52.9116 36.0903);--destructive-foreground:lab(98.2887% .579685 3.77239);--border:lab(82.6066% 2.37417 7.26039/.7);--input:lab(79.1264% 2.37888 7.26376);--ring:lab(53.8302% -18.9 -30.6435);--shadow:0 6px 24px lab(7.13384% 4.51558 4.89488/.16)}}[data-theme=dark]{--background:#11161f;--foreground:#efeae2;--card:#1c222bd1;--card-foreground:#efeae2;--popover:#212730f0;--popover-foreground:#efeae2;--primary:#85b18e;--primary-foreground:#11161f;--secondary:#2d333de6;--secondary-foreground:#e2ddd5;--muted:#282e38cc;--muted-foreground:#aaa49a;--accent:#ddae6c;--accent-foreground:#26160e;--destructive:#e66f62;--destructive-foreground:#11161f;--border:#474d58b3;--input:#4f5661;--ring:#65bae1;--shadow:0 6px 24px #00000059}@supports (color:lab(0% 0 0)){[data-theme=dark]{--background:lab(7.13753% -.43682 -7.17928);--foreground:lab(93.0739% .704795 4.53293);--card:lab(12.9118% -.60384 -7.27841/.82);--card-foreground:lab(93.0739% .704795 4.53293);--popover:lab(15.2339% -.641972 -7.29189/.94);--popover-foreground:lab(93.0739% .704795 4.53293);--primary:lab(68.4372% -20.8227 13.4004);--primary-foreground:lab(7.13753% -.43682 -7.17928);--secondary:lab(21.038% -.715822 -7.31958/.9);--secondary-foreground:lab(88.4338% .706822 4.53426);--muted:lab(18.7165% -.689313 -7.30941/.8);--muted-foreground:lab(67.5604% .916243 5.69047);--accent:lab(74.4751% 11.8312 40.5118);--accent-foreground:lab(9.36087% 7.16495 8.37728);--destructive:lab(61.4718% 46.271 30.0754);--destructive-foreground:lab(7.13753% -.43682 -7.17928);--border:lab(32.6432% -.809491 -7.35805/.7);--input:lab(36.1243% -.829309 -7.36671);--ring:lab(71.264% -18.4724 -28.1534);--shadow:0 6px 24px lab(0% 0 0/.35)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hd-root{--hd-edge:12px;--hd-gap:8px;--hd-touch:44px;--hd-compact:36px;--hd-pill:999px;--hd-hold-size:116px;--hd-dodge-hold-size:104px;--hd-lane-size:64px;--hd-pad-max:360px;--hd-throw-size:44px;--hd-glyph:22px;--hd-bubble-lift:26px;--hd-content-max:440px;--hd-dialog-max:340px;--hd-input-text:16px;--hd-result-title:22px;--hd-blur:12px;--hd-quick:.14s;--hd-joy-zone:120px;--hd-joy-base:104px;--hd-joy-knob:48px;--hd-interact-size:72px;--hd-jump-size:60px;--hd-jump-game-size:72px;--hd-chip-primary:48px;--hd-keycap:18px;--hd-people-max:280px;--hd-cam-gutter:calc(var(--hd-touch) + var(--hd-gap));--hd-appear:.16s;--outfit-0:#d28063;--outfit-1:#7aad84;--outfit-2:#5c8bb3;--outfit-3:#e5c370;--outfit-4:#cb8eb6;--outfit-5:#755e4c;z-index:10;pointer-events:none;font-family:var(--font-body);font-size:var(--text-body);color:var(--foreground);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;line-height:1.45;position:fixed;inset:0;overflow:hidden;container:hd/inline-size}@supports (color:lab(0% 0 0)){.hd-root{--outfit-0:lab(62.0778% 30.3922 29.6626);--outfit-1:lab(66.2425% -23.8377 15.3817);--outfit-2:lab(55.8088% -8.12584 -26.5197);--outfit-3:lab(80.5816% 4.83406 46.2932);--outfit-4:lab(66.2691% 28.2014 -11.2904);--outfit-5:lab(41.893% 7.38643 13.8623)}}.hd-root *,.hd-root :before,.hd-root :after{box-sizing:border-box}.hd-root [hidden]{display:none!important}.hd-root :focus{outline:none}.hd-root :focus-visible{outline:2px solid var(--ring);outline-offset:2px}:where(.hd-root) :where(p,h1,h2){margin:0}.hd-layer{pointer-events:none;position:absolute;inset:0}@keyframes hd-drop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes hd-fade-in{0%{opacity:0}to{opacity:1}}.hd-btn{pointer-events:auto;appearance:none;min-height:var(--hd-touch);border:1px solid var(--border);border-radius:var(--hd-pill);background:var(--secondary);color:var(--secondary-foreground);font:inherit;font-size:var(--text-body);white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background-color var(--hd-quick) ease, transform var(--hd-quick) ease;justify-content:center;align-items:center;padding:0 16px;display:inline-flex;position:relative}.hd-btn.is-primary{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.hd-btn:active{transform:translateY(1px)}.hd-btn:disabled{opacity:.45;cursor:default}.hd-btn.is-wide{width:100%}.hd-btn-compact{min-height:var(--hd-compact);font-size:var(--text-caption);padding:0 14px}.hd-btn-compact:after{content:"";inset:calc((var(--hd-compact) - var(--hd-touch)) / 2) 0;position:absolute}.hd-btn-text{pointer-events:auto;appearance:none;min-height:var(--hd-touch);color:var(--muted-foreground);font:inherit;font-size:var(--text-caption);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 12px;text-decoration:underline}.hd-icon-btn{pointer-events:auto;appearance:none;width:var(--hd-touch);height:var(--hd-touch);border:1px solid var(--border);background:var(--card);color:var(--card-foreground);font-size:var(--text-title);cursor:pointer;-webkit-backdrop-filter:blur(var(--hd-blur));border-radius:50%;place-items:center;padding:0;line-height:1;display:inline-grid}@media (hover:hover){.hd-btn:not(:disabled):hover{background:color-mix(in oklch, var(--secondary) 88%, var(--foreground))}.hd-btn.is-primary:not(:disabled):hover{background:color-mix(in oklch, var(--primary) 90%, var(--foreground))}.hd-icon-btn:hover,.hd-menu-item:hover{background:var(--muted)}}.hd-top{align-items:center;gap:var(--hd-gap);padding:max(var(--hd-edge), env(safe-area-inset-top)) max(var(--hd-edge), env(safe-area-inset-right)) 0 max(var(--hd-edge), env(safe-area-inset-left));pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.hd-topbar{justify-content:space-between;align-items:center;gap:var(--hd-gap);width:100%;display:flex}.hd-topbar-right{align-items:center;gap:6px;margin-left:auto;display:flex}.hd-pill{min-height:var(--hd-touch);border:1px solid var(--border);border-radius:var(--hd-pill);background:var(--card);color:var(--card-foreground);-webkit-backdrop-filter:blur(var(--hd-blur));display:flex}.hd-place{pointer-events:auto;appearance:none;min-width:0;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:flex-start;padding:4px 16px;line-height:1.2}.hd-place:disabled{cursor:default}.hd-place[aria-expanded=true]{background:var(--popover);border-color:var(--ring)}.hd-room-line{align-items:baseline;gap:6px;min-width:0;max-width:100%;display:flex}.hd-room{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.hd-room-count{color:var(--muted-foreground);font-size:var(--text-micro);font-variant-numeric:tabular-nums;flex:none}.hd-room-count:after{content:" ▾"}.hd-challenge-row{pointer-events:none;justify-content:flex-end;width:100%;margin-top:2px;display:flex}.hd-root:has(.hd-people:not([hidden])) .hd-challenge-row{visibility:hidden}.hd-challenge{pointer-events:auto;appearance:none;max-width:100%;min-height:var(--hd-compact);border:1px solid var(--border);border-radius:var(--hd-pill);background:var(--card);color:var(--muted-foreground);font:inherit;font-size:var(--text-caption);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(var(--hd-blur));transition:background-color var(--hd-quick) ease, transform var(--hd-quick) ease;align-items:center;padding:0 14px;animation:.18s ease-out hd-drop-in;display:inline-flex;position:relative}.hd-challenge-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.hd-challenge:after{content:"";inset:calc((var(--hd-compact) - var(--hd-touch)) / 2) 0;position:absolute}.hd-challenge[data-primary]{background:var(--accent);color:var(--accent-foreground);font-size:var(--text-body);box-shadow:var(--shadow);border-color:#0000;font-weight:700}.hd-challenge:active{transform:translateY(1px)}@media (hover:hover){.hd-challenge:hover{background:var(--muted)}.hd-challenge[data-primary]:hover{background:color-mix(in oklch, var(--accent) 90%, var(--foreground))}}.hd-connection{border:1px solid var(--border);border-radius:var(--hd-pill);background:var(--popover);min-height:28px;color:var(--popover-foreground);font-size:var(--text-micro);box-shadow:var(--shadow);align-items:center;gap:6px;padding:0 12px;animation:.18s ease-out hd-drop-in;display:inline-flex}.hd-connection-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.hd-connection[data-state=offline] .hd-connection-dot{background:var(--destructive)}.hd-connection[data-state=slow]{background:var(--card);min-height:22px;color:var(--muted-foreground);box-shadow:none;border-color:#0000;padding:0 9px}.hd-role{font-size:var(--text-micro);color:var(--muted-foreground)}.hd-stats{flex-direction:column;justify-content:center;padding:4px 14px;line-height:1.25}.hd-stat{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hd-stat-label{font-size:var(--text-micro);color:var(--muted-foreground)}.hd-stat-value{font-size:var(--text-caption);font-variant-numeric:tabular-nums}.hd-notices{width:min(100%, var(--hd-content-max));flex-direction:column;gap:6px;display:flex}.hd-notice{pointer-events:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--hd-blur));flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 10px 10px 14px;animation:.18s ease-out hd-drop-in;display:flex}.hd-notice-line{min-height:var(--hd-compact);word-break:keep-all;flex:14em;align-items:baseline;gap:6px;padding:6px 0;display:flex}.hd-notice-count{min-width:1.2em;color:var(--muted-foreground);font-size:var(--text-caption);font-variant-numeric:tabular-nums;flex:none}.hd-notice-actions{flex-wrap:wrap;gap:8px 6px;margin-left:auto;display:flex}.hd-game-top{max-width:min(100%, var(--hd-content-max));min-height:var(--hd-touch);border:1px solid var(--border);border-radius:var(--hd-pill);background:var(--card);color:var(--card-foreground);-webkit-backdrop-filter:blur(var(--hd-blur));align-items:center;gap:10px;padding:0 16px;display:flex}.hd-game-seconds{color:var(--muted-foreground);font-size:var(--text-caption);font-variant-numeric:tabular-nums;flex:none}.hd-game-status{word-break:keep-all;min-width:0;font-weight:700}.hd-game-top .hd-btn-text{flex:none;margin-right:-10px}.hd-bottom{align-items:center;gap:var(--hd-gap);padding:0 max(var(--hd-edge), env(safe-area-inset-right)) max(var(--hd-edge), env(safe-area-inset-bottom)) max(var(--hd-edge), env(safe-area-inset-left));pointer-events:none;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.hd-toast-host{max-width:min(100%, var(--hd-content-max));justify-content:center;display:flex}.hd-toast{border:1px solid var(--border);border-radius:var(--hd-pill);background:var(--popover);color:var(--popover-foreground);font-size:var(--text-caption);box-shadow:var(--shadow);word-break:keep-all;padding:8px 16px;animation:.16s ease-out hd-fade-in}.hd-info{pointer-events:auto;width:min(100%, var(--hd-content-max));border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--hd-blur));padding:12px 12px 12px 16px;animation:.18s ease-out hd-fade-in}.hd-info-head{color:var(--muted-foreground);font-size:var(--text-caption);word-break:keep-all;margin-bottom:4px}.hd-info-extra:before{content:" · "}.hd-info-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.hd-info-line{word-break:keep-all}.hd-info-row .hd-btn{flex:none}.hd-info-hint{color:var(--muted-foreground);font-size:var(--text-micro);word-break:keep-all;margin-top:8px}.hd-dock{align-self:stretch;align-items:end;column-gap:var(--hd-gap);pointer-events:none;grid-template-columns:1fr minmax(0,auto) 1fr;grid-template-areas:"joy chips cluster";display:grid}.hd-dock>.hd-joy{grid-area:joy;justify-self:start}.hd-dock>.hd-actions{grid-area:chips;justify-self:center}.hd-dock>.hd-corner{grid-area:cluster;justify-self:end}.hd-corner{align-items:flex-end;gap:var(--hd-gap);pointer-events:none;display:flex}@container hd (width<=559px){.hd-root[data-joy] .hd-dock{grid-template-columns:auto 1fr auto;grid-template-areas:"chips chips chips""joy.cluster"}.hd-root[data-joy] .hd-actions{margin-bottom:var(--hd-gap)}}.hd-actions{pointer-events:none;min-width:0;max-width:min(100%, var(--hd-content-max));flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:8px 6px;padding:4px 0;display:flex}.hd-action{background:var(--card);min-width:0;max-width:100%;color:var(--card-foreground);-webkit-backdrop-filter:blur(var(--hd-blur));flex:0 auto}.hd-action-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.hd-action.is-primary{min-height:var(--hd-chip-primary);background:var(--accent);color:var(--accent-foreground);font-size:var(--text-body);box-shadow:var(--shadow);border-color:#0000;padding:0 22px;font-weight:700}.hd-action.is-primary:after{inset:0}@media (hover:hover){.hd-action.is-primary:not(:disabled):hover{background:color-mix(in oklch, var(--accent) 90%, var(--foreground))}}.hd-joy{--hd-joy-ox:0px;--hd-joy-oy:0px;--hd-joy-kx:0px;--hd-joy-ky:0px;pointer-events:auto;width:var(--hd-joy-zone);height:var(--hd-joy-zone);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.hd-joy-base{width:var(--hd-joy-base);height:var(--hd-joy-base);margin:calc(var(--hd-joy-base) / -2) 0 0 calc(var(--hd-joy-base) / -2);border:1px solid var(--border);background:var(--card);opacity:.72;pointer-events:none;transform:translate(var(--hd-joy-ox), var(--hd-joy-oy));transition:transform var(--hd-appear) ease, opacity var(--hd-appear) ease;-webkit-backdrop-filter:blur(var(--hd-blur));border-radius:50%;position:absolute;top:50%;left:50%}.hd-joy[data-active] .hd-joy-base{opacity:1;transition:opacity var(--hd-appear) ease}.hd-joy-knob{width:var(--hd-joy-knob);height:var(--hd-joy-knob);margin:calc(var(--hd-joy-knob) / -2) 0 0 calc(var(--hd-joy-knob) / -2);border:1px solid var(--border);background:var(--popover);box-shadow:var(--shadow);transform:translate(var(--hd-joy-kx), var(--hd-joy-ky));transition:transform var(--hd-quick) ease;border-radius:50%;position:absolute;top:50%;left:50%}.hd-joy[data-active] .hd-joy-knob{background:var(--primary);border-color:#0000;transition:none}@keyframes hd-rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hd-cluster{align-items:center;gap:var(--hd-gap);width:var(--hd-interact-size);flex-direction:column;display:flex;position:relative}.hd-emote-btn[aria-expanded=true]{border-color:var(--ring);background:var(--popover)}.hd-emote-menu{pointer-events:auto;right:0;bottom:calc(100% + var(--hd-gap));border:1px solid var(--border);border-radius:var(--radius);background:var(--popover);min-width:132px;color:var(--popover-foreground);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--hd-blur));animation:hd-rise-in var(--hd-appear) ease-out;flex-direction:column;gap:6px;padding:6px;display:flex;position:absolute}.hd-emote-item{color:inherit;background:0 0;border-color:#0000;justify-content:flex-start;gap:10px;padding:0 14px}.hd-keycap{min-width:var(--hd-keycap);height:var(--hd-keycap);border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);font-size:var(--text-micro);font-weight:400;line-height:calc(var(--hd-keycap) - 3px);text-align:center;border-bottom-width:2px;border-radius:5px;padding:0 4px;display:none}@media (hover:hover) and (pointer:fine){.hd-keycap{display:inline-block}}.hd-interact{pointer-events:none;appearance:none;width:var(--hd-interact-size);height:var(--hd-interact-size);background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow);font:inherit;font-size:var(--text-body);text-align:center;word-break:keep-all;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;opacity:0;visibility:hidden;transition:opacity var(--hd-appear) ease, transform var(--hd-appear) ease, visibility 0s linear var(--hd-appear);border:0;border-radius:50%;place-items:center;padding:8px;font-weight:700;line-height:1.2;display:grid;position:relative;transform:scale(.85)}.hd-interact.is-shown{pointer-events:auto;opacity:1;visibility:visible;transition-delay:0s;transform:none}.hd-interact.is-shown:active,.hd-interact.is-shown[data-pressed]{transform:scale(.94)}.hd-interact .hd-keycap{position:absolute;top:-2px;right:-2px}.hd-cam{pointer-events:none;top:50%;right:max(var(--hd-edge), env(safe-area-inset-right));flex-direction:column;gap:6px;display:flex;position:absolute}:is(.hd-cam[data-cramped],.hd-root:has(.hd-emote-menu:not([hidden])) .hd-cam,.hd-root:has(.hd-overlays [aria-modal=true]) .hd-cam){visibility:hidden}.hd-cam-btn{box-shadow:var(--shadow)}.hd-people{pointer-events:auto;top:calc(max(var(--hd-edge), env(safe-area-inset-top)) + var(--hd-touch) + 6px);left:max(var(--hd-edge), env(safe-area-inset-left));width:min(var(--hd-people-max), calc(100% - 2 * var(--hd-edge) - var(--hd-cam-gutter)));border:1px solid var(--border);border-radius:var(--radius);background:var(--popover);max-height:55%;color:var(--popover-foreground);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--hd-blur));animation:hd-drop-in var(--hd-appear) ease-out;flex-direction:column;padding:6px;display:flex;position:absolute}.hd-people-title{color:var(--muted-foreground);font-size:var(--text-caption);padding:8px 10px 6px;font-weight:400}.hd-people-list{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;gap:2px;min-height:0;display:flex;overflow-y:auto}.hd-person{appearance:none;border-radius:calc(var(--radius) - 6px);width:100%;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name glyph""role glyph";align-items:center;column-gap:10px;padding:6px 10px;line-height:1.3;display:grid}.hd-person-name{grid-area:name;align-items:center;gap:6px;min-width:0;font-weight:700;display:flex}.hd-person-nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hd-person-me{border-radius:var(--hd-pill);background:var(--primary);color:var(--primary-foreground);font-size:var(--text-micro);flex:none;padding:1px 7px;font-weight:400}.hd-person-role{min-width:0;color:var(--muted-foreground);font-size:var(--text-micro);text-overflow:ellipsis;white-space:nowrap;grid-area:role;overflow:hidden}.hd-person-glyph{color:var(--muted-foreground);font-size:var(--text-title);grid-area:glyph;line-height:1}@media (hover:hover){.hd-place:not(:disabled):hover,.hd-person:hover,.hd-emote-item:hover{background:var(--muted)}}.hd-onboarding{-webkit-backdrop-filter:blur(var(--hd-blur));padding:22px 22px 14px}.hd-onboarding-dots{gap:6px;margin-bottom:18px;display:flex}.hd-onboarding-dot{border-radius:var(--hd-pill);background:var(--border);width:6px;height:6px;transition:width var(--hd-appear) ease, background-color var(--hd-appear) ease}.hd-onboarding-dot[data-current]{background:var(--primary);width:18px}.hd-onboarding-content{animation:.2s ease-out hd-fade-in}.hd-onboarding-title{font-family:var(--font-display);font-size:var(--hd-result-title);word-break:keep-all;margin-bottom:8px;font-weight:700;line-height:1.3}.hd-onboarding-body{word-break:keep-all}.hd-onboarding-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.hd-onboarding-actions .hd-btn-text{margin-left:-12px}.hd-hold-area{flex-direction:column;align-items:center;gap:14px;padding-bottom:6px;display:flex;position:relative}.hd-hold-meta{border-radius:var(--hd-pill);background:var(--card);color:var(--muted-foreground);font-size:var(--text-micro);align-items:center;gap:8px;padding:4px 12px;display:flex}.hd-dodge-charges{color:var(--card-foreground);font-variant-numeric:tabular-nums}.hd-hold{pointer-events:auto;appearance:none;width:var(--hd-hold-size);height:var(--hd-hold-size);border:1px solid var(--border);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow);font:inherit;font-size:var(--text-caption);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-backdrop-filter:blur(var(--hd-blur));transition:transform var(--hd-quick) ease, background-color var(--hd-quick) ease;border-radius:50%;place-items:center;padding:18px;line-height:1.3;display:grid;position:relative}.hd-hold[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);transform:scale(.96)}.hd-hold-label{text-align:center;word-break:keep-all;position:relative}.hd-hold-ring{pointer-events:none;width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;inset:-8px;overflow:visible;transform:rotate(-90deg)}.hd-hold[data-dodge=false] .hd-hold-ring{display:none}.hd-ring-track,.hd-ring-progress{fill:none;stroke-width:3px}.hd-ring-track{stroke:var(--muted)}.hd-ring-progress{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .12s linear}.hd-hold-ring[data-empty=true] .hd-ring-progress{stroke:var(--border)}.hd-pad{justify-content:center;align-items:center;display:flex}.hd-hold-area[data-variant=dodge]{align-self:stretch;gap:10px}.hd-hold-area[data-variant=dodge] .hd-pad{width:min(100%, var(--hd-pad-max));justify-content:space-between}.hd-hold-area[data-variant=dodge] .hd-hold{width:var(--hd-dodge-hold-size);height:var(--hd-dodge-hold-size);align-content:center;gap:2px;padding:12px}.hd-hold-area[data-steer=true]{padding-bottom:0}.hd-hold-area>.hd-steer{align-self:flex-start}.hd-jump{pointer-events:auto;appearance:none;width:var(--hd-jump-size);height:var(--hd-jump-size);border:1px solid var(--border);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow);font:inherit;font-size:var(--text-micro);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-backdrop-filter:blur(var(--hd-blur));transition:transform var(--hd-quick) ease, background-color var(--hd-quick) ease, opacity var(--hd-quick) ease;border-radius:50%;align-content:center;place-items:center;gap:2px;padding:0;font-weight:700;line-height:1;display:grid;position:relative}.hd-jump:active,.hd-jump[data-pressed]{background:var(--secondary);transform:scale(.94)}.hd-jump[data-disabled=true]{opacity:.45;cursor:default}.hd-jump[data-disabled=true]:active{background:var(--card);transform:none}.hd-jump-icon{width:var(--hd-glyph);height:var(--hd-glyph)}.hd-jump-arrow{fill:currentColor}.hd-jump-ground{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round}.hd-jump .hd-keycap{position:absolute;top:-4px;right:-8px}.hd-jump-game{--hd-jump-size:var(--hd-jump-game-size);right:0;bottom:calc((var(--hd-joy-zone) - var(--hd-joy-base)) / 2);position:absolute}.hd-hold-area[data-steer=false] .hd-jump-game{bottom:calc(var(--hd-lane-size) + var(--hd-gap))}.hd-hold-glyph{font-size:var(--hd-glyph);line-height:1;position:relative}.hd-lane{pointer-events:auto;appearance:none;width:var(--hd-lane-size);height:var(--hd-lane-size);border:1px solid var(--border);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow);font:inherit;font-size:var(--hd-glyph);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-backdrop-filter:blur(var(--hd-blur));transition:transform var(--hd-quick) ease, background-color var(--hd-quick) ease;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid}.hd-lane:active{background:var(--secondary);transform:scale(.94)}.hd-shield{border:1px solid var(--border);border-radius:var(--hd-pill);background:var(--card);color:var(--card-foreground);font-size:var(--text-caption);font-variant-numeric:tabular-nums;padding:4px 12px;line-height:1.3}.hd-throw{pointer-events:none;max-width:min(100%, var(--hd-content-max));border:1px solid var(--border);border-radius:var(--hd-pill);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--hd-blur));align-items:center;gap:10px;padding:6px 18px 6px 6px;display:flex}.hd-throw-dial{width:var(--hd-throw-size);height:var(--hd-throw-size);flex:none;place-items:center;display:grid;position:relative}.hd-throw-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hd-throw-ring .hd-ring-track,.hd-throw-ring .hd-ring-progress{stroke-width:7px}.hd-throw-glyph{font-size:var(--text-title);transition:opacity var(--hd-quick) ease;line-height:1}.hd-throw[data-ready=false] .hd-throw-glyph{opacity:.4}.hd-throw[data-ready=true] .hd-ring-progress{stroke:var(--primary)}.hd-throw-text{min-width:0;font-size:var(--text-caption);word-break:keep-all;font-weight:700}.hd-float{will-change:transform;pointer-events:none;position:absolute;top:0;left:0}.hd-tag{border:1px solid var(--border);border-radius:var(--hd-pill);background:var(--card);color:var(--card-foreground);font-size:var(--text-micro);white-space:nowrap;padding:4px 9px;line-height:1.1;transform:translate(-50%,-100%)}.hd-tag[data-variant=me]{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.hd-tag[data-variant=owner]{background:var(--accent);color:var(--accent-foreground);border-color:#0000}.hd-tag[data-variant=staff]{background:var(--secondary);color:var(--secondary-foreground)}.hd-tag[data-variant=caught]{background:var(--destructive);color:var(--destructive-foreground);border-color:#0000}.hd-bubble{background:var(--popover);width:max-content;max-width:200px;color:var(--popover-foreground);box-shadow:var(--shadow);font-size:var(--text-caption);word-break:keep-all;transform:translate(-50%, calc(-100% - var(--hd-bubble-lift)));border-radius:12px;padding:6px 11px;position:relative}.hd-bubble:after{content:"";border:6px solid #0000;border-bottom:0;border-top-color:var(--popover);position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.hd-menu{pointer-events:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--popover);min-width:168px;max-width:240px;color:var(--popover-foreground);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--hd-blur));flex-direction:column;gap:2px;padding:6px;animation:.14s ease-out hd-fade-in;display:flex;position:absolute;top:0;left:0}.hd-menu-title{color:var(--muted-foreground);font-size:var(--text-micro);white-space:nowrap;text-overflow:ellipsis;padding:6px 10px 4px;overflow:hidden}.hd-menu-item{appearance:none;min-height:var(--hd-touch);border-radius:calc(var(--radius) - 6px);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0 12px}.hd-menu-item.is-primary{color:var(--primary);font-weight:700}.hd-scrim{pointer-events:auto;padding:max(var(--hd-edge), env(safe-area-inset-top)) max(var(--hd-edge), env(safe-area-inset-right)) max(var(--hd-edge), env(safe-area-inset-bottom)) max(var(--hd-edge), env(safe-area-inset-left));background:color-mix(in oklch, var(--foreground) 26%, transparent);place-items:center;animation:.16s ease-out hd-fade-in;display:grid;position:absolute;inset:0}.hd-scrim.is-light{background:color-mix(in oklch, var(--foreground) 12%, transparent)}.hd-dialog{width:min(100%, var(--hd-dialog-max));border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow);padding:20px;position:relative}.hd-dialog-text{word-break:keep-all;margin-bottom:14px}[data-game] .hd-scrim:has(.hd-branch){display:none}.hd-branch-form{gap:8px;display:flex}.hd-input{min-width:0;min-height:var(--hd-touch);border:1px solid var(--input);background:var(--background);color:var(--foreground);font:inherit;font-size:var(--hd-input-text);border-radius:12px;flex:1;padding:0 14px}.hd-input::placeholder{color:var(--muted-foreground)}.hd-input:focus-visible{outline-offset:1px}.hd-result{text-align:center;padding:28px 22px 20px}.hd-result-title{font-family:var(--font-display);font-size:var(--hd-result-title);word-break:keep-all;margin-bottom:10px;font-weight:700;line-height:1.3}.hd-result-line{color:var(--muted-foreground);word-break:keep-all;margin-top:4px}.hd-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.hd-result-close{-webkit-backdrop-filter:none;color:var(--muted-foreground);background:0 0;border:0;position:absolute;top:4px;right:4px}.hd-entrance{pointer-events:auto;padding:max(28px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--background);color:var(--foreground);animation:.2s ease-out hd-fade-in;display:flex;position:absolute;inset:0;overflow-y:auto}.hd-entrance-inner{flex-direction:column;justify-content:space-between;gap:48px;width:min(100%,380px);min-height:min(100%,640px);margin:auto;display:flex}.hd-eyebrow{color:var(--muted-foreground);font-size:var(--text-micro);letter-spacing:.14em;margin-bottom:20px}.hd-entrance-title{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}.hd-entrance-sub{border-top:1px solid var(--border);max-width:21em;color:var(--muted-foreground);word-break:keep-all;margin-top:20px;padding-top:16px}.hd-entrance-form{flex-direction:column;gap:20px;display:flex}.hd-field{flex-direction:column;gap:6px;display:flex}.hd-field-label{color:var(--muted-foreground);font-size:var(--text-micro);letter-spacing:.08em;padding:0}.hd-outfits{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.hd-outfit-row{flex-wrap:wrap;gap:6px;display:flex}.hd-swatch{min-width:var(--hd-touch);min-height:var(--hd-touch);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding-top:4px;display:flex;position:relative}.hd-swatch-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.hd-swatch-dot{background:var(--swatch);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--border);transition:box-shadow var(--hd-quick) ease;border-radius:50%}.hd-swatch-input:checked+.hd-swatch-dot{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--foreground)}.hd-swatch-input:focus-visible+.hd-swatch-dot{outline:2px solid var(--ring);outline-offset:6px}.hd-swatch-num{color:var(--muted-foreground);font-size:var(--text-micro);font-variant-numeric:tabular-nums}.hd-entrance-calm{color:var(--muted-foreground);font-size:var(--text-micro);text-align:center;margin-bottom:-10px}.hd-debug{top:calc(env(safe-area-inset-top,0px) + 64px);z-index:40;color:#d8f3dc;white-space:pre;pointer-events:none;background:#0000009e;border-radius:8px;margin:0;padding:6px 8px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed;left:8px}.hd-root{--hd-giant-arm-size:72px;--hd-giant-slot:24px;--hd-giant-rock:14px}.hd-dash,.hd-giant-arm{pointer-events:auto;appearance:none;border:1px solid var(--border);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow);font:inherit;font-size:var(--text-micro);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-backdrop-filter:blur(var(--hd-blur));transition:transform var(--hd-quick) ease, background-color var(--hd-quick) ease, opacity var(--hd-quick) ease;border-radius:50%;align-content:center;place-items:center;padding:0;font-weight:700;line-height:1;display:grid}.hd-dash{right:calc(var(--hd-jump-game-size) + var(--hd-dash-gap));bottom:calc((var(--hd-joy-zone) - var(--hd-joy-base)) / 2);width:var(--hd-dash-size);height:var(--hd-dash-size);position:absolute}.hd-hold-area[data-steer=false] .hd-dash{bottom:calc(var(--hd-lane-size) + var(--hd-gap))}.hd-dash-face{transition:opacity var(--hd-quick) ease;place-items:center;gap:2px;display:grid}.hd-dash-icon{width:var(--hd-glyph);height:var(--hd-glyph);fill:currentColor;stroke:currentColor;stroke-width:1px;stroke-linejoin:round}.hd-dash-ring{inset:calc(-1 * var(--hd-dash-ring-out));width:calc(100% + 2 * var(--hd-dash-ring-out));height:calc(100% + 2 * var(--hd-dash-ring-out));pointer-events:none;position:absolute;overflow:visible;transform:rotate(-90deg)}.hd-dash[data-ready=true] .hd-ring-progress{stroke:var(--primary)}.hd-dash-ring .hd-ring-progress,.hd-giant-slot-ring .hd-ring-progress{transition:stroke-dashoffset .25s linear}.hd-dash[data-ready=false]{cursor:default}.hd-dash[data-ready=false] .hd-dash-face{opacity:.45}.hd-dash[data-ready=true]:active,.hd-dash[data-pressed]{background:var(--secondary);transform:scale(.94)}.hd-dash .hd-keycap,.hd-giant-arm .hd-keycap{position:absolute;top:-4px;right:-8px}.hd-giant{pointer-events:none;flex-direction:column;align-items:center;gap:10px;max-width:100%;display:flex}.hd-giant-supply{max-width:min(100%, var(--hd-content-max));border:1px solid var(--border);border-radius:var(--hd-pill);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--hd-blur));align-items:center;gap:10px;padding:6px 16px 6px 10px;display:flex}.hd-giant-pile{flex:none;gap:2px;display:flex}.hd-giant-slot{width:var(--hd-giant-slot);height:var(--hd-giant-slot);place-items:center;display:grid;position:relative}.hd-giant-slot-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hd-giant-slot-ring .hd-ring-track,.hd-giant-slot-ring .hd-ring-progress{stroke-width:9px}.hd-giant-slot[data-state=full] .hd-giant-slot-ring{visibility:hidden}.hd-giant-rock{width:var(--hd-giant-rock);height:var(--hd-giant-rock);background:var(--card-foreground);transition:opacity var(--hd-quick) ease, transform var(--hd-quick) ease;border-radius:46% 54% 42% 58%/58% 46% 54% 42%}.hd-giant-slot[data-state=full] .hd-giant-rock{transform:scale(1.3)}.hd-giant-slot[data-state=filling] .hd-giant-rock{opacity:.35}.hd-giant-slot[data-state=empty] .hd-giant-rock{opacity:.15}.hd-giant-text{min-width:0;font-size:var(--text-caption);word-break:keep-all;font-weight:700}.hd-giant-arms{gap:12px;display:flex}.hd-giant-arm{width:var(--hd-giant-arm-size);height:var(--hd-giant-arm-size);gap:2px;position:relative}.hd-giant-arm-icon{width:var(--hd-glyph);height:var(--hd-glyph);fill:currentColor}.hd-giant-arm:active{transform:scale(.94)}.hd-giant-arm[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:#0000;transform:scale(.96)}.hd-giant-arm[data-empty=true]{opacity:.45}.hd-giant-arm[aria-disabled=true]{cursor:default}.hd-giant-arm[aria-disabled=true]:active{transform:none}.hd-giant-arm[data-empty=true][aria-pressed=true]{opacity:.7}.hd-root{--hd-shop-headline:21px;--hd-shop-band:5px;--hd-shop-dot:9px}.hd-shop-chip,.hd-shop-card{--shop-tone:var(--primary);--shop-tone-fg:var(--primary-foreground);--shop-dot:var(--shop-tone)}.hd-shop-chip[data-tone=vacant],.hd-shop-card[data-tone=vacant]{--shop-tone:var(--accent);--shop-tone-fg:var(--accent-foreground)}.hd-shop-chip[data-tone=protected],.hd-shop-card[data-tone=protected]{--shop-tone:var(--secondary);--shop-tone-fg:var(--secondary-foreground);--shop-dot:var(--muted-foreground)}.hd-shop-chip[data-tone=gathering],.hd-shop-card[data-tone=gathering],.hd-shop-chip[data-tone=live],.hd-shop-card[data-tone=live]{--shop-tone:var(--destructive);--shop-tone-fg:var(--destructive-foreground)}.hd-shop-chip[data-tone=paperwork],.hd-shop-card[data-tone=paperwork]{--shop-tone:var(--muted);--shop-tone-fg:var(--foreground);--shop-dot:var(--ring)}.hd-subbar{align-items:flex-start;gap:var(--hd-gap);pointer-events:none;width:100%;display:flex}.hd-subbar>.hd-challenge-row{flex:auto;width:auto;min-width:0}.hd-shop-chip{pointer-events:auto;appearance:none;min-width:0;max-width:62%;min-height:var(--hd-compact);border:1px solid var(--border);border-radius:var(--hd-pill);background:var(--card);color:var(--card-foreground);font:inherit;font-size:var(--text-caption);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(var(--hd-blur));flex:0 auto;align-items:center;gap:6px;margin-top:2px;padding:0 12px;font-weight:700;animation:.18s ease-out hd-drop-in;display:inline-flex}.hd-shop-chip:before{content:"";width:var(--hd-shop-dot);height:var(--hd-shop-dot);background:var(--shop-dot);box-shadow:0 0 0 2px var(--card);border-radius:50%;flex:none}.hd-shop-chip:after{content:"›";color:var(--muted-foreground);flex:none}.hd-shop-chip[aria-expanded=true]{border-color:var(--ring);background:var(--popover)}.hd-shop-chip-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.hd-root:has(.hd-people:not([hidden])) .hd-shop-chip{visibility:hidden}.hd-shop-card{pointer-events:auto;width:min(100%, var(--hd-content-max));border:1px solid var(--border);border-top:var(--hd-shop-band) solid var(--shop-tone);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--hd-blur));flex-direction:column;gap:6px;padding:12px 14px 14px 16px;animation:.18s ease-out hd-fade-in;display:flex}.hd-shop-head{justify-content:space-between;align-items:center;gap:var(--hd-gap);display:flex}.hd-shop-title{min-width:0;font-size:var(--text-title);word-break:keep-all;margin:0;font-weight:700}.hd-shop-close{appearance:none;width:var(--hd-compact);height:var(--hd-compact);color:var(--muted-foreground);font:inherit;font-size:var(--text-body);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:-6px -6px -6px 0;display:inline-flex}.hd-shop-status{border-radius:var(--hd-pill);background:var(--shop-tone);color:var(--shop-tone-fg);font-size:var(--text-caption);font-variant-numeric:tabular-nums;align-self:flex-start;padding:2px 10px;font-weight:700}.hd-shop-headline{font-size:var(--hd-shop-headline);word-break:keep-all;margin:2px 0 0;font-weight:700;line-height:1.3}.hd-shop-facts{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px 12px;margin:4px 0 0;display:grid}.hd-shop-fact{min-width:0}.hd-shop-fact-label{color:var(--muted-foreground);font-size:var(--text-micro)}.hd-shop-fact-value{font-size:var(--text-body);font-variant-numeric:tabular-nums;word-break:keep-all;margin:0}.hd-shop-note{border-top:1px solid var(--border);color:var(--muted-foreground);font-size:var(--text-caption);word-break:keep-all;margin:4px 0 0;padding-top:8px}.hd-shop-action{align-self:stretch;margin-top:6px;font-weight:700}@media (hover:hover){.hd-shop-chip:hover,.hd-shop-close:hover{background:var(--muted)}}.hd-shop-close:focus-visible,.hd-shop-chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hd-root{--hd-theme-book-w:30px;--hd-theme-book-h:40px;--hd-theme-check:18px}.hd-theme-sheet{--theme-accent:var(--accent);pointer-events:auto;width:min(100%, var(--hd-content-max));border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--hd-blur));flex-direction:column;padding:14px;animation:.2s ease-out hd-rise-in;display:flex}.hd-theme-sheet[data-mode=pick]{min-height:45vh;min-height:45dvh}.hd-theme-pick,.hd-theme-read{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.hd-theme-head{padding:0 2px}.hd-theme-title{font-size:var(--text-title);word-break:keep-all;font-weight:700;line-height:1.3}.hd-theme-sub{color:var(--muted-foreground);font-size:var(--text-caption);word-break:keep-all;margin-top:2px}.hd-theme-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;min-height:0;display:grid}.hd-theme-card{appearance:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);min-width:0;color:var(--card-foreground);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:background-color var(--hd-quick) ease, box-shadow var(--hd-quick) ease, transform var(--hd-quick) ease;flex-direction:column;gap:6px;padding:10px;display:flex;position:relative}.hd-theme-card:active{transform:translateY(1px)}.hd-theme-card[aria-checked=true]{border-color:var(--foreground);background:var(--background);box-shadow:0 0 0 3px var(--theme-accent)}.hd-theme-card[aria-checked=true]:after{content:"✓";width:var(--hd-theme-check);height:var(--hd-theme-check);background:var(--foreground);color:var(--background);font-size:var(--text-micro);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;top:8px;right:8px}.hd-theme-card-head{align-items:center;gap:8px;min-width:0;display:flex}.hd-theme-book{width:var(--hd-theme-book-w);height:var(--hd-theme-book-h);background:var(--theme-accent);border-radius:3px 5px 5px 3px;flex:none;position:relative;overflow:hidden}.hd-theme-book:before{content:"";background:var(--theme-accent);filter:brightness(.72);width:5px;position:absolute;top:0;bottom:0;left:0}.hd-theme-book:after{content:"";border-top:3px solid var(--theme-accent);border-bottom:3px solid var(--theme-accent);filter:brightness(1.55)saturate(.55);border-radius:2px;height:10px;position:absolute;top:9px;left:11px;right:5px}.hd-theme-names{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.hd-theme-name{font-size:var(--text-body);word-break:keep-all;font-weight:700;line-height:1.25}.hd-theme-tags{flex-wrap:wrap;gap:4px;display:flex}.hd-theme-genre,.hd-theme-now{border-radius:var(--hd-pill);font-size:var(--text-micro);white-space:nowrap;padding:1px 7px;line-height:1.45}.hd-theme-genre{background:var(--muted);color:var(--muted-foreground)}.hd-theme-now{background:var(--primary);color:var(--primary-foreground)}.hd-theme-pitch{color:var(--muted-foreground);font-size:var(--text-caption);word-break:keep-all;line-height:1.4}.hd-theme-lock{color:var(--muted-foreground);font-size:var(--text-caption);font-variant-numeric:tabular-nums;text-align:center}.hd-theme-actions{gap:8px;display:flex}.hd-theme-confirm{flex:1;font-weight:700}.hd-theme-read-name{font-size:var(--text-title)}.hd-theme-by{color:var(--muted-foreground);font-size:var(--text-caption);word-break:keep-all}.hd-theme-match{word-break:keep-all;font-weight:700}.hd-root[data-sheet] .hd-shop-card,.hd-root[data-sheet] .hd-info{display:none}@media (hover:hover){.hd-theme-card:hover{background:var(--muted)}.hd-theme-card[aria-checked=true]:hover{background:var(--background)}}.hd-volume-host{position:relative}.hd-volume{pointer-events:auto;z-index:1;width:min(300px, calc(100vw - 2 * var(--hd-edge)));border:1px solid var(--border);border-radius:var(--radius);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--hd-blur));animation:hd-drop-in var(--hd-appear) ease-out;flex-direction:column;gap:6px;padding:10px 14px 12px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.hd-volume-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.hd-volume-title{font:inherit;font-size:var(--text-caption);color:var(--muted-foreground);margin:0}.hd-volume-row{min-height:var(--hd-compact);font-size:var(--text-caption);grid-template-columns:58px 1fr 40px;align-items:center;gap:10px;display:grid}.hd-volume-slider{width:100%;height:var(--hd-compact);accent-color:var(--primary);touch-action:pan-y;cursor:pointer;margin:0}.hd-volume-slider:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--hd-pill)}.hd-volume-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.hd-shake-row{border-top:1px solid var(--border);grid-template-columns:1fr auto;margin-top:4px;padding-top:8px}.hd-shake-toggle{min-width:64px}.hd-shake-toggle[aria-checked=true]{background:var(--primary);color:var(--primary-foreground);border-color:#0000}
