@font-face{font-family:Geist;src:url('assets/Geist-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:GeistMono;src:url('assets/GeistMono-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--paper:#11131d;--ink:#eff0f6;--muted:#a0a4b7;--line:#36394c;--accent:#fff1d6}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,Arial,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{display:block}[hidden]{display:none!important}
main{height:100dvh;display:flex;flex-direction:column}#map-region{position:relative;flex:1;min-height:0;overflow:hidden}#viewport{position:absolute;inset:0;touch-action:none;cursor:grab;background:#11131d;outline:none}#viewport:focus-visible{box-shadow:inset 0 0 0 1px #fff1d650}#viewport:active{cursor:grabbing}#map{width:100%;height:100%;user-select:none;overflow:visible}.bubble{cursor:pointer;outline:none}.bubble circle{stroke:transparent;stroke-width:2;transition:stroke .3s,filter .3s}.bubble text{fill:#202133;font-family:Georgia,"Times New Roman",serif;font-weight:400;pointer-events:none;letter-spacing:-.15px}.bubble:hover circle,.bubble:focus circle{stroke:var(--accent);stroke-width:2;filter:brightness(1.04)}.bubble:hover text,.bubble:focus text{fill:#202133}.bubble.selected circle{stroke:var(--accent);stroke-width:2}.bubble.selected text{fill:#202133}.bubble.dimmed{opacity:.09;pointer-events:none}.core{cursor:pointer;outline:none}.core circle{stroke:transparent;stroke-width:2;transition:stroke .3s}.core:hover circle,.core:focus circle{stroke:#fff8eb;stroke-width:2}.core text{fill:#202133;font-family:Georgia,"Times New Roman",serif;font-size:25px;letter-spacing:1.6px;font-weight:400;pointer-events:none}
.map-controls{position:absolute;right:24px;bottom:22px;display:flex;align-items:center;background:#242737ed;border:1px solid var(--line);border-radius:6px;height:42px;font-family:GeistMono,monospace;box-shadow:0 8px 30px #0003}.map-controls button{height:40px;min-width:40px;font-size:20px;color:var(--accent)}.map-controls button:hover{background:#fff1d610}.map-controls output{width:48px;text-align:center;color:#b6bbcd;font-size:10px}.map-status{position:absolute;bottom:80px;right:24px;font-family:GeistMono,monospace;font-size:10px;color:var(--muted);pointer-events:none}
.category-bar{flex-shrink:0;border-top:1px solid var(--line);background:#191c29;min-height:66px;padding:10px 24px;display:flex;align-items:center;gap:20px}.category{font-family:GeistMono,monospace;font-size:9px;white-space:nowrap;padding:8px 0;display:inline-flex;align-items:center;gap:7px;color:#adb2c5}.category:hover,.category.active{color:var(--accent)}#all-categories{border-right:1px solid var(--line);padding-right:20px}.swatch{height:7px;width:7px;display:inline-block;border-radius:2px}.category.active .swatch{box-shadow:0 0 0 2px #191c29,0 0 0 3px var(--accent)}#categories{display:flex;gap:16px;flex-wrap:wrap;flex:1}.draft-toggle{font-family:GeistMono,monospace;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:8px;color:#adb2c5}.toggle-track{width:25px;height:13px;border-radius:8px;background:var(--accent);padding:2px;display:block}.toggle-track:after{content:'';display:block;background:#202133;width:9px;height:9px;border-radius:50%;transform:translateX(12px)}.draft-toggle[aria-pressed=false] .toggle-track{background:#555c73}.draft-toggle[aria-pressed=false] .toggle-track:after{transform:translateX(0)}
.detail{position:fixed;right:0;top:0;bottom:0;width:390px;max-width:100%;background:#1c1f2e;z-index:20;border-left:1px solid #3c4055;box-shadow:-15px 0 70px #0004;overflow:auto;padding:65px 32px 35px}.close-button{position:absolute;right:22px;top:20px;width:30px;height:30px;font-size:26px;color:#b6bbcd}.close-button:hover{color:var(--accent)}.detail-category{font-family:GeistMono,monospace;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:9px;color:#c3c7d8}.detail h2{font-size:34px;font-weight:600;letter-spacing:-1px;line-height:1.1;margin:25px 0 18px;color:var(--accent)}.definition{font-size:15px;line-height:1.6;color:#cdd0df}.example-heading{font-family:GeistMono,monospace;font-size:10px;font-weight:400;letter-spacing:1px;border-top:1px solid var(--line);padding-top:28px;margin-top:35px;color:#a9aec4}.example-entry{padding:20px 0;border-bottom:1px solid var(--line)}.example-entry blockquote{font-size:18px;line-height:1.5;margin:0 0 20px;font-weight:400}.example-meta{font-family:GeistMono,monospace;font-size:9px;line-height:1.7;color:#b7bdd2}.scene-text{font-size:12px;line-height:1.7;color:#a8afc5}.draft-badge{display:inline-block;font-size:8px;letter-spacing:.5px;padding:2px 5px;border:1px solid #535a75;border-radius:3px;margin-left:6px;color:#b5bdd4}.example-empty{font-size:13px;color:var(--muted);line-height:1.6}
@media(max-width:1100px){.category-bar{gap:14px}#categories{gap:7px 13px}.category{font-size:8px}}
@media(max-width:650px){.category-bar{padding:10px 18px;gap:8px;flex-wrap:wrap;align-items:flex-start}.category-bar #all-categories{padding-right:12px}.category-bar #categories{order:3;flex:0 0 100%;gap:5px 13px;padding-top:2px}.draft-toggle{margin-left:auto;height:28px}.category{font-size:8px;padding:6px 0}.map-controls{right:18px;bottom:18px}.map-status{right:18px;bottom:75px}.detail{top:auto;left:0;right:0;bottom:0;width:100%;max-height:78dvh;border-radius:16px 16px 0 0;border-top:1px solid #3c4055;padding:45px 26px 25px}.detail h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.bubble.focused circle,.core.focused circle{stroke:var(--accent);filter:brightness(1.02)}
.bubble.focused text{fill:#202133}
.detail-category{text-transform:uppercase}
#viewport,#viewport *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.term-preview{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:min(460px,calc(100% - 36px));min-height:86px;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#292d40f5;border:1px solid #ffffff0c;border-radius:28px;padding:18px 25px;box-shadow:0 10px 40px #0005;backdrop-filter:blur(16px)}
.term-preview span{display:block}.term-preview #preview-term{font-size:16px;font-weight:550;color:var(--accent);margin-bottom:5px;line-height:1.25}.term-preview #preview-meaning{font-size:12px;color:#c8cddd;line-height:1.5}.term-preview:disabled{cursor:default}.term-preview:not(:disabled):hover{background:#32374cf5}
@media(max-width:750px){.map-controls{top:18px;bottom:auto;height:36px;background:#242737e8}.map-controls button{height:34px;min-width:34px;font-size:18px}.map-controls output{width:42px;font-size:9px}.map-status{top:63px;bottom:auto;font-size:9px}.term-preview{bottom:16px;padding:16px 22px;border-radius:26px}.term-preview #preview-term{font-size:15px}.term-preview #preview-meaning{font-size:11px}}