.home.nf{min-height:100dvh;padding:24px var(--gutter);text-align:center;font-family:var(--mono);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}@media (min-width:768px){.home.nf{padding-block:40px}}.home.nf h1{letter-spacing:-.02em;color:var(--brand);font-size:48px;font-weight:700;line-height:1}@media (min-width:768px){.home.nf h1{font-size:72px}}.home.nf .nf-lead{color:var(--z900);text-wrap:balance;font-size:18px;font-weight:600;line-height:1.5}@media (min-width:768px){.home.nf .nf-lead{font-size:20px}}.home.nf .nf-game{-webkit-user-select:none;user-select:none;width:100%;max-width:512px}.home.nf .nf-stage{position:relative}.home.nf canvas{border:1px solid var(--z200);background:var(--surface);width:100%;height:200px;box-shadow:var(--mock);cursor:pointer;touch-action:manipulation;border-radius:12px;display:block}@media (min-width:768px){.home.nf canvas{height:240px}}.home.nf .nf-sound{z-index:2;color:var(--z500);padding:4px 8px;font-size:12px;position:absolute;top:8px;left:8px}.home.nf .nf-sound:hover{color:var(--z900);background:var(--z100)}.home.nf .nf-overlay{z-index:1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.home.nf .nf-start{cursor:pointer;gap:12px}.home.nf .nf-over{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6}.home.nf .nf-player{color:var(--brand);white-space:nowrap;font-size:28px;font-weight:700;line-height:36px}.home.nf .nf-overlay-title{color:var(--z900);font-size:16px;font-weight:700}.home.nf .nf-overlay-hint{color:var(--z500);font-size:14px}.home.nf .nf-final{color:var(--brand-ink);font-size:24px;font-weight:700;line-height:32px}.home.nf .nf-tier{color:var(--z900);font-size:14px}.home.nf .nf-tier-low{color:var(--z600)}.home.nf .nf-small{color:var(--z500);margin-top:4px;font-size:12px}.home.nf .nf-error{color:var(--brand-ink)}.home.nf .nf-form,.home.nf .nf-actions-row{gap:8px;margin-top:8px;display:flex}.home.nf .nf-form input{border:1px solid var(--z300);width:140px;height:34px;color:var(--z900);font:13px var(--mono);text-align:center;background:#fff;border-radius:0;outline:none;padding:0 8px}.home.nf .nf-form input:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.home.nf .h-btn:disabled{opacity:.5;cursor:default}.home.nf .nf-ghost{color:var(--z900)}.home.nf .nf-ghost:hover{background:var(--z100)}.home.nf .nf-board{margin-top:16px}.home.nf .nf-board-title{color:var(--z500);margin-bottom:8px;font-size:12px}.home.nf .nf-board-note{color:var(--z500);padding:16px 0;font-size:14px}.home.nf .nf-board-scroll{max-height:180px;overflow-y:auto}.home.nf .nf-board table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.home.nf .nf-board th{background:var(--z50);color:var(--z500);text-align:left;padding:4px 8px;font-size:12px;font-weight:400;position:sticky;top:0}.home.nf .nf-board td{color:var(--z900);text-align:left;padding:2px 8px}.home.nf .nf-board .nf-rank{width:32px;color:var(--z500)}.home.nf .nf-board .nf-num{text-align:right}.home.nf .nf-board tr.is-mine td{color:var(--brand-ink);font-weight:700}.home.nf .nf-links{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;display:flex}.home.nf .nf-links .h-btn{background:var(--surface)}.home.nf .nf-links .h-btn:hover{background:var(--z100)}.home.nf .nf-links svg{width:18px;height:18px}.home.nf .nf-hint{max-width:512px;color:var(--z500);font-size:12px}