nakama-case-finder{display:block;--finder-modal-width:var(--finder-modal-width-mobile);--finder-modal-padding:var(--finder-modal-padding-mobile);--finder-modal-heading:var(--finder-modal-heading-mobile);--finder-modal-text:var(--finder-modal-text-mobile);--finder-preview-height:var(--finder-preview-height-mobile);--finder-anime-columns:var(--finder-anime-columns-mobile);--finder-modal-gap:var(--finder-modal-gap-mobile)}
nakama-case-finder [hidden]{display:none!important}
.nk-finder-anime-icon{transform:scaleX(-1)}
.nk-finder .nk-finder-trigger{width:100%;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.nk-finder-trigger>span>span{display:block;color:#8c8c8c;font-size:.86em;font-weight:300;padding:3px 0;line-height:1.4}
.nk-finder-trigger>svg{flex-shrink:0;color:#8c8c8c}
.nk-finder .nk-finder-dialog{width:min(calc(100% - 24px),var(--finder-modal-width));max-width:none;max-height:calc(100dvh - 32px);padding:var(--finder-modal-padding);border:1px solid #ddd;border-radius:16px;background:var(--finder-modal-bg);color:var(--finder-modal-fg);margin:auto;font:400 var(--finder-modal-text)/1.4 Inter,Arial,sans-serif;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #0004}
.nk-finder-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
html:has(nakama-case-finder dialog[open]){overflow:hidden}
.nk-finder-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:var(--finder-modal-gap)}
.nk-finder .nk-finder-modal-head h2{font:700 var(--finder-modal-heading)/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase}
.nk-finder .nk-finder-modal-head>button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #ddd;border-radius:50%;background:transparent;color:inherit}
.nk-finder-phone-layout{display:grid;gap:var(--finder-modal-gap)}
.nk-finder-phone-picker{min-width:0}
.nk-finder-brands{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--finder-modal-gap)}
.nk-finder .nk-finder-brands button,.nk-finder .nk-finder-models button{min-height:44px;padding:10px 14px;border:1px solid #d6d6d6;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;transition:border-color .15s,background-color .15s}
.nk-finder .nk-finder-brands button[aria-pressed=true],.nk-finder .nk-finder-models button[aria-pressed=true]{border-color:var(--nk-accent);background:color-mix(in srgb,var(--nk-accent) 8%,var(--finder-modal-bg));box-shadow:inset 0 0 0 1px var(--nk-accent)}
.nk-finder .nk-finder-search{display:block;width:100%;min-height:46px;border:1px solid #d6d6d6;border-radius:8px;padding:12px 14px;background:transparent;color:inherit;font:inherit;margin:0 0 var(--finder-modal-gap)}
.nk-finder-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:250px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px}
.nk-finder .nk-finder-models button{overflow-wrap:anywhere}
.nk-finder-preview{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--finder-modal-fg) 4%,var(--finder-modal-bg));min-width:0}
.nk-finder-preview-art{height:var(--finder-preview-height);width:100%;display:flex;align-items:center;justify-content:center}
.nk-finder-preview-art picture{display:block;width:100%;height:100%}
.nk-finder-preview-art img{width:100%;height:100%;object-fit:contain}
.nk-finder-device{height:100%;aspect-ratio:1/2;border:3px solid #7c7c83;outline:1px solid #38383c;border-radius:26px;background:#101014;padding:5px;box-shadow:6px 10px 20px #0003;position:relative}
.nk-finder-device:after{content:"";position:absolute;right:-5px;top:26%;width:3px;height:18%;border-radius:2px;background:#666}
.nk-finder-device-screen{height:100%;border-radius:18px;background:radial-gradient(ellipse at 70% 80%,#b81928,transparent 70%),linear-gradient(155deg,#181824,#09090f);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:12px}
.nk-finder-device-screen i{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:25%;height:5%;border-radius:20px;background:#050505}
.nk-finder-device-screen span{font-family:'Barlow Condensed',sans-serif;font-size:clamp(14px,3vw,24px);font-weight:600;line-height:1.1}
.nk-finder-preview strong{overflow-wrap:anywhere}
.nk-finder-preview small{opacity:.65;font-size:.8em}
.nk-finder .nk-finder-preview .nk-button{margin-top:auto;width:100%;min-height:46px;font:600 var(--finder-modal-text)/1.25 Inter,sans-serif}
.nk-finder .nk-finder-preview .nk-button:disabled{opacity:.4;cursor:default}
.nk-finder-anime-grid{display:grid;grid-template-columns:repeat(var(--finder-anime-columns),minmax(0,1fr));gap:var(--finder-modal-gap)}
.nk-finder .nk-finder-anime-card{padding:0;overflow:hidden;border:2px solid transparent;border-radius:10px;background:#121212;color:#fff;display:block;position:relative;text-align:center;font:600 var(--finder-modal-text)/1.25 Inter,sans-serif;min-width:0;aspect-ratio:2/3}
.nk-finder-anime-card>img,.nk-finder-anime-card>.nk-finder-anime-picture,.nk-finder-anime-placeholder{display:block;width:100%;height:100%;aspect-ratio:2/3;object-fit:cover}
.nk-finder-anime-picture{overflow:hidden}
.nk-finder-anime-picture>img{display:block;width:100%;height:100%;object-fit:cover}
.nk-finder-anime-card>span{position:absolute;z-index:1;inset:auto 0 0;padding:52px 8px 14px;background:linear-gradient(transparent,#111);color:#fff!important;-webkit-text-fill-color:#fff;text-shadow:0 1px 4px #000;overflow-wrap:anywhere}
.nk-finder .nk-finder-anime-card[aria-pressed=true]{border-color:var(--nk-accent)}
.nk-finder-dialog :focus-visible,.nk-finder-trigger:focus-visible{outline:2px solid var(--nk-accent);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.nk-finder .nk-finder-brands button:hover,.nk-finder .nk-finder-models button:hover,.nk-finder .nk-finder-anime-card:hover{border-color:var(--nk-accent)}}
@media(min-width:750px){nakama-case-finder{--finder-modal-width:var(--finder-modal-width-desktop);--finder-modal-padding:var(--finder-modal-padding-desktop);--finder-modal-heading:var(--finder-modal-heading-desktop);--finder-modal-text:var(--finder-modal-text-desktop);--finder-preview-height:var(--finder-preview-height-desktop);--finder-anime-columns:var(--finder-anime-columns-desktop);--finder-modal-gap:var(--finder-modal-gap-desktop)}.nk-finder-phone-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.nk-finder-models{max-height:350px}.nk-finder-preview{padding:24px}}
@media(prefers-reduced-motion:reduce){.nk-finder .nk-finder-brands button,.nk-finder .nk-finder-models button{transition:none}}
@media(max-width:749px){
  .nk-finder .nk-finder-box{padding-inline:24px}
  .nk-finder .nk-find-field{min-height:76px;padding:12px 14px;gap:14px}
  .nk-finder .nk-find-field>.nk-icon{width:34px;height:34px}
  .nk-finder .nk-finder-trigger{font-size:16px}
  .nk-finder .nk-finder-trigger>span>span{font-size:14px}
}