.experience-row{display:flex;align-items:flex-start;gap:10px;width:max-content;max-width:100%}.experience-row .experience-hud{width:244px;min-width:0;flex-shrink:0}.notebook-button{position:relative;flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--edge);border-radius:9px;background:var(--surface);color:var(--muted);padding:7px;cursor:pointer}.notebook-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.notebook-button:disabled{opacity:.6;cursor:default}.notebook-badge{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--surface);border-radius:50%;background:#b54d51;color:#fff;font-size:9px;line-height:1}.notebook-badge[hidden]{display:none}
.glossary-dialog{box-sizing:border-box;width:min(1400px,calc(100vw - 36px));max-width:1400px;max-height:calc(100dvh - 36px);padding:25px 26px;color:var(--text);background:var(--surface);border:1px solid var(--edge);border-radius:18px;overflow:auto}.glossary-dialog [hidden]{display:none!important}.glossary-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.glossary-dialog h2{margin:0;font-size:24px}.glossary-head-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.glossary-visibility-toggle{box-sizing:border-box;width:32px;height:32px;display:grid;place-items:center;padding:7px;border:0;border-radius:50%;background:var(--page);color:var(--muted);cursor:pointer}.glossary-visibility-toggle:hover{color:var(--text);background:var(--edge)}.glossary-visibility-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.glossary-visibility-toggle svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.glossary-visibility-toggle[aria-pressed=true] .glossary-eye-slash{display:none}.glossary-intro{font-size:13px;line-height:1.7;color:var(--muted);max-width:1000px;margin:12px 0 20px}.glossary-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.glossary-column{min-width:0;padding:0 18px;border-left:1px solid var(--edge)}.glossary-column:first-child{border-left:0;padding-left:0}.glossary-column:last-child{padding-right:0}.glossary-column h3{font-size:16px;line-height:1.5;margin:0 0 13px}.glossary-entry{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;margin:0 0 12px;min-height:64px}.glossary-icon{display:block;width:64px!important;height:57px!important}.glossary-copy h4{font-size:12px;font-weight:600;margin:0 0 4px;line-height:1.4}.glossary-copy p{font-size:11px;line-height:1.55;margin:0;color:var(--muted)}.glossary-entry[data-discovered=false] .glossary-copy{filter:blur(4px);user-select:none;pointer-events:none}body[data-theme=dark] .glossary-dialog{box-shadow:0 20px 80px #0008}
@media(max-width:1150px){.glossary-dialog{padding:20px}.glossary-column{padding:0 12px}.glossary-entry{grid-template-columns:55px minmax(0,1fr);gap:6px}.glossary-icon{width:55px!important;height:49px!important}.glossary-intro{font-size:12px}.experience-row .experience-hud{width:220px}.experience-row{gap:8px}}
@media(max-width:900px){.glossary-columns{min-width:900px}}
@media(max-width:650px){.glossary-dialog{padding:16px;width:calc(100vw - 20px)}.glossary-dialog h2{font-size:20px}.experience-row .experience-hud{width:190px}.notebook-button{width:30px;height:30px}}