.g-peaks{--p-avail:var(--board-h);height:min(var(--board-h), var(--p-avail));font-family:var(--font-serif);padding-left:max(0px, calc(var(--safe-l) - var(--sp-4)));padding-right:max(0px, calc(var(--safe-r) - var(--sp-4)));padding-bottom:var(--safe-b);flex-direction:column;display:flex}.g-peaks *{min-width:0}.g-peaks [hidden]{display:none!important}.g-peaks .p-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.g-peaks [data-screen=play]{gap:var(--sp-2);overscroll-behavior-y:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.g-peaks .p-pane{flex-direction:column;display:flex}.g-peaks .p-pane-chart{display:contents}.g-peaks .p-strip,.g-peaks .p-figure{flex:none}.g-peaks .p-pane-pick{gap:var(--sp-2);margin-top:calc(var(--sp-3) - var(--sp-2));flex:auto}.g-peaks .p-strip{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--rule);display:flex}.g-peaks .p-pips{flex:none;align-items:flex-end;gap:4px;display:flex}.g-peaks .p-pips i{background:var(--rule-strong);width:15px;height:4px;display:block}.g-peaks .p-pips i.is-miss{background:var(--bad)}.g-peaks .p-pips i.is-hit{background:var(--good);height:9px}.g-peaks .p-left{font-family:var(--font-sans);font-size:var(--step--1);color:var(--ink-faint);text-align:right}.g-peaks .p-figure{gap:var(--sp-1);flex-direction:column;min-height:0;margin:0;display:flex}.g-peaks .p-chart,.g-peaks .p-chart-done{height:clamp(100px, calc(var(--board-h) * .3), 208px);margin-inline:calc(var(--sp-1) * -1)}.g-peaks .p-svg{width:100%;height:100%;display:block}.g-peaks .p-area{fill:color-mix(in srgb, var(--accent) 18%, transparent);stroke:none}.g-peaks .p-line{fill:none;stroke:var(--accent);stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round}.g-peaks .p-axis{stroke:var(--rule-strong);stroke-width:1px}.g-peaks .p-grid{stroke:var(--rule);stroke-width:1px}.g-peaks .p-tick{font-family:var(--font-sans);fill:var(--ink-faint);font-size:10px}.g-peaks .p-caption{font-family:var(--font-sans);font-size:var(--step--1);color:var(--ink-faint);letter-spacing:.01em}.g-peaks .p-hints,.g-peaks .p-trail{gap:var(--sp-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.g-peaks .p-hints:empty{display:none}.g-peaks .p-hints{overscroll-behavior-y:contain;min-height:0;overflow-y:auto}.g-peaks .p-hints li,.g-peaks .p-trail li{column-gap:var(--sp-2);padding-top:var(--sp-1);border-top:1px solid var(--rule);grid-template-columns:7.5rem minmax(0,1fr);align-items:baseline;display:grid}@media (max-width:359px){.g-peaks .p-hints li,.g-peaks .p-trail li{grid-template-columns:minmax(0,1fr);row-gap:0}}.g-peaks .p-hint-label{font-family:var(--font-sans);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}.g-peaks .p-hint-text{font-size:var(--step-0);color:var(--ink)}.g-peaks .p-filter{display:block}.g-peaks .p-input{width:100%;min-height:44px;padding:var(--sp-2) var(--sp-2);background:var(--paper-sunk);border:0;border-bottom:1px solid var(--rule-strong);color:var(--ink);font-family:var(--font-sans);appearance:none;scroll-margin-block:var(--sp-6);border-radius:0}.g-peaks .p-input:focus-visible{border-bottom-color:var(--accent)}.g-peaks .p-list{--p-list-floor:88px;flex:1 1 var(--p-list-floor);min-height:var(--p-list-floor);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;border-top:1px solid var(--rule);overflow-y:auto}.g-peaks .p-cand{width:100%;min-height:44px;padding:var(--sp-2) var(--sp-3);text-align:left;border:0;border-bottom:1px solid var(--rule);font-family:var(--font-serif);font-size:var(--step-0);color:var(--ink);cursor:pointer;background:0 0;border-radius:0;display:block}.g-peaks .p-cand[aria-checked=true]{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 3px 0 0 var(--accent);font-style:italic}.g-peaks .p-cand.is-spent{color:var(--ink-faint);text-decoration:line-through;-webkit-text-decoration-color:var(--bad);text-decoration-color:var(--bad);cursor:default}.g-peaks .p-cand:active:not(.is-spent){background:var(--paper-sunk)}.g-peaks .p-empty{font-family:var(--font-sans);font-size:var(--step--1);color:var(--ink-faint);margin:0}.g-peaks .p-go{width:100%;min-height:48px;padding:var(--sp-2) var(--sp-3);background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);font-family:var(--font-sans);font-size:var(--step-0);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:none;font-weight:600;overflow:hidden}.g-peaks .p-go:disabled{border-color:var(--rule);color:var(--ink-faint);cursor:default;background:0 0}.g-peaks [data-screen=result]{gap:var(--sp-3);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.g-peaks .p-verdict{font-family:var(--font-serif);font-size:var(--step-2);color:var(--good);margin:0;line-height:1.1}.g-peaks .p-verdict.is-miss{color:var(--bad)}.g-peaks .p-figure-done .p-caption{font-family:var(--font-serif);font-size:var(--step-1);color:var(--ink);letter-spacing:0}.g-peaks .p-reveal,.g-peaks .p-meaning,.g-peaks .p-crowd{max-width:var(--measure);font-size:var(--step-0);margin:0}.g-peaks .p-meaning{color:var(--ink-soft);font-style:italic}.g-peaks .p-crowd{font-family:var(--font-sans);font-size:var(--step--1);color:var(--ink-faint)}.g-peaks .p-source{max-width:var(--measure);font-family:var(--font-sans);font-size:var(--step--1);color:var(--ink-faint);margin:0;line-height:1.45}@media (orientation:landscape) and (max-height:560px) and (min-width:34rem){.g-peaks [data-screen=play]{gap:var(--sp-4);flex-direction:row}.g-peaks .p-pane-chart{gap:var(--sp-2);flex-direction:column;flex:55%;min-width:0;display:flex}.g-peaks .p-pane-pick{flex:45%;min-width:0;margin-top:0}.g-peaks .p-chart,.g-peaks .p-chart-done{height:clamp(96px, calc(var(--board-h) * .52), 168px)}.g-peaks .p-list{--p-list-floor:44px}}@media (orientation:portrait) and (max-height:36rem){.g-peaks .p-chart,.g-peaks .p-chart-done{height:clamp(88px, calc(var(--board-h) * .24), 208px)}.g-peaks .p-list{--p-list-floor:62px}}@media (min-width:700px) and (orientation:portrait){.g-peaks .p-pane-pick{max-width:var(--measure)}}
