:root{--bn-bg:#0a1018;--bn-panel:#121b26;--bn-ink:#eef5fb;--bn-mut:#9db0c2;--bn-line:#223244;--bn-acc:#6ef2c0;--bn-acc2:#b39cff;--bn-ice:#bfe3ff;--bn-font:system-ui, -apple-system, 'Segoe UI Variable Text', 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, 'Helvetica Neue', Arial, sans-serif;--bn-disp:'Segoe UI Variable Display', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', Roboto, Arial, sans-serif;--bn-mono:ui-monospace, 'SF Mono', 'Cascadia Mono', 'Roboto Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace;--bn-s4:16px;--bn-s6:24px;--bn-s8:32px;--bn-s10:40px;--bn-s12:48px;--bn-s16:64px;--bn-s20:96px;--bn-gut:clamp(16px,4vw,40px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px;color-scheme:dark}
body{margin:0;min-height:100vh;color:var(--bn-ink);font:16.5px/1.6 var(--bn-font);background:radial-gradient(1200px 600px at 85% -10%,color-mix(in srgb,var(--bn-acc2) 9%,transparent),transparent 65%),var(--bn-bg);background-repeat:no-repeat}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--bn-disp);font-weight:650;letter-spacing:-.02em;line-height:1.08;text-wrap:balance}
p{margin:0;text-wrap:pretty}
em{font-style:normal}
ul,ol{margin:0;padding:0}
button,input{font:inherit;color:inherit}
table{border-collapse:collapse}
code{font:600 .88em var(--bn-mono);color:var(--bn-acc)}
kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:1px solid color-mix(in srgb,var(--bn-ink) 22%,transparent);border-radius:7px;font:600 .74rem/1 var(--bn-mono)}
:focus-visible{outline:2px solid var(--bn-acc);outline-offset:3px}
.bn-skip{position:absolute;left:12px;top:-60px;z-index:90;padding:10px 16px;border-radius:12px;background:var(--bn-acc);color:var(--bn-bg);font-weight:700;text-decoration:none}
.bn-skip:focus{top:12px}
.bn-wrap{max-width:1320px;margin:0 auto;padding:0 var(--bn-gut)}
.bn-ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bn-small{font-size:.86rem;color:var(--bn-mut)}
.bn-glass{background:color-mix(in srgb,var(--bn-panel) 64%,transparent);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid color-mix(in srgb,var(--bn-ink) 12%,transparent)}
.bn-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;font:600 .78rem/1 var(--bn-font);letter-spacing:.14em;text-transform:uppercase;color:var(--bn-acc)}
.bn-kicker span{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--bn-acc) 14%,transparent);color:var(--bn-ink);font:600 .74rem/1 var(--bn-mono);letter-spacing:0}
.bn-head{max-width:820px;margin-bottom:var(--bn-s10)}
.bn-head h2{margin-bottom:16px;font-size:clamp(2.1rem,4.2vw,3.4rem)}
.bn-head h2 em{display:block;color:var(--bn-acc)}
.bn-head>p:not([class]){max-width:66ch;color:var(--bn-mut);font-size:1.05rem}
.bn-sub{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:1.2rem}
.bn-sub .bn-ico{color:var(--bn-acc)}
.bn-acts{display:flex;flex-wrap:wrap;gap:12px}
.bn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 22px;border:1px solid color-mix(in srgb,var(--bn-ink) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bn-panel) 70%,transparent);color:var(--bn-ink);font:600 .95rem/1 var(--bn-font);text-decoration:none;cursor:pointer;transition:transform .15s ease-out,background-color .15s ease-out,border-color .15s ease-out}
.bn-btn .bn-ico{width:18px;height:18px}
.bn-btn:hover{border-color:color-mix(in srgb,var(--bn-ink) 40%,transparent);background:var(--bn-panel)}
.bn-btn:active{transform:scale(.97)}
.bn-btn:disabled{opacity:.45;cursor:default;transform:none}
.bn-btn-pri{border-color:transparent;background:var(--bn-acc);color:var(--bn-bg)}
.bn-btn-pri:hover{border-color:transparent;background:color-mix(in srgb,var(--bn-acc) 84%,#fff)}
.bn-btn-tint{border-color:transparent;background:var(--t);color:var(--bn-bg)}
.bn-btn-tint:hover{border-color:transparent;background:color-mix(in srgb,var(--t) 84%,#fff)}
.bn-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.bn-chips li{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 13px;border:1px solid color-mix(in srgb,var(--bn-ink) 14%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bn-bg) 45%,transparent);font-size:.85rem;color:var(--bn-ink)}
.bn-chips .bn-ico{width:16px;height:16px;color:var(--bn-acc)}
.bn-digits{font:600 clamp(2.6rem,5vw,3.6rem)/1 var(--bn-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--bn-ink)}
.bn-tier{display:inline-flex;align-items:center;min-height:28px;padding:4px 12px;border-radius:999px;font:700 .74rem/1 var(--bn-font);letter-spacing:.08em;text-transform:uppercase;color:var(--bn-bg);background:var(--tc)}
.bn-t-aurora{--tc:linear-gradient(100deg,var(--bn-acc),var(--bn-acc2))}
.bn-t-star{--tc:var(--bn-ice)}
.bn-t-sun{--tc:#ffd27a}
.bn-t-frost{--tc:var(--bn-mut)}
/* system bar */
.bn-bar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:20px;min-height:68px;padding:10px var(--bn-gut);background:color-mix(in srgb,var(--bn-bg) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--bn-ink) 9%,transparent);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}
.bn-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:650 1.14rem/1.1 var(--bn-disp);letter-spacing:-.01em}
.bn-brand small{display:block;margin-top:3px;font:500 .74rem/1 var(--bn-font);letter-spacing:.02em;color:var(--bn-mut)}
.bn-logo{width:40px;height:40px;flex:none;border-radius:11px;box-shadow:0 0 0 1px color-mix(in srgb,var(--bn-ink) 12%,transparent),0 8px 24px -8px color-mix(in srgb,var(--bn-acc) 50%,transparent)}
.bn-brand i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--bn-acc);color:var(--bn-bg);font-style:normal}
.bn-bar nav{display:flex;align-items:center;gap:4px;margin:0 auto}
.bn-bar nav a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 14px;border-radius:999px;color:var(--bn-mut);font:600 .9rem/1 var(--bn-font);text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out}
.bn-bar nav a .bn-ico{width:18px;height:18px}
.bn-bar nav a:hover{background:color-mix(in srgb,var(--bn-ink) 8%,transparent);color:var(--bn-ink)}
.bn-status{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--bn-mut)}
.bn-status>span{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 12px;border:1px solid color-mix(in srgb,var(--bn-ink) 11%,transparent);border-radius:999px;white-space:nowrap}
.bn-status .bn-ico{width:16px;height:16px;color:var(--bn-acc)}
.bn-status b{font:600 .82rem/1 var(--bn-mono);font-variant-numeric:tabular-nums;color:var(--bn-ink)}
.bn-guest i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 38%,var(--bn-ice) 0 28%,transparent 30%),color-mix(in srgb,var(--bn-acc2) 45%,var(--bn-panel))}
/* footer */
.bn-foot{margin-top:var(--bn-s16);padding:var(--bn-s16) 0 var(--bn-s10);border-top:1px solid color-mix(in srgb,var(--bn-ink) 9%,transparent);background:color-mix(in srgb,var(--bn-bg) 60%,#000)}
.bn-foot-top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px}
.bn-foot-brand{margin-bottom:12px;font:650 1.4rem/1.1 var(--bn-disp)}
.bn-foot-lead>p:not([class]){max-width:52ch;color:var(--bn-mut);font-size:.94rem}
.bn-mail,.bn-owner{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.92rem;color:var(--bn-mut)}
.bn-mail a{color:var(--bn-ink)}
.bn-foot h2{margin-bottom:14px;font:600 .78rem/1 var(--bn-font);letter-spacing:.14em;text-transform:uppercase;color:var(--bn-acc)}
.bn-foot nav ul{list-style:none;display:grid;gap:4px}
.bn-foot nav a{display:inline-flex;min-height:32px;align-items:center;color:var(--bn-mut);font-size:.94rem;text-decoration:none}
.bn-foot nav a:hover{color:var(--bn-ink);text-decoration:underline;text-underline-offset:4px}
.bn-helpline{display:flex;align-items:flex-start;gap:12px;margin-top:var(--bn-s10);padding:16px 20px;border-radius:18px;background:color-mix(in srgb,var(--bn-acc2) 11%,var(--bn-panel));font-size:.94rem}
.bn-helpline .bn-ico{margin-top:2px;color:var(--bn-acc2)}
.bn-helpline a{color:var(--bn-ink);font-weight:600}
.bn-foot-chips{margin-top:var(--bn-s6)}
.bn-foot-chips li{color:var(--bn-mut)}
.bn-fine{margin-top:var(--bn-s6);max-width:110ch;font-size:.8rem;color:var(--bn-mut)}
/* cookie note and toasts */
.bn-cookies{position:fixed;left:16px;bottom:16px;z-index:80;display:none;align-items:center;gap:16px;max-width:520px;padding:14px 14px 14px 18px;border-radius:20px;background:color-mix(in srgb,var(--bn-panel) 86%,transparent);border:1px solid color-mix(in srgb,var(--bn-ink) 14%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px -20px #000;font-size:.88rem}
.bn-cookies p{display:flex;gap:10px;align-items:flex-start}
.bn-cookies .bn-ico{margin-top:2px;color:var(--bn-acc)}
.bn-cookies a{color:var(--bn-acc)}
.bn-cookies button{flex:none;min-height:44px;padding:8px 18px;border:0;border-radius:999px;background:var(--bn-acc);color:var(--bn-bg);font-weight:700;cursor:pointer;transition:transform .15s ease-out}
.bn-cookies button:active{transform:scale(.97)}
.bn-toasts{position:fixed;right:16px;bottom:16px;z-index:85;display:grid;gap:10px;width:min(380px,calc(100vw - 32px))}
.bn-toast{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:20px;background:color-mix(in srgb,var(--bn-panel) 90%,transparent);border:1px solid color-mix(in srgb,var(--nc) 45%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px -20px #000;font-size:.9rem;animation:bn-in .24s ease-out;transition:opacity .2s ease-out,transform .2s ease-out}
.bn-toast b{display:block;font-size:.98rem}
.bn-toast.bn-out{opacity:0;transform:translateY(6px)}
@keyframes bn-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
/* the home screen */
.bn-home{position:relative;isolation:isolate;min-height:calc(100svh - 68px);padding:var(--bn-s10) 0 var(--bn-s8);overflow:hidden}
.bn-backdrop{position:absolute;inset:0;z-index:-1;background:var(--bn-bg)}
.bn-backdrop img{width:100%;height:100%;object-fit:cover;transition:opacity .14s ease-out}
.bn-backdrop img.bn-swap{opacity:0}
.bn-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bn-bg) 0%,color-mix(in srgb,var(--bn-bg) 86%,transparent) 30%,color-mix(in srgb,var(--bn-bg) 38%,transparent) 64%,color-mix(in srgb,var(--bn-bg) 12%,transparent) 100%),linear-gradient(0deg,var(--bn-bg) 0%,color-mix(in srgb,var(--bn-bg) 62%,transparent) 30%,transparent 62%),linear-gradient(180deg,color-mix(in srgb,var(--bn-bg) 70%,transparent) 0,transparent 20%)}
.bn-aurora{position:absolute;left:-10%;right:-10%;top:-30%;z-index:1;height:70%;background:radial-gradient(40% 60% at 25% 60%,color-mix(in srgb,var(--bn-acc) 34%,transparent),transparent 70%),radial-gradient(35% 55% at 60% 40%,color-mix(in srgb,var(--bn-acc2) 30%,transparent),transparent 70%);filter:blur(40px);opacity:.55;mix-blend-mode:screen;animation:bn-aurora 22s ease-in-out infinite alternate;pointer-events:none}
@keyframes bn-aurora{from{transform:translateX(-3%) skewX(-6deg)}to{transform:translateX(4%) skewX(4deg)}}
.bn-home-in{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--bn-s8)}
.bn-greet-k{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:18px;font-size:.84rem;color:var(--bn-mut)}
.bn-greet-k span:not(.bn-dot)+span:not(.bn-dot)::before{content:"";display:inline-block;width:4px;height:4px;margin:0 14px 2px 0;border-radius:50%;background:color-mix(in srgb,var(--bn-ink) 35%,transparent)}
.bn-greet-k span:nth-child(2){color:var(--bn-ink);font-weight:600}
.bn-dot{width:9px;height:9px;border-radius:50%;background:var(--bn-acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--bn-acc) 22%,transparent);animation:bn-breathe 3.2s ease-in-out infinite}
@keyframes bn-breathe{50%{opacity:.45}}
.bn-greet h1{max-width:24ch;font-size:clamp(2.2rem,3.7vw,3.4rem)}
.bn-greet h1 em{display:block;color:var(--bn-acc)}
.bn-lede{max-width:62ch;margin-top:18px;font-size:1.08rem;color:color-mix(in srgb,var(--bn-ink) 84%,transparent)}
/* shelf */
.bn-shelf ol{display:flex;gap:14px;list-style:none;margin:0 calc(var(--bn-gut) * -1);padding:14px var(--bn-gut) 16px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--bn-gut);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--bn-ink) 22%,transparent) transparent}
.bn-shelf li{flex:none;scroll-snap-align:start}
.bn-tile{position:relative;display:grid;place-items:center;width:108px;aspect-ratio:1;border-radius:22px;overflow:hidden;background:var(--bn-panel);box-shadow:0 0 0 1px color-mix(in srgb,var(--bn-ink) 14%,transparent),0 14px 30px -18px #000;text-decoration:none;transition:transform .2s ease-out,box-shadow .2s ease-out}
.bn-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bn-tile-name{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 9px;background:linear-gradient(0deg,color-mix(in srgb,#000 78%,transparent),transparent);font:600 .76rem/1.2 var(--bn-font);color:#fff;opacity:0;transition:opacity .18s ease-out}
.bn-tile:hover{transform:translateY(-3px)}
.bn-tile:hover .bn-tile-name,.bn-tile:focus-visible .bn-tile-name,.bn-tile[aria-current] .bn-tile-name{opacity:1}
.bn-tile[aria-current]{transform:scale(1.08);box-shadow:0 0 0 3px var(--t),0 20px 44px -14px color-mix(in srgb,var(--t) 60%,transparent)}
.bn-tile:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bn-ink),0 0 0 6px var(--t,var(--bn-acc))}
.bn-tile-sys{background:color-mix(in srgb,var(--bn-panel) 70%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.bn-tile-sys .bn-ico{width:34px;height:34px;margin-bottom:18px;color:var(--bn-ink)}
.bn-tile-sys .bn-tile-name{opacity:1;background:none;text-align:center;color:var(--bn-mut)}
.bn-tile-rest .bn-ico{color:var(--bn-acc)}
.bn-shelf-hint{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--bn-mut)}
.bn-shelf-hint kbd:last-of-type{margin-right:4px}
/* selected game */
.bn-focus{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--bn-s8);align-items:end}
.bn-focus-k{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px;font:600 .8rem/1.3 var(--bn-mono);color:var(--bn-mut)}
.bn-focus-k b{color:var(--t)}
.bn-focus h2{font-size:clamp(2.1rem,4vw,3.3rem)}
.bn-focus-by{margin-top:8px;color:var(--bn-mut)}
.bn-focus-verdict{max-width:58ch;margin:16px 0 18px;font-size:1.1rem}
.bn-focus .bn-chips{margin-bottom:22px}
.bn-stopcard{position:relative;padding:22px;border-radius:26px;background:color-mix(in srgb,var(--bn-panel) 66%,transparent);border:1px solid color-mix(in srgb,var(--bn-ink) 13%,transparent);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}
.bn-stopcard>.bn-ico{width:30px;height:30px;padding:6px;border-radius:10px;background:color-mix(in srgb,var(--t) 20%,transparent);color:var(--t)}
.bn-stop-k{margin:12px 0 6px;font:600 .76rem/1 var(--bn-font);letter-spacing:.14em;text-transform:uppercase;color:var(--bn-mut)}
.bn-stop-t{font-size:.98rem}
.bn-meter{height:8px;margin:18px 0 10px;border-radius:999px;background:color-mix(in srgb,var(--bn-ink) 12%,transparent);overflow:hidden}
.bn-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--t),var(--bn-acc2))}
.bn-stop-m{font-size:.84rem;color:var(--bn-mut)}
.bn-stop-m b{color:var(--bn-ink)}
/* control centre */
.bn-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none}
.bn-dock a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;height:100%;padding:16px 18px;border-radius:22px;background:color-mix(in srgb,var(--bn-panel) 62%,transparent);border:1px solid color-mix(in srgb,var(--bn-ink) 11%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-decoration:none;transition:transform .18s ease-out,border-color .18s ease-out}
.bn-dock a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--bn-acc) 50%,transparent)}
.bn-dock .bn-ico{width:44px;height:44px;padding:11px;border-radius:14px;background:color-mix(in srgb,var(--bn-acc) 14%,transparent);color:var(--bn-acc)}
.bn-dock b{display:block;font:650 1.02rem/1.25 var(--bn-disp)}
.bn-dock small{display:block;margin-top:3px;font-size:.85rem;color:var(--bn-mut)}
/* library */
.bn-library{padding:var(--bn-s20) 0 var(--bn-s16)}
.bn-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:var(--bn-s8);padding:12px 14px;border-radius:22px;background:var(--bn-panel);border:1px solid var(--bn-line)}
.bn-filter[hidden]{display:none}
.bn-filter-k{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--bn-mut)}
.bn-filter-row{display:flex;flex-wrap:wrap;gap:8px}
.bn-filter button{min-height:40px;padding:6px 16px;border:1px solid var(--bn-line);border-radius:999px;background:transparent;font-size:.88rem;font-weight:600;color:var(--bn-mut);cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}
.bn-filter button:hover{color:var(--bn-ink);border-color:color-mix(in srgb,var(--bn-ink) 40%,transparent)}
.bn-filter button[aria-pressed="true"]{border-color:transparent;background:var(--bn-acc);color:var(--bn-bg)}
.bn-filter-n{margin-left:auto;font:600 .82rem/1 var(--bn-mono);color:var(--bn-mut)}
.bn-hubs{display:grid;gap:var(--bn-s10)}
.bn-hub{border-radius:30px;overflow:hidden;background:var(--bn-panel);border:1px solid var(--bn-line);box-shadow:0 30px 70px -40px #000;transition:opacity .2s ease-out}
.bn-hub.bn-dim{opacity:.3}
.bn-hub-banner{position:relative;aspect-ratio:21/8;overflow:hidden}
.bn-hub-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bn-hub-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bn-panel) 0%,color-mix(in srgb,var(--bn-panel) 70%,transparent) 24%,transparent 62%),linear-gradient(90deg,color-mix(in srgb,var(--bn-panel) 55%,transparent),transparent 55%)}
.bn-hub-title{position:absolute;left:0;bottom:0;z-index:1;max-width:70%;padding:0 32px 22px}
.bn-hub-k{display:flex;align-items:center;gap:10px;margin-bottom:10px;font:600 .78rem/1 var(--bn-font);letter-spacing:.12em;text-transform:uppercase;color:var(--t)}
.bn-hub-k span{display:inline-grid;place-items:center;min-width:32px;height:24px;padding:0 8px;border-radius:999px;background:var(--t);color:var(--bn-bg);font-family:var(--bn-mono);letter-spacing:0}
.bn-hub h3{font-size:clamp(1.9rem,3.2vw,2.9rem);text-shadow:0 2px 24px color-mix(in srgb,#000 50%,transparent)}
.bn-hub-by{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:.9rem;color:var(--bn-ink)}
.bn-hub-by span{display:inline-flex;align-items:center;gap:6px}
.bn-hub-by .bn-ico{width:16px;height:16px;color:var(--t)}
.bn-hub-score{position:absolute;right:28px;bottom:22px;z-index:1;display:grid;justify-items:center;gap:8px}
.bn-ring{position:relative;width:78px;height:78px}
.bn-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.bn-ring circle{fill:color-mix(in srgb,var(--bn-bg) 60%,transparent);stroke:color-mix(in srgb,var(--bn-ink) 16%,transparent);stroke-width:6}
.bn-ring .bn-ring-on{fill:none;stroke:var(--t);stroke-linecap:round}
.bn-ring b{position:absolute;inset:0;display:grid;place-items:center;font:650 1.3rem/1 var(--bn-disp)}
.bn-hub-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:36px;padding:8px 32px 32px}
.bn-hub-text>p:not([class]){margin-bottom:14px;color:color-mix(in srgb,var(--bn-ink) 88%,transparent)}
.bn-hub-verdict{margin-bottom:16px;padding-left:16px;border-left:3px solid var(--t);font:600 1.14rem/1.45 var(--bn-disp)}
.bn-hub-more{margin-bottom:10px;font-size:.96rem;color:var(--bn-mut)}
.bn-hub-more b{color:var(--bn-ink)}
.bn-note{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:20px;padding:14px 16px;border-radius:20px;background:color-mix(in srgb,var(--t) 9%,var(--bn-bg));border:1px solid color-mix(in srgb,var(--t) 30%,transparent)}
.bn-note .bn-ico{width:40px;height:40px;padding:9px;border-radius:12px;background:color-mix(in srgb,var(--t) 18%,transparent);color:var(--t)}
.bn-note b{display:block;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t)}
.bn-note small{font:600 .8rem/1 var(--bn-mono);color:var(--bn-mut);white-space:nowrap}
.bn-info{align-self:start;padding:22px;border-radius:22px;background:color-mix(in srgb,var(--bn-bg) 55%,var(--bn-panel));border:1px solid var(--bn-line)}
.bn-info h4{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:1rem}
.bn-info h4 .bn-ico{color:var(--t)}
.bn-info dl{margin:0 0 14px}
.bn-info dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--bn-line)}
.bn-info dt{font:600 .72rem/1.6 var(--bn-font);letter-spacing:.1em;text-transform:uppercase;color:var(--bn-mut)}
.bn-info dd{margin:0;font-size:.9rem}
.bn-info-age{margin-bottom:16px;font-size:.84rem;color:var(--bn-mut)}
.bn-info .bn-btn{width:100%}
/* rest mode */
.bn-rest{padding:var(--bn-s16) 0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bn-acc2) 6%,transparent) 50%,transparent)}
.bn-rest-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:var(--bn-s8);align-items:start}
.bn-settings{padding:28px;border-radius:30px;background:var(--bn-panel);border:1px solid var(--bn-line)}
.bn-settings h3,.bn-preview h3{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:1.25rem}
.bn-settings h3 .bn-ico,.bn-preview h3 .bn-ico{color:var(--bn-acc)}
.bn-settings fieldset{margin:0 0 22px;padding:0;border:0}
.bn-settings legend{margin-bottom:10px;padding:0;font:600 .76rem/1 var(--bn-font);letter-spacing:.14em;text-transform:uppercase;color:var(--bn-mut)}
.bn-lengths{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.bn-lengths label{position:relative}
.bn-lengths input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.bn-lengths span{display:grid;place-items:center;min-height:48px;padding:6px 4px;border:1px solid var(--bn-line);border-radius:16px;font-size:.86rem;font-weight:600;text-align:center;color:var(--bn-mut);transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}
.bn-lengths input:checked+span{border-color:transparent;background:var(--bn-acc);color:var(--bn-bg)}
.bn-lengths input:focus-visible+span{outline:2px solid var(--bn-acc);outline-offset:3px}
.bn-switch{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;padding:12px 0;border-top:1px solid var(--bn-line);cursor:pointer}
.bn-switch input{position:absolute;opacity:0;width:48px;height:28px;margin:0}
.bn-switch-ui{position:relative;width:48px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--bn-ink) 18%,transparent);transition:background-color .18s ease-out}
.bn-switch-ui::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--bn-ink);transition:transform .18s ease-out}
.bn-switch input:checked+.bn-switch-ui{background:var(--bn-acc)}
.bn-switch input:checked+.bn-switch-ui::after{transform:translateX(20px);background:var(--bn-bg)}
.bn-switch input:focus-visible+.bn-switch-ui{outline:2px solid var(--bn-acc);outline-offset:3px}
.bn-switch b{display:block}
.bn-switch small{display:block;font-size:.86rem;color:var(--bn-mut)}
.bn-run{padding-top:20px;border-top:1px solid var(--bn-line)}
.bn-run[hidden]{display:none}
.bn-run-k{margin-bottom:8px;font:600 .76rem/1 var(--bn-font);letter-spacing:.14em;text-transform:uppercase;color:var(--bn-mut)}
.bn-run .bn-digits{margin-bottom:18px}
.bn-run .bn-acts{margin-bottom:12px}
.bn-preview{padding:28px;border-radius:30px;background:color-mix(in srgb,var(--bn-panel) 55%,transparent);border:1px solid var(--bn-line)}
.bn-plan-sum{margin-bottom:20px;font:600 1.05rem/1.45 var(--bn-disp)}
.bn-notes{position:relative;display:grid;gap:12px;margin-bottom:18px;list-style:none}
.bn-notes::before{content:"";position:absolute;left:23px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--bn-ice),var(--bn-acc),var(--bn-acc2))}
.bn-notes li,.bn-toast{--nc:var(--bn-acc)}
.bn-notes li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 16px 12px 0}
.bn-notes li>.bn-ico,.bn-toast>.bn-ico{width:48px;height:48px;padding:12px;border-radius:16px;background:var(--bn-panel);box-shadow:0 0 0 1px color-mix(in srgb,var(--nc) 50%,transparent);color:var(--nc)}
.bn-toast>.bn-ico{width:40px;height:40px;padding:9px;border-radius:12px}
.bn-notes b{display:block}
.bn-notes span{font-size:.92rem;color:var(--bn-mut)}
.bn-notes b{color:var(--bn-ink)}
.bn-notes time{font:600 .86rem/1 var(--bn-mono);color:var(--bn-mut)}
.bn-n-start{--nc:var(--bn-ice)}
.bn-n-wind{--nc:#ffd27a}
.bn-n-end{--nc:var(--bn-acc2)}
/* house rules */
.bn-rules{padding:var(--bn-s16) 0}
.bn-nfs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;margin-bottom:var(--bn-s8)}
.bn-nfs li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:20px;border-radius:22px;background:var(--bn-panel);border:1px solid var(--bn-line);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bn-ink) 7%,transparent)}
.bn-nfs .bn-ico{width:48px;height:48px;padding:12px;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--bn-acc) 26%,transparent),color-mix(in srgb,var(--bn-acc2) 26%,transparent));color:var(--bn-ink)}
.bn-nf-app{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:.78rem;font-weight:600;color:var(--bn-mut)}
.bn-nf-app span{font-weight:500}
.bn-nfs h3{margin-bottom:6px;font-size:1.12rem}
.bn-nfs p:not([class]){font-size:.93rem;color:var(--bn-mut)}
.bn-rules-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bn-panel{padding:24px;border-radius:24px;background:color-mix(in srgb,var(--bn-panel) 60%,transparent);border:1px solid var(--bn-line)}
.bn-panel ol,.bn-panel ul{display:grid;gap:8px;margin-bottom:14px;padding-left:20px}
.bn-panel li::marker{color:var(--bn-acc)}
.bn-rules-more{display:flex;align-items:flex-start;gap:12px;margin-top:var(--bn-s6);color:var(--bn-mut)}
.bn-rules-more .bn-ico{margin-top:3px;color:var(--bn-acc2)}
.bn-rules-more a{color:var(--bn-ink);font-weight:600}
/* family settings */
.bn-family{padding:var(--bn-s16) 0}
.bn-fscreen{display:grid;grid-template-columns:320px minmax(0,1fr);border-radius:30px;overflow:hidden;background:var(--bn-panel);border:1px solid var(--bn-line)}
.bn-fmenu{padding:22px 14px;background:color-mix(in srgb,var(--bn-bg) 45%,var(--bn-panel));border-right:1px solid var(--bn-line)}
.bn-fmenu>p{display:flex;align-items:center;gap:8px;margin:0 10px 14px;font:600 .76rem/1 var(--bn-font);letter-spacing:.14em;text-transform:uppercase;color:var(--bn-mut)}
.bn-fmenu ol{display:grid;gap:4px;list-style:none}
.bn-fmenu a{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:12px;border-radius:16px;text-decoration:none;color:var(--bn-mut);transition:background-color .15s ease-out,color .15s ease-out}
.bn-fmenu a:hover{background:color-mix(in srgb,var(--bn-ink) 6%,transparent);color:var(--bn-ink)}
.bn-fmenu a[aria-current]{background:color-mix(in srgb,var(--bn-acc) 13%,transparent);color:var(--bn-ink)}
.bn-fmenu a[aria-current] .bn-ico{color:var(--bn-acc)}
.bn-fmenu b{display:block;font-size:.96rem}
.bn-fmenu small{display:block;font-size:.8rem;color:var(--bn-mut)}
.bn-fpanels{padding:30px}
.bn-fpanel+.bn-fpanel{margin-top:var(--bn-s8);padding-top:var(--bn-s8);border-top:1px solid var(--bn-line)}
.bn-fjs .bn-fpanel{display:none}
.bn-fjs .bn-fpanel.bn-on{display:block}
.bn-fjs .bn-fpanel+.bn-fpanel{margin-top:0;padding-top:0;border-top:0}
.bn-fpanel h3{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:1.35rem}
.bn-fpanel h3 .bn-ico{color:var(--bn-acc)}
.bn-fpanel ul:not([class]){display:grid;gap:10px;padding-left:20px}
.bn-fpanel ul:not([class]) li::marker{color:var(--bn-acc)}
.bn-fpanel>p{max-width:72ch;color:color-mix(in srgb,var(--bn-ink) 88%,transparent)}
.bn-pegi{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;list-style:none}
.bn-pegi b{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--bn-ink);color:var(--bn-bg);font:700 1.3rem/1 var(--bn-disp)}
.bn-table-wrap{overflow-x:auto;margin-bottom:12px}
.bn-table{width:100%;font-size:.9rem}
.bn-table caption{margin-bottom:10px;text-align:left;font-weight:600;color:var(--bn-mut)}
.bn-table th,.bn-table td{padding:12px 14px;border-bottom:1px solid var(--bn-line);text-align:left;vertical-align:top}
.bn-table thead th{font:600 .72rem/1.4 var(--bn-font);letter-spacing:.1em;text-transform:uppercase;color:var(--bn-acc)}
.bn-table tbody th small{display:block;font-weight:400;color:var(--bn-mut)}
/* scoring */
.bn-scoring{padding:var(--bn-s16) 0}
.bn-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin-bottom:var(--bn-s10)}
.bn-tiers li{padding:22px;border-radius:24px;background:var(--bn-panel);border:1px solid var(--bn-line)}
.bn-tiers b{display:block;margin:14px 0 6px;font:650 1.5rem/1 var(--bn-disp)}
.bn-tiers p{font-size:.92rem;color:var(--bn-mut)}
.bn-score-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bn-s8)}
.bn-criteria,.bn-house{display:grid;gap:10px;list-style:none}
.bn-criteria li{padding:14px 18px;border-radius:18px;background:color-mix(in srgb,var(--bn-panel) 60%,transparent);border:1px solid var(--bn-line)}
.bn-criteria h3,.bn-house h3{margin-bottom:4px;font-size:1.04rem}
.bn-criteria p,.bn-house p{font-size:.92rem;color:var(--bn-mut)}
.bn-house li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid var(--bn-line)}
.bn-house .bn-ico{width:36px;height:36px;padding:8px;border-radius:50%;background:color-mix(in srgb,var(--bn-acc) 15%,transparent);color:var(--bn-acc)}
.bn-more{margin-top:var(--bn-s8)}
.bn-more a{display:inline-flex;align-items:center;gap:8px;color:var(--bn-acc);font-weight:600;text-decoration:none}
.bn-more a:hover{text-decoration:underline;text-underline-offset:4px}
/* faq */
.bn-faq{padding:var(--bn-s16) 0}
.bn-faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--bn-s10)}
.bn-faq-list{display:grid;gap:10px}
.bn-faq details{border-radius:20px;background:var(--bn-panel);border:1px solid var(--bn-line)}
.bn-faq summary{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:60px;padding:12px 18px;font:600 1.02rem/1.35 var(--bn-disp);cursor:pointer;list-style:none}
.bn-faq summary::-webkit-details-marker{display:none}
.bn-faq summary span{font:600 .8rem/1 var(--bn-mono);color:var(--bn-acc)}
.bn-faq summary::after{content:"";width:12px;height:12px;justify-self:end;border-right:2px solid var(--bn-mut);border-bottom:2px solid var(--bn-mut);transform:rotate(45deg) translateY(-3px);transition:transform .2s ease-out}
.bn-faq details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.bn-faq details p{padding:0 18px 18px 70px;color:var(--bn-mut)}
/* coda */
.bn-outro{padding:var(--bn-s20) 0 var(--bn-s10);text-align:center}
.bn-outro .bn-wrap{display:grid;justify-items:center}
.bn-outro-ico .bn-ico{width:76px;height:76px;padding:20px;border-radius:50%;background:var(--bn-panel);box-shadow:0 0 0 1px var(--bn-line),0 0 60px color-mix(in srgb,var(--bn-acc) 32%,transparent),0 0 120px color-mix(in srgb,var(--bn-acc2) 22%,transparent);color:var(--bn-acc)}
.bn-outro-k{margin:22px 0 10px;font:600 .78rem/1 var(--bn-font);letter-spacing:.16em;text-transform:uppercase;color:var(--bn-mut)}
.bn-outro-t{max-width:20ch;font:650 clamp(2rem,4.4vw,3.4rem)/1.08 var(--bn-disp);letter-spacing:-.02em;text-wrap:balance}
.bn-outro-t em{color:var(--bn-acc)}
.bn-outro-s{margin:16px 0 26px;color:var(--bn-mut)}
.bn-outro .bn-acts{justify-content:center}
/* settings-screen text pages */
.bn-doc-head{padding:var(--bn-s12) 0 var(--bn-s8);background:radial-gradient(700px 300px at 10% 0,color-mix(in srgb,var(--bn-acc) 10%,transparent),transparent 70%)}
.bn-crumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;font-size:.88rem;color:var(--bn-mut)}
.bn-crumbs a{color:var(--bn-ink)}
.bn-doc-head h1{max-width:20ch;font-size:clamp(2.3rem,4.6vw,3.7rem)}
.bn-doc-lede{max-width:66ch;margin-top:14px;font-size:1.08rem;color:var(--bn-mut)}
.bn-doc-lede a{color:var(--bn-acc)}
.bn-doc-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--bn-s10);align-items:start;padding-bottom:var(--bn-s8)}
.bn-smenu{position:sticky;top:88px;padding:16px 12px;border-radius:24px;background:var(--bn-panel);border:1px solid var(--bn-line)}
.bn-smenu>p{display:flex;align-items:center;gap:8px;margin:0 8px 12px;font:600 .76rem/1 var(--bn-font);letter-spacing:.14em;text-transform:uppercase;color:var(--bn-mut)}
.bn-smenu ol{display:grid;gap:2px;list-style:none}
.bn-smenu a{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:14px;color:var(--bn-mut);text-decoration:none;font-weight:500;transition:background-color .15s ease-out,color .15s ease-out}
.bn-smenu a:hover{background:color-mix(in srgb,var(--bn-ink) 6%,transparent);color:var(--bn-ink)}
.bn-smenu a[aria-current]{background:color-mix(in srgb,var(--bn-acc) 13%,transparent);color:var(--bn-ink);font-weight:600}
.bn-smenu a[aria-current] .bn-ico{color:var(--bn-acc)}
.bn-smenu .bn-smenu-home{margin-top:8px;border-top:1px solid var(--bn-line);border-radius:0 0 14px 14px;padding-top:14px}
.bn-jumps ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-bottom:var(--bn-s6)}
.bn-jumps a{display:inline-flex;align-items:center;min-height:34px;padding:5px 13px;border:1px solid var(--bn-line);border-radius:999px;font-size:.84rem;color:var(--bn-mut);text-decoration:none;transition:color .15s ease-out,border-color .15s ease-out}
.bn-jumps a:hover{color:var(--bn-ink);border-color:color-mix(in srgb,var(--bn-ink) 40%,transparent)}
.bn-set{margin-bottom:14px;padding:26px 28px;border-radius:24px;background:var(--bn-panel);border:1px solid var(--bn-line)}
.bn-set h2{margin-bottom:12px;font-size:1.32rem}
.bn-set>p,.bn-set li{max-width:72ch;color:color-mix(in srgb,var(--bn-ink) 88%,transparent)}
.bn-set>p+p{margin-top:12px}
.bn-set ul:not([class]){display:grid;gap:8px;padding-left:20px}
.bn-set ul:not([class]) li::marker{color:var(--bn-acc)}
.bn-set a{color:var(--bn-acc)}
.bn-orgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;list-style:none}
.bn-orgs li{display:flex;flex-direction:column;padding:18px;border-radius:20px;background:color-mix(in srgb,var(--bn-bg) 55%,var(--bn-panel));border:1px solid var(--bn-line)}
.bn-orgs h3{margin-bottom:8px;font-size:1.08rem}
.bn-orgs p{flex:1;margin-bottom:12px;font-size:.88rem;color:var(--bn-mut)}
.bn-orgs a{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.bn-orgs a .bn-ico{width:16px;height:16px}
.bn-org-logo{display:grid;place-items:center;height:64px;margin-bottom:14px;padding:10px;border-radius:14px;background:#fff}
.bn-org-logo img{max-height:44px;width:auto}
.bn-urgent{margin-top:12px;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--bn-acc2) 12%,transparent)}
.bn-check ul{display:grid;gap:8px;margin:14px 0 18px;list-style:none}
.bn-check label{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--bn-bg) 50%,transparent);cursor:pointer}
.bn-check input{width:18px;height:18px;margin-top:4px;accent-color:var(--bn-acc)}
.bn-check output{display:block;margin-top:14px}
.bn-check output[data-band]{padding:12px 16px;border-radius:14px;border-left:3px solid var(--bn-acc);background:color-mix(in srgb,var(--bn-acc) 9%,transparent)}
.bn-check output[data-band="high"]{border-left-color:var(--bn-acc2);background:color-mix(in srgb,var(--bn-acc2) 12%,transparent)}
.bn-check+p{margin-top:12px;font-size:.88rem;color:var(--bn-mut)}
.bn-doc-404{padding-bottom:var(--bn-s20)}
.bn-lost{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--bn-acc2) 16%,transparent);font-weight:600}
.bn-lost .bn-ico{color:var(--bn-acc2)}
@media(max-width:1439px){.bn-guest{display:none}}
@media(max-width:1180px){
.bn-status{display:none}
.bn-bar nav{margin:0}
.bn-focus{grid-template-columns:minmax(0,1fr)}
.bn-stopcard{max-width:560px}
.bn-hub-body{grid-template-columns:minmax(0,1fr)}
.bn-rest-grid{grid-template-columns:minmax(0,1fr)}
.bn-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
.bn-foot-top{grid-template-columns:repeat(3,minmax(0,1fr))}
.bn-foot-lead{grid-column:1/-1}
}
@media(max-width:900px){
.bn-fscreen{grid-template-columns:minmax(0,1fr)}
.bn-fmenu{border-right:0;border-bottom:1px solid var(--bn-line)}
.bn-fmenu ol{grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);overflow-x:auto}
.bn-doc-grid{grid-template-columns:minmax(0,1fr);gap:var(--bn-s6)}
.bn-smenu{position:static}
.bn-smenu ol{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}
.bn-smenu .bn-smenu-home{display:none}
.bn-faq-grid,.bn-score-split,.bn-rules-split{grid-template-columns:minmax(0,1fr)}
.bn-nfs,.bn-orgs{grid-template-columns:minmax(0,1fr)}
.bn-dock{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
.bn-home{min-height:0;padding-top:var(--bn-s6)}
.bn-backdrop::after{background:linear-gradient(0deg,var(--bn-bg) 0%,color-mix(in srgb,var(--bn-bg) 82%,transparent) 55%,color-mix(in srgb,var(--bn-bg) 45%,transparent) 100%)}
.bn-greet h1{font-size:clamp(2rem,9vw,2.6rem)}
.bn-lede{font-size:1rem}
.bn-greet-k span:nth-child(n+5){display:none}
.bn-tile{width:92px;border-radius:18px}
.bn-shelf-hint{display:none}
.bn-hub{border-radius:24px}
.bn-hub-banner{aspect-ratio:auto;overflow:visible}
.bn-hub-banner img{position:static;height:auto;aspect-ratio:16/9}
.bn-hub-banner::after{display:none}
.bn-hub-title{position:static;max-width:none;padding:18px 18px 0}
.bn-hub-score{top:12px;right:12px;bottom:auto}
.bn-ring{width:64px;height:64px}
.bn-hub-body{padding:8px 18px 22px;gap:22px}
.bn-note{grid-template-columns:40px minmax(0,1fr)}
.bn-note small{grid-column:2}
.bn-info dl div{grid-template-columns:minmax(0,1fr);gap:2px}
.bn-filter-n{margin-left:0}
.bn-settings,.bn-preview,.bn-fpanels{padding:20px}
.bn-lengths{grid-template-columns:repeat(3,minmax(0,1fr))}
.bn-notes li{grid-template-columns:48px minmax(0,1fr);padding-right:0}
.bn-notes time{grid-column:2}
.bn-tiers{grid-template-columns:minmax(0,1fr)}
.bn-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.bn-table,.bn-table tbody,.bn-table tr,.bn-table th,.bn-table td{display:block}
.bn-table tr{padding:12px 0;border-bottom:1px solid var(--bn-line)}
.bn-table th,.bn-table td{padding:4px 0;border:0}
.bn-table td::before{content:attr(data-label);display:block;font:600 .66rem/1.4 var(--bn-font);letter-spacing:.1em;text-transform:uppercase;color:var(--bn-acc)}
.bn-faq details p{padding-left:18px}
.bn-set{padding:20px}
.bn-foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}
.bn-cookies{left:12px;right:12px;bottom:12px;max-width:none;flex-direction:column;align-items:stretch}
}
@media (hover:none){.bn-shelf-hint{display:none}}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}

/* --- mobile nav toggle --- */
.bn-burger{display:none;width:44px;height:44px;padding:0;border:1px solid var(--bn-line,currentColor);border-radius:8px;background:transparent;color:inherit;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 auto}
.bn-burger span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s cubic-bezier(.2,.7,.2,1),opacity .18s cubic-bezier(.2,.7,.2,1)}
.bn-nav-open .bn-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.bn-nav-open .bn-burger span:nth-child(2){opacity:0}
.bn-nav-open .bn-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1180px){
.bn-js .bn-burger{display:inline-flex;margin-left:auto;order:5}
.bn-js .bn-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px}.bn-js .bn-nav-open .bn-bar{height:auto}
.bn-js .bn-bar>nav{display:none}
.bn-js .bn-nav-open .bn-bar>nav{display:flex;flex-direction:column;align-items:stretch;flex-basis:100%;order:9;gap:0;margin:0;padding:8px 0 4px;border-top:1px solid var(--bn-line,currentColor)}
.bn-js .bn-nav-open .bn-bar>nav a{display:flex;align-items:center;min-height:48px;padding:0 4px;margin:0;border:0;border-bottom:1px solid var(--bn-line,currentColor);font-size:1rem;letter-spacing:.04em}
.bn-js .bn-nav-open .bn-bar>nav a:last-child{border-bottom:none}
.bn-js .bn-bar .bn-brand{flex:1}.bn-js .bn-nav-open .bn-bar{background:var(--bn-bg)}.bn-js .bn-nav-open .bn-bar>nav a{border-radius:0;color:var(--bn-ink)}
}