.fr{display:grid;gap:var(--space-4);padding:0 clamp(12px,3vw,26px) clamp(16px,3vw,26px);background:linear-gradient(90deg,#0000 calc(25% - 1px),#00000029 0 calc(25% + 1px),#0000 0),linear-gradient(90deg,#0000 calc(50% - 1px),#00000029 0 calc(50% + 1px),#0000 0),linear-gradient(90deg,#0000 calc(75% - 1px),#00000029 0 calc(75% + 1px),#0000 0),var(--hm-wood);border:3px solid var(--hm-wood-deep);border-radius:12px;box-shadow:0 8px 0 var(--hm-wood-deep);animation:auth-rise-in .5s cubic-bezier(.2,.8,.2,1) both}.fr-loading{display:grid;place-items:center;gap:var(--space-3);min-block-size:50vh;color:var(--hm-sky-text)}.fr-head{justify-self:center;display:grid;gap:8px;max-inline-size:640px;margin-block-start:-3px;padding:16px clamp(16px,4vw,30px) 14px;text-align:center;background:#ffe2a8;border:3px solid var(--hm-wood-deep);border-block-start:0;border-radius:0 0 12px 12px;box-shadow:0 5px 0 var(--hm-wood-deep)}.fr-head__title{margin:0;font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(16px,3vw,22px);line-height:1.4;color:#4a2c17}.fr-head__lead{margin:0;font-size:var(--text-size-sm);color:#6b4a2e}.fr-notice{margin:0;padding:10px 14px;font-size:var(--text-size-sm);font-weight:700;background:var(--hm-paper);border:2px dashed var(--hm-line);border-radius:10px}.fr .auth-msg{margin:0}.fr-card{display:grid;gap:var(--space-3);padding:clamp(14px,3vw,22px);background:var(--hm-paper);border:3px solid var(--hm-wood-deep);border-radius:10px;box-shadow:0 4px #00000047}.fr-count{display:inline-grid;place-items:center;min-inline-size:22px;block-size:22px;padding-inline:6px;font:800 11px/1 system-ui,sans-serif;color:#fff;background:var(--hm-pink);border-radius:999px}.fr-at{font-family:"Press Start 2P",ui-monospace,monospace;font-size:13px;color:var(--hm-sail)}.fr-search .auth-input input::-webkit-search-cancel-button{margin-inline-end:10px}.fr-letter{grid-template-columns:auto auto minmax(0,1fr) auto;background:color-mix(in srgb,var(--hm-sky-low) 28%,var(--hm-paper));border-color:var(--hm-line)}.fr-letter__sprite{inline-size:34px;block-size:22px;image-rendering:pixelated}@media(max-width:520px){.fr-letter{grid-template-columns:auto minmax(0,1fr)}.fr-letter__sprite{display:none}}.fr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px;margin:0;padding:0;list-style:none}.fr-friend{display:grid;justify-items:center;gap:8px;padding:14px 10px 12px;background:var(--hm-paper-deep);border:3px solid var(--hm-wood-deep);border-radius:10px}.fr-friend__open{display:grid;justify-items:center;gap:6px;min-inline-size:0;max-inline-size:100%;padding:0;font:inherit;color:var(--text-primary);text-align:center;cursor:pointer;background:none;border:0}.fr-friend__open b{margin-block-start:4px;font:700 15px/1.2 Sora,ui-sans-serif,system-ui,sans-serif}.fr-friend__open b,.fr-friend__open small{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-friend__open small{font-family:Silkscreen,ui-monospace,monospace;font-size:11px;color:var(--hm-pink)}.fr-ring{display:grid;place-items:center;padding:11px;border-radius:50%;background:conic-gradient(#e8443a 0 12.5%,#fff 0 25%,#e8443a 0 37.5%,#fff 0 50%,#e8443a 0 62.5%,#fff 0 75%,#e8443a 0 87.5%,#fff 0);box-shadow:0 0 0 3px var(--hm-wood-deep),inset 0 0 0 3px var(--hm-wood-deep);transition:rotate .3s ease}.fr-ring .pa{border:3px solid var(--hm-wood-deep);border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--hm-sky-low),var(--hm-sky-top))}.fr-friend__open:hover .fr-ring{rotate:-8deg}.fr-lamp{display:inline-flex;align-items:center;gap:6px;font:8px/1.4 "Press Start 2P",ui-monospace,monospace;text-transform:uppercase;color:var(--text-muted)}.fr-lamp:before{content:"";inline-size:8px;block-size:8px;background:color-mix(in srgb,var(--text-muted) 60%,transparent)}.fr-lamp.is-on{color:color-mix(in srgb,var(--hm-lime) 75%,var(--text-primary))}.fr-lamp.is-on:before{background:#6cff3a;box-shadow:0 0 6px #6cff3a}.fr-friend__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;inline-size:100%}@media(max-width:520px){.fr-friend{justify-items:stretch;padding:10px 12px 12px}.fr-friend__open{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-content:center;column-gap:14px;row-gap:3px;text-align:start}.fr-friend__open .fr-ring{grid-row:1 / span 3}.fr-friend__open b{margin-block-start:0}}@media(prefers-reduced-motion:reduce){.fr,.fr-ring{animation:none;transition:none}}