:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg: #0f1115;--panel: #171a21;--panel-2: #1f2430;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--border: rgba(255, 255, 255, .12);--accent: #7c5cff;--accent-2: #33d17a;--shadow: 0 12px 28px rgba(0, 0, 0, .45);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:light;--bg: #f6f7fb;--panel: #ffffff;--panel-2: #f1f3f8;--text: rgba(15, 17, 21, .92);--muted: rgba(15, 17, 21, .7);--border: rgba(15, 17, 21, .12);--accent: #5a49ff;--accent-2: #1aa760;--shadow: 0 10px 20px rgba(0, 0, 0, .12)}html,body{height:100%}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{opacity:.9}#root{min-height:100vh;padding:24px 0;display:block}.app{text-align:center}.panel{width:min(740px,92vw);margin:0 auto;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.panel-title{margin:0 0 4px}.panel-subtitle{margin:0 0 14px;color:var(--muted)}.row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px 0 0}.stats-pill{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:.95rem}.section{margin-top:14px;padding-top:12px;border-top:1px dotted var(--border)}.footer{font-size:.8rem;opacity:.7;margin-top:4rem}hr{border:1px dotted var(--border);margin:2rem auto}.btn{margin:6px;padding:10px 16px;font-size:1rem;border-radius:10px;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);transition:background .2s ease,border-color .2s ease,transform .05s ease}.btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 15%,var(--panel-2))}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.selected{font-weight:700;border-color:color-mix(in srgb,var(--accent-2) 55%,transparent);background:color-mix(in srgb,var(--accent-2) 18%,var(--panel-2))}input[type=text]{width:min(520px,90vw);padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);outline:none}input[type=text]::placeholder{color:color-mix(in srgb,var(--text) 40%,transparent)}input[type=text]:focus{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.timer{font-size:4rem;margin:20px 0}.xp-bar-container{width:300px;height:25px;background:var(--panel);border:1px solid var(--border);margin:10px auto;border-radius:10px;overflow:hidden;position:relative}.xp-bar-fill-area{height:100%;background-color:var(--accent-2);transition:width .3s ease}.xp-bar-text-area{position:absolute;width:300px;height:25px;top:50%;left:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text);transform:translate(-50%,-50%)}.boss-meter{font-size:2rem}.skill-tree{margin-top:20px}.skill{border:1px solid var(--border);padding:8px;margin:8px auto;width:200px;border-radius:6px;background:var(--panel)}.skill.locked{opacity:.5}.skill.unlocked{border-color:color-mix(in srgb,var(--accent-2) 60%,var(--border))}.branches{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px;align-items:start;justify-items:center;margin-top:16px}@media(max-width:900px){.branches{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:600px){.branches{grid-template-columns:1fr}}.branch{max-width:320px;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--panel)}.branch-title{margin:0 0 4px}.branch-desc{margin:0 0 10px;opacity:.75;font-size:.9rem}.branch .skill{width:auto;margin:10px 0}.adventure-log-header{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px}.adventure-log-title{margin:0}.adventure-log-toggle{padding:6px 10px;line-height:1}