@font-face{font-family:Suisse Intl;src:url(/fonts/SuisseIntl-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Suisse Intl;src:url(/fonts/SuisseIntl-Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Andale Mono;src:url(/fonts/AndaleMono.ttf) format("truetype");font-display:swap}:root{--bg: #000;--ink: #e9e4d8;--muted: rgba(233, 228, 216, .55);--line: rgba(233, 228, 216, .55);--line-soft: rgba(233, 228, 216, .16);--glass: rgba(20, 20, 20, .45);--accent: #a6e8b6;--sans: "Suisse Intl", "Helvetica Neue", Arial, sans-serif;--mono: "Andale Mono", ui-monospace, monospace;--lcd: "VT323", monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--sans)}button{font:inherit;color:inherit}#scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:none;cursor:grab}#scene.dragging{cursor:grabbing}#scene.over-key{cursor:pointer}#scene{filter:blur(40px) brightness(.6);transition:filter 5.5s cubic-bezier(.45,0,.15,1) .6s}#scene.revealed{filter:none}#glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle calc(var(--glow-size, 60vh) * .7) at 50% var(--glow-y, 50%),rgba(255,255,255,.34) 0%,rgba(255,255,255,.22) 22%,rgba(255,255,255,.11) 45%,rgba(255,255,255,.04) 70%,rgba(255,255,255,0) 100%)}#veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:var(--bg);transition:opacity 2.8s cubic-bezier(.33,0,.2,1)}#veil.lifted{opacity:0}.ui-panel{border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease)}.ui-reveal{opacity:0;filter:blur(4px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease)}.ui-reveal.visible{opacity:1;filter:none;transform:none}#brand{position:fixed;top:28px;left:50%;z-index:3;transform:translate(-50%,-8px);pointer-events:none}#brand.visible{transform:translate(-50%)}#brand h1{margin:0;line-height:0}#brand img{width:clamp(130px,14vw,200px);height:auto;filter:brightness(0) invert(1) drop-shadow(0 2px 12px rgba(0,40,90,.25))}#legal{position:fixed;left:16px;right:16px;bottom:12px;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;font-size:12px;letter-spacing:.02em;transform:translateY(8px)}.legal-meta{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px 22px}#legal a{color:inherit;text-decoration:none;opacity:.85;transition:opacity .3s var(--ease)}#legal a:hover,#legal a:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:3px}.ui-panel.visible{opacity:1}.directory-head:focus-visible,.directory-entry:focus-visible{outline:1px solid var(--accent);outline-offset:3px}#directory{position:fixed;top:50%;right:24px;z-index:3;width:300px;border-radius:18px;overflow:hidden;transform:translate(24px,-50%);filter:blur(6px)}#directory.visible{transform:translateY(-50%);filter:none}.directory-head{display:flex;align-items:center;gap:10px;width:100%;padding:16px 18px;border:0;background:none;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-align:left;cursor:pointer}.directory-title{flex:1}.directory-count{padding:2px 7px;border:1px solid var(--line-soft);border-radius:6px;color:var(--muted);font-size:10px}.directory-chevron{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(2px) rotate(-135deg);transition:transform .5s var(--ease)}#directory.open .directory-chevron{transform:translateY(-2px) rotate(45deg)}.directory-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}#directory.open .directory-body{grid-template-rows:1fr}.directory-list{min-height:0;overflow:hidden;margin:0;padding:0 10px;list-style:none;border-top:1px solid transparent;transition:border-color .6s var(--ease),padding .6s var(--ease)}#directory.open .directory-list{padding:10px;border-top-color:var(--line-soft)}.directory-list li{opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease) calc(.35s + var(--i) * .07s),transform .6s var(--ease) calc(.35s + var(--i) * .07s)}.directory-list li+li{margin-top:8px}#directory.visible.open .directory-list li{opacity:1;transform:none}.directory-entry{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name action" "number action";align-items:center;row-gap:2px;width:100%;padding:12px 14px;border:1px solid var(--line-soft);border-radius:12px;background:transparent;text-align:left;cursor:pointer;transition:border-color .4s var(--ease),background-color .4s var(--ease),transform .4s var(--ease)}.directory-entry:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.directory-entry:active{transform:scale(.98)}.entry-name{grid-area:name;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.entry-number{grid-area:number;font-family:var(--lcd);font-size:26px;line-height:1;letter-spacing:.12em;transition:color .4s var(--ease),text-shadow .4s var(--ease)}.entry-action{grid-area:action;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);opacity:0;transform:translate(-6px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.directory-entry:hover .entry-action,.directory-entry:focus-visible .entry-action{opacity:1;transform:none}.directory-entry:hover .entry-number,.directory-entry.dialing .entry-number{color:var(--accent);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}.directory-entry.dialing{border-color:var(--accent)}.directory-entry.dialing .entry-action{opacity:1;transform:none;animation:blink .9s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}#hints{position:fixed;left:12px;right:12px;bottom:44px;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;margin:0;padding:0;list-style:none;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;transform:translateY(8px)}#hints.visible,#legal.visible{transform:none}#hints li{display:flex;align-items:center;gap:9px}#hints svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.hint-touch{display:none}@media(pointer:coarse){.hint-pointer{display:none}.hint-touch{display:inline}}#cookies{position:fixed;left:24px;bottom:24px;z-index:5;width:340px;max-height:calc(100vh - 48px);overflow-y:auto;padding:18px;border-radius:18px;font-size:13px;line-height:1.45;transform:translateY(16px);filter:blur(6px)}#cookies.visible{transform:none;filter:none}.cookies-title{margin:0 0 8px;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.cookies-text{margin:0;color:var(--muted)}.cookies-options,.cookies-actions-details,#cookies.details .cookies-actions-main{display:none}#cookies.details .cookies-options{display:grid;gap:8px;margin-top:14px}#cookies.details .cookies-actions-details{display:flex}.cookies-option{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:12px;cursor:pointer}.cookies-option:has(input:disabled){cursor:default}.option-text{display:grid;flex:1;gap:2px}.option-name{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.option-desc{color:var(--muted);font-size:12px;line-height:1.35}.cookies-option input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;position:relative;width:34px;height:18px;margin:0;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:inherit;transition:background-color .3s var(--ease),border-color .3s var(--ease)}.cookies-option input:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--ink);transition:transform .3s var(--ease),background-color .3s var(--ease)}.cookies-option input:checked{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 35%,transparent)}.cookies-option input:checked:after{transform:translate(16px);background:var(--accent)}.cookies-option input:disabled{opacity:.55}.cookies-actions{flex-wrap:wrap;gap:8px;margin-top:16px}.cookies-actions-main{display:flex}.cookies-btn{flex:1;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}.cookies-btn:hover{border-color:var(--accent)}.cookies-btn-primary{border-color:var(--ink);background:var(--ink);color:#111}.cookies-btn-primary:hover{border-color:var(--accent);background:var(--accent)}.cookies-link{flex-basis:100%;padding:4px 0 0;border:0;background:none;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cookies-link:hover{color:var(--ink)}.cookies-btn:focus-visible,.cookies-link:focus-visible,.cookies-option input:focus-visible,#legal a:focus-visible{outline:1px solid var(--accent);outline-offset:3px}@media(max-width:760px){#brand{top:18px}#hints{bottom:135px;gap:6px 20px;font-size:10px}#cookies{left:12px;right:12px;bottom:12px;width:auto;max-height:calc(100vh - 24px)}#legal{bottom:16px;font-size:11px}#legal>span{flex-basis:100%;text-align:center}#directory{top:auto;right:16px;bottom:67px;left:16px;width:auto;transform:translateY(24px)}#directory.visible{transform:none}}@media(prefers-reduced-motion:reduce){*,#veil{transition-duration:.01ms!important;animation:none!important}}
