.search-btn{min-width:44px;height:44px;color:var(--color-bone);cursor:pointer;flex:none;place-items:center;display:inline-grid}.search-btn__plate{justify-content:center;align-items:center;gap:var(--sp-2);min-width:40px;height:36px;padding:0 var(--sp-2);background:linear-gradient(180deg, var(--color-char-2), var(--color-ink-2));border:1px solid var(--color-line-2);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:color var(--dur-fast) var(--ease-out);display:inline-flex}.search-btn:hover .search-btn__plate,.search-btn[aria-expanded=true] .search-btn__plate{color:var(--color-crimson)}.search-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.search-btn__icon{width:20px;height:20px}.ui-modal.search-palette{width:min(40rem, calc(100vw - 2 * var(--gutter)))}@media (min-width:640px){.ui-modal.search-palette[data-variant=sheet]{margin-block-start:10dvh}.ui-modal.search-palette .ui-modal__panel{max-height:76dvh}}@media not (min-width:640px){.ui-modal.search-palette[data-variant=sheet]{--modal-from:translateY(var(--sp-4));width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;inset:0}.ui-modal.search-palette[data-variant=sheet] .ui-modal__panel{height:100%;max-height:100dvh;padding-top:env(safe-area-inset-top);clip-path:none}.ui-modal.search-palette[data-variant=sheet] .ui-modal__panel:after{clip-path:none}}.search-palette__body{gap:var(--sp-3);flex-direction:column;display:flex}.search-palette__field{align-items:center;display:flex;position:relative}.search-palette__icon{width:20px;height:20px;color:var(--color-muted);pointer-events:none;position:absolute;inset-inline-start:var(--sp-3)}.search-palette__input{width:100%;min-height:48px;padding:0 var(--sp-3) 0 calc(var(--sp-3) * 2 + 20px);border:2px solid var(--color-line-field);background:var(--color-field);color:var(--color-bone)}.search-palette__input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.search-palette__note{color:var(--color-muted)}.search-palette__retry{min-height:44px;padding:0 var(--sp-4);border:1px solid var(--color-line-2);color:var(--color-bone);cursor:pointer;margin-block-start:var(--sp-2)}.search-palette__retry:focus-visible,.search-recent:focus-visible,.search-opt:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.search-palette__results{gap:var(--sp-3);transition:opacity var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.search-palette__results[data-stale=true]{opacity:.6}.search-group{flex-direction:column;display:flex}.search-group__title{padding-block:var(--sp-1);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.search-opt,.search-recent{align-items:center;gap:var(--sp-3);width:100%;min-height:52px;padding:var(--sp-1) var(--sp-3);color:var(--color-bone);text-align:start;cursor:pointer;border-inline-start:3px solid #0000;display:flex}.search-opt[aria-selected=true],.search-recent:hover{background:var(--color-char-2);border-inline-start-color:var(--color-crimson)}.search-opt__thumb{background:var(--color-char);object-fit:cover;object-position:top;flex:none;width:32px;height:44px}.search-opt__thumb--mystery{border:1px dashed var(--color-line-2);color:var(--color-muted);font-family:var(--font-display);place-items:center;font-size:1.25rem;display:grid}.search-opt__chip{padding:0 var(--sp-1);border:1px solid var(--color-line-2);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;margin-inline-start:var(--sp-2);font-size:.75rem;font-weight:400}.search-opt__text{flex-direction:column;min-width:0;display:flex}.search-opt__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.search-opt__sub{text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted);font-size:.875rem;overflow:hidden}.search-recent{min-height:44px}.search-recent__icon{width:16px;height:16px;color:var(--color-muted);flex:none}
.arena-menu{display:flex;position:relative}.arena-menu__trigger{cursor:pointer}.arena-menu__chev{opacity:.7;width:.875rem;height:.875rem;transition:transform var(--dur-fast) var(--ease-out);flex:none}.arena-menu__trigger[aria-expanded=true]{color:var(--color-bone)}.arena-menu__trigger[aria-expanded=true] .arena-menu__chev{transform:rotate(180deg)}.arena-menu__panel{width:18rem;inset-inline-start:0}.arena-menu__body{gap:var(--sp-1);padding:var(--sp-2);display:grid}.arena-menu__row{align-items:center;gap:var(--sp-3);min-height:3.5rem;padding:var(--sp-2) var(--sp-3);color:var(--color-bone);clip-path:polygon(0 0, calc(100% - var(--cut-chip)) 0, 100% var(--cut-chip), 100% 100%, var(--cut-chip) 100%, 0 calc(100% - var(--cut-chip)));transition:background-color var(--dur-fast) var(--ease-out);text-decoration:none;display:flex}.arena-menu__row:hover,.arena-menu__row[aria-current=page]{background:var(--wash-crimson,color-mix(in srgb, var(--color-crimson) 6%, transparent))}.arena-menu__row:focus-visible{outline-offset:-2px}.arena-menu__kanji{background:linear-gradient(180deg, var(--color-char-2), var(--color-ink-2));border:1px solid var(--color-line-2);width:2.5rem;height:2.5rem;color:var(--color-signal);font:400 var(--fs-d3) / 1 var(--font-brush);clip-path:polygon(0 0, calc(100% - var(--cut-chip)) 0, 100% var(--cut-chip), 100% 100%, var(--cut-chip) 100%, 0 calc(100% - var(--cut-chip)));flex:none;place-items:center;display:grid}.arena-menu__row:hover .arena-menu__kanji{border-color:var(--color-crimson)}.arena-menu__text{gap:2px;min-width:0;display:grid}.arena-menu__title{font:400 var(--fs-t1) / 1.1 var(--font-display);letter-spacing:.04em;text-transform:uppercase}.arena-menu__hint{color:var(--color-muted);font-size:var(--fs-t4);line-height:var(--lh-t4);font-weight:600}@media (prefers-reduced-motion:reduce){.arena-menu__chev{transition:none}}