@layer components{.ol-stage{padding:20px 24px max(16px, env(safe-area-inset-bottom));background:radial-gradient(70% 70% at 28% 42%,#142453 0%,#080b16 72%);grid-template-columns:minmax(0,1fr) minmax(330px,500px);gap:28px;display:grid}.ol-map{align-content:center;place-items:center;gap:10px;min-height:0;display:grid;position:relative;container-type:size}.ol-shape{aspect-ratio:1;width:min(100cqw,100cqh - 44px,520px);animation:ol-in .6s var(--ease-out) both}.ol-shape svg{fill:#efece4;filter:drop-shadow(0 14px 34px #00000080);width:100%;height:100%;transition:fill .5s}.ol-shape.is-won svg{fill:var(--rn)}.ol-shape.is-lost svg{fill:#ff8a66}@keyframes ol-in{0%{opacity:0;transform:scale(.92)}}.ol-name{letter-spacing:-.02em;animation:pop .32s var(--ease-pop) both;font-size:22px;font-weight:700}.ol-side{flex-direction:column;justify-content:flex-end;gap:14px;min-height:0;display:flex}.ol-guesses{gap:5px;display:grid}.ol-row{height:38px;animation:pop .26s var(--ease-pop) both;background:#ffffff14;border-radius:11px;grid-template-columns:minmax(0,1fr) auto 22px 44px;align-items:center;gap:10px;padding:0 12px;font-size:14.5px;font-weight:600;display:grid}.ol-row.is-empty{background:#ffffff08;animation:none;box-shadow:inset 0 0 0 1px #ffffff0d}.ol-row.is-hit{color:#0d0d0f;background:var(--rn);grid-template-columns:minmax(0,1fr) auto}.ol-guess{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ol-km{color:var(--on-dark-dim);font-size:13.5px}.ol-pct{text-align:right}.ol-got{font-size:13px}.ol-arrow{width:22px;height:22px;color:var(--rn);transform:rotate(var(--deg));animation:ol-turn .7s var(--ease-spring) both}@keyframes ol-turn{0%{transform:rotate(0)}}.ol-toast{z-index:5;text-align:center;color:#0d0d0f;max-width:calc(100% - 32px);animation:pop .24s var(--ease-pop) both;background:#fff;border-radius:999px;padding:9px 15px;font-size:14px;font-weight:600;position:absolute;top:14px;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.ol-shape,.ol-arrow,.ol-row,.ol-name{animation:none}}@container (max-width:759px){.ol-stage{padding:12px 12px max(12px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px}.ol-side{gap:8px}.ol-guesses{gap:4px}.ol-row{grid-template-columns:minmax(0,1fr) auto 18px 38px;gap:8px;height:31px;padding:0 10px;font-size:13.5px}.ol-arrow{width:18px;height:18px}.ol-name{font-size:18px}}.ol-sum{align-items:center;gap:16px;display:flex}.ol-sum>div:nth-child(2){flex:1;min-width:0}.ol-sum-globe{flex:none;width:128px;height:128px}.ol-sum-globe .hc-globe{height:100%;position:relative}.ol-sum-globe .hc-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.ol-sum-globe .hc-loading{color:var(--stage-dim);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.ol-sum>svg{width:72px;height:72px;fill:var(--stage-ink);flex:none}.ol-sum-name{overflow-wrap:anywhere;letter-spacing:-.02em;font-size:19px;font-weight:700;line-height:1.15}.ol-sum-sub{color:var(--stage-dim);margin-top:2px;font-size:13.5px}}