/* Panarc floating panel (bottom right, one button). Written Sat 31 Oct 2026 by Claude (builder N). Replaces the old top view pill.
   Colours come from site-nav.css tokens (--pn-*), set per page as light or dark. */
:root{--pv-h:0px}
.pn-fab{position:fixed;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:2147483000;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font:400 14px/1.4 var(--pn-sans);color:var(--pn-fg)}
.pn-fab *{box-sizing:border-box}
.pn-fab-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 14px;border-radius:999px;border:1px solid var(--pn-line);background:var(--pn-glass);color:var(--pn-fg);font:600 13px/1 var(--pn-sans);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 26px rgba(0,0,0,.22)}
.pn-fab-btn:hover{border-color:var(--pn-line-2)}
.pn-open .pn-fab-btn{background:var(--pn-fg);color:var(--pn-bg-solid);border-color:var(--pn-fg)}
.pn-pop{width:min(340px,calc(100vw - 28px));max-height:calc(100vh - 96px - env(safe-area-inset-top,0px));overflow:auto;background:var(--pn-pop);color:var(--pn-fg);border:1px solid var(--pn-line);border-radius:18px;padding:6px 16px 14px;box-shadow:0 22px 60px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overscroll-behavior:contain}
.pn-h{margin:14px 0 8px;font:700 11px/1 var(--pn-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--pn-mute)}
.pn-note{margin:6px 0 0;font-size:12px;color:var(--pn-mute)}
.pn-seg{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--pn-soft);border:1px solid var(--pn-line)}
.pn-seg>a,.pn-seg>button{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border-radius:999px;border:0;background:transparent;color:var(--pn-fg);font:600 13px/1 var(--pn-sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.pn-seg>a:hover,.pn-seg>button:hover{background:var(--pn-hover)}
.pn-seg>a[aria-current],.pn-seg>button[aria-pressed="true"]{background:var(--pn-fg);color:var(--pn-bg-solid)}
.pn-seg-sm{flex:none}
.pn-seg-sm>button{min-height:32px;padding:0 12px;font-size:12px}
.pn-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--pn-line)}
.pn-h+.pn-row{border-top:0}
.pn-row-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.pn-row-t b{font-weight:600;font-size:14px}
.pn-row-t span{font-size:12px;color:var(--pn-mute);line-height:1.35}
.pn-dim .pn-row-t b{opacity:.6}
.pn-sw{flex:none;position:relative;width:44px;height:26px;border-radius:999px;border:1px solid var(--pn-line-2);background:var(--pn-soft);cursor:pointer;padding:0}
.pn-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--pn-mute);transition:transform .18s ease,background .18s ease}
.pn-sw[aria-checked="true"]{background:var(--pn-accent);border-color:var(--pn-accent)}
.pn-sw[aria-checked="true"]::after{transform:translateX(18px);background:#fff}
html[data-motion="off"] .pn-sw::after{transition:none}
.pn-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--pn-soft);border:1px solid var(--pn-line);color:var(--pn-fg);text-decoration:none}
.pn-contact:hover{border-color:var(--pn-line-2)}
.pn-contact span:first-child{display:flex;flex-direction:column;gap:2px}
.pn-contact b{font-weight:650}
.pn-contact small{font-size:12px;color:var(--pn-mute)}
.pn-fab a:focus-visible,.pn-fab button:focus-visible{outline:2px solid var(--pn-focus);outline-offset:2px}
/* a view's own Features panel is folded into this panel */
.pn-folded{display:none!important}
@media (max-width:520px){.pn-fab-btn span{display:none}.pn-fab-btn{width:48px;height:48px;padding:0;justify-content:center}.pn-pop{width:calc(100vw - 28px)}}
/* full-screen games: the panel button sits top right, out of the game's own controls */
html[data-pn-fab="top"] .pn-fab{bottom:auto;top:calc(12px + env(safe-area-inset-top,0px));flex-direction:column-reverse}