@layer components{.hc-stage{padding:16px 18px max(12px, env(safe-area-inset-bottom));color:var(--stage-ink);background:var(--stage);grid-template-columns:minmax(0,1.15fr) minmax(300px,440px);gap:18px;display:grid}.hc-map{grid-template-rows:minmax(0,1fr) auto;gap:8px;min-width:0;min-height:0;display:grid}.hc-globe{min-width:0;min-height:0;position:relative}.hc-canvas{touch-action:none;cursor:grab;border-radius:16px;width:100%;height:100%;display:block}.hc-canvas:active{cursor:grabbing}.hc-canvas:focus-visible{outline:2px solid var(--stage-ink);outline-offset:3px}.hc-loading{text-align:center;color:var(--stage-dim);pointer-events:none;place-items:center;margin:0;padding:16px;font-size:15px;font-weight:650;display:grid;position:absolute;inset:0}.hc-legend{color:var(--stage-dim);align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.hc-legend i{background:linear-gradient(90deg,#c4231b,#ef6c2a 18%,#e6a23c 38%,#e4d2a8 62%,#9eb4c4 82%,#6f8496);border-radius:999px;flex:1;height:10px}.hc-side{flex-direction:column;justify-content:flex-end;gap:10px;min-width:0;min-height:0;display:flex}.hc-guesses{flex-direction:column;flex:1;gap:5px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.hc-guesses li{background:var(--stage-2);border-radius:10px;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:0 10px;font-size:14.5px;font-weight:650;display:grid}.hc-guesses li.is-hit{color:#15151a;background:var(--rn);animation:pop .38s var(--ease-pop) both}.hc-guesses li.is-new{box-shadow:inset 0 0 0 2px var(--stage-ink);animation:pop .3s var(--ease-pop) both}.hc-swatch{border-radius:4px;width:14px;height:14px}.hc-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hc-km{font-size:13px}.hc-guesses li.hc-empty{color:var(--stage-dim);background:0 0;padding:8px 4px;font-size:13.5px;font-weight:550;display:block}.hc-toast{animation:pop .26s var(--ease-pop) both;z-index:5;text-align:center;color:#15151a;background:#fff;border-radius:999px;max-width:calc(100% - 32px);padding:9px 15px;font-size:14px;font-weight:650;position:absolute;top:14px;left:50%;translate:-50%}.hc-stage .cp-field{color:var(--stage-ink);background:var(--stage-2);box-shadow:inset 0 0 0 1.5px var(--stage-line)}.hc-stage .cp-ph,.hc-stage .cp-hint,.hc-stage .cp-none{color:var(--stage-dim)}.hc-stage .cp.is-open .cp-field{box-shadow:inset 0 0 0 1.5px var(--stage-ink)}.hc-stage .cp-go{color:var(--stage-dim);background:var(--stage)}.hc-stage .cp-list{background:var(--stage-2);box-shadow:inset 0 0 0 1.5px var(--stage-line), 0 -18px 40px -14px #00000059}.hc-stage .cp-row{color:var(--stage-ink)}.hc-stage .cp-row.is-tried{color:var(--stage-dim)}.hc-stage .cp-row small{color:var(--stage-dim);background:var(--stage)}@media (hover:hover){.hc-stage .cp-row:not(.is-hi):hover{background:var(--hover-tint)}}@media (hover:hover) and (pointer:fine){.hc-stage .cp{flex:none}.hc-stage .cp-list{max-height:min(340px,50vh);display:none;position:absolute}.hc-stage .cp.is-open .cp-list{max-height:min(340px,50vh);display:block;position:absolute}.hc-stage .cp-go{display:inline}}.hc-stage .kb-key{color:var(--stage-ink);background:var(--stage-2);box-shadow:inset 0 -2px #0000001f}.hc-stage .kb-key:focus-visible{outline:2px solid var(--stage-ink);outline-offset:2px}@container (max-width:759px){.hc-stage{padding:10px 10px max(10px, env(safe-area-inset-bottom));grid-template-rows:minmax(200px,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px}.hc-guesses{flex:none;max-height:108px}.hc-side{gap:8px}}.hc-sum-name{letter-spacing:-.02em;font-size:22px;font-weight:700}.hc-sum-sub{color:var(--stage-dim);margin-top:2px;font-size:13.5px}}