@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--font-ui: "Share Tech Mono", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #050608;--color-surface: #101218;--color-surface-elevated: #171a22;--color-border: #272b35;--color-border-subtle: #1b1f29;--color-accent: #00d4aa;--color-accent-soft: rgba(0, 212, 170, .12);--color-accent-glow: rgba(0, 212, 170, .25);--color-text: #e6edf7;--color-text-muted: #cacfd8;--color-danger: #ff4d6b;--color-success: #0a6;--color-warning: #c9a227;--color-error: #c44;--color-annotation-blue: #4d9fff;--color-annotation-orange: #ff8c3a;--color-annotation-contrast: #f0f4fa;--color-body-gradient-mid: #151a26;--color-panel-bg-from: #202636;--color-panel-bg-to: #11141d;--color-modal-backdrop: rgba(5, 6, 8, .85);font-family:var(--font-ui);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);--footer-height: 30px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,var(--color-body-gradient-mid) 0,var(--color-bg) 55%);color:var(--color-text)}a{font-weight:500;color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{border-radius:2px;border:1px solid var(--color-border);padding:.5rem .9rem;font-size:.95rem;font-weight:500;font-family:var(--font-ui);background:linear-gradient(to bottom,#ffffff08,#0003);color:var(--color-text);cursor:pointer;transition:border-color .15s ease-out,background-color .15s ease-out,box-shadow .15s ease-out,transform .05s ease-out}button:hover:not(:disabled){border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-glow)}button:active:not(:disabled){transform:translateY(1px);background-color:#00000080}button:disabled{opacity:.5;cursor:default}.app-root{height:100vh;display:flex;flex-direction:column;align-items:stretch;padding:1.5rem 1.5rem calc(1.5rem + var(--footer-height) + 8px) 1.5rem;color:var(--color-text);overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-inline:1.5rem}.app-header-left{display:flex;align-items:center;gap:.75rem}.app-header-right{display:flex;align-items:center;gap:.5rem}.app-title{margin:0;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.app-main{flex:1;display:flex;align-items:stretch;justify-content:stretch;min-width:0;min-height:0}.app-panel{width:100%;max-width:none;border-radius:10px;padding:1rem 1.2rem;background:radial-gradient(circle at top left,var(--color-panel-bg-from),var(--color-panel-bg-to));box-shadow:0 0 0 1px var(--color-border-subtle),0 18px 40px #030712e6}.header-button{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;padding-inline:.8rem}.main-menu{min-height:calc(100vh - var(--footer-height));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}.main-menu-header{text-align:center}.main-menu-title{margin:0;font-size:2.4rem;letter-spacing:.18em;text-transform:uppercase}.main-menu-subtitle{margin-top:.6rem;margin-bottom:0;font-size:.95rem;color:var(--color-text-muted)}.main-menu-buttons{display:flex;flex-direction:column;gap:.75rem;width:min(360px,90vw)}.menu-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:.9rem;padding-inline:1.1rem;background:linear-gradient(to bottom,#ffffff05,#00000080),radial-gradient(circle at left,var(--color-accent-soft),transparent 55%);border-radius:4px}.menu-button:hover:not(:disabled){border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-glow),0 8px 22px #000000d9}.menu-button-label{font-size:1.05rem;text-transform:uppercase;letter-spacing:.12em}.menu-button-sub{margin-top:.3rem;font-size:.8rem;color:var(--color-text-muted)}.simulation-overlay-toggles input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer;width:1rem;height:1rem}.simulation-overlay-toggles label:hover{color:var(--color-text)}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--color-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:100%;max-width:420px;padding:1.75rem 1.5rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 20px 50px #00000080}.modal-title{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text)}.modal-description{margin:0 0 1.25rem;font-size:.9rem;line-height:1.5;color:var(--color-text-muted)}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.modal-input{width:100%;padding:.65rem .9rem;font-size:1rem;font-family:var(--font-ui);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;transition:border-color .15s ease,box-shadow .15s ease}.modal-input::placeholder{color:var(--color-text-muted);opacity:.8}.modal-input:hover{border-color:var(--color-border)}.modal-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}.modal-input:disabled{opacity:.6;cursor:not-allowed}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.25rem}.modal-button{min-width:5rem}.modal-button-primary{border-color:var(--color-accent);background:linear-gradient(to bottom,var(--color-accent-soft),transparent);color:var(--color-accent)}.modal-button-primary:hover:not(:disabled){box-shadow:0 0 0 1px var(--color-accent)}.modal-button-secondary:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text)}.modal-button-danger{border-color:var(--color-danger);background:linear-gradient(to bottom,rgba(255,77,107,.12),transparent);color:var(--color-danger)}.modal-button-danger:hover:not(:disabled){box-shadow:0 0 0 1px var(--color-danger)}@keyframes draw-edge{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.skill-tree-edge-draw{stroke-dashoffset:1;animation:draw-edge .65s ease-out forwards}@keyframes ring-pulse{0%,to{filter:drop-shadow(0 0 2px rgba(0,212,170,.3))}50%{filter:drop-shadow(0 0 6px rgba(0,212,170,.7))}}.skill-tree-ring-active{animation:ring-pulse 2.4s ease-in-out infinite}@keyframes streak-glow{0%{box-shadow:0 0 #f0c04000}30%{box-shadow:0 0 14px 5px #f0c040bf}to{box-shadow:0 0 4px 1px #f0c04000}}.streak-glow-overlay{animation:streak-glow .7s ease-out forwards;pointer-events:none}.hint-card-scene{position:relative;perspective:1000px}.hint-card-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0);transition:transform .5s ease;transform-origin:center center;z-index:1}.hint-card-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);transition:transform .5s ease;transform-origin:center center}.hint-card-scene.revealed .hint-card-front{transform:rotateY(-180deg);pointer-events:none}.hint-card-scene.revealed .hint-card-back{transform:rotateY(0)}[data-theme=garnet]{--color-bg: #080406;--color-surface: #120810;--color-surface-elevated: #1a0d16;--color-border: #35192a;--color-border-subtle: #220f1c;--color-accent: #c41a3c;--color-accent-soft: rgba(196, 26, 60, .12);--color-accent-glow: rgba(196, 26, 60, .28);--color-text: #f0e8ee;--color-text-muted: #c4a8bc;--color-danger: #ff6b4d;--color-success: #0a9060;--color-warning: #c9a227;--color-error: #d44;--color-body-gradient-mid: #1a0812;--color-panel-bg-from: #1e0f1a;--color-panel-bg-to: #0e0610;--color-modal-backdrop: rgba(8, 4, 6, .85);color-scheme:dark}[data-theme=bordeaux]{--color-bg: #060408;--color-surface: #0e0810;--color-surface-elevated: #170e1a;--color-border: #2e1628;--color-border-subtle: #1e0d1c;--color-accent: #962040;--color-accent-soft: rgba(150, 32, 64, .14);--color-accent-glow: rgba(150, 32, 64, .3);--color-text: #ede0ea;--color-text-muted: #b898b0;--color-danger: #ff6b4d;--color-success: #0a9060;--color-warning: #c9a227;--color-error: #d44;--color-body-gradient-mid: #160a18;--color-panel-bg-from: #1a0e20;--color-panel-bg-to: #0c0610;--color-modal-backdrop: rgba(6, 4, 8, .85);color-scheme:dark}[data-theme=blueprint]{--color-bg: #eef2f7;--color-surface: #ffffff;--color-surface-elevated: #dde6f0;--color-border: #b8c8d8;--color-border-subtle: #cdd8e4;--color-accent: #1a6fb5;--color-accent-soft: rgba(26, 111, 181, .12);--color-accent-glow: rgba(26, 111, 181, .25);--color-text: #1a2332;--color-text-muted: #4a5a6e;--color-danger: #c8354f;--color-success: #0a7a3f;--color-warning: #9c7a18;--color-error: #a83030;--color-body-gradient-mid: #dde8f4;--color-panel-bg-from: #e8f0f9;--color-panel-bg-to: #d8e4f0;--color-modal-backdrop: rgba(30, 40, 60, .6);color-scheme:light}[data-theme=midnight]{--color-bg: #030811;--color-surface: #070e1e;--color-surface-elevated: #0c1830;--color-border: #1a2e54;--color-border-subtle: #0f1e3a;--color-accent: #4d8ef0;--color-accent-soft: rgba(77, 142, 240, .12);--color-accent-glow: rgba(77, 142, 240, .25);--color-text: #ccd8f0;--color-text-muted: #7a90bc;--color-danger: #e04060;--color-success: #0a8a50;--color-warning: #c9a227;--color-error: #c04040;--color-body-gradient-mid: #0a1428;--color-panel-bg-from: #0f1c38;--color-panel-bg-to: #080f20;--color-modal-backdrop: rgba(3, 8, 17, .85);color-scheme:dark}@keyframes thumb-march{to{stroke-dashoffset:-28}}.thumb-march{animation:thumb-march .9s linear infinite}@keyframes thumb-breathe{0%,to{opacity:.25}50%{opacity:.65}}.thumb-breathe{animation:thumb-breathe 2.6s ease-in-out infinite}@keyframes thumb-glow{0%,to{opacity:.35}50%{opacity:.7}}.thumb-glow{animation:thumb-glow 2.6s ease-in-out infinite}@keyframes thumb-orbit{0%{offset-distance:0%}to{offset-distance:100%}}.thumb-electron{offset-path:path("M42,26 L118,26 A10,10 0 0 1 128,36 L128,64 A10,10 0 0 1 118,74 L42,74 A10,10 0 0 1 32,64 L32,36 A10,10 0 0 1 42,26 Z");offset-rotate:0deg;animation:thumb-orbit 20s linear infinite}@media(prefers-reduced-motion:reduce){.thumb-march,.thumb-breathe,.thumb-glow,.thumb-electron{animation:none}}.app-footer{position:fixed;bottom:0;left:0;right:0;z-index:9000;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:4px 14px;pointer-events:none}.app-footer-link{pointer-events:auto;background:none;border:none;padding:2px 4px;font-family:var(--font-ui);font-size:11px;letter-spacing:.04em;cursor:pointer;color:var(--color-accent);opacity:.25;transition:opacity .2s ease}.app-footer-link:hover{opacity:.75;text-decoration:underline}