:root{--font-display:"Space Grotesk", "Sora", system-ui, sans-serif;--font-body:"Sora", system-ui, sans-serif;--color-ink:#0b0f14;--color-paper:#fdf6e8;--color-accent:#ffb84d;--color-accent-2:#57d6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:var(--font-body);color:var(--color-paper);-webkit-font-smoothing:antialiased;background:#060809;margin:0;padding:0;overflow:hidden}canvas{touch-action:none;outline:none;display:block}button{font-family:inherit}::selection{background:var(--color-accent);color:var(--color-ink)}.loading-screen{z-index:100;background:radial-gradient(circle at 50% 40%,#141a1f 0%,#060809 70%);flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-screen__mark{font-family:var(--font-display);letter-spacing:.12em;background:linear-gradient(135deg, var(--color-accent), var(--color-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:700}.loading-screen__subtitle{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;opacity:.7;margin-top:-18px;font-size:13px}.loading-screen__bar{background:#ffffff1f;border-radius:999px;width:min(360px,70vw);height:3px;overflow:hidden}.loading-screen__bar-fill{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-2));height:100%;transition:width .25s}.loading-screen__enter{color:var(--color-paper);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#ffb84d14;border:1px solid #ffb84d99;border-radius:999px;margin-top:6px;padding:12px 34px;font-size:13px;transition:background .2s,transform .2s;animation:2.2s ease-in-out infinite enter-pulse}.loading-screen__enter:hover{background:#ffb84d38;transform:translateY(-2px)}@keyframes enter-pulse{0%,to{box-shadow:0 0 #ffb84d40}50%{box-shadow:0 0 24px #ffb84d40}}.loading-screen__progress-label{letter-spacing:.14em;opacity:.5;margin-top:-12px;font-size:11px}.content-panel-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0608098c;justify-content:center;align-items:center;animation:.2s ease-out content-panel-fade-in;display:flex;position:fixed;inset:0}.content-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(560px,88vw);max-height:78vh;color:var(--color-paper);font-family:var(--font-body);background:#0e1216e0;border:1px solid #ffb84d4d;border-radius:16px;padding:28px 26px;position:relative;overflow-y:auto}.content-panel__close{width:30px;height:30px;color:var(--color-paper);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;position:absolute;top:16px;right:16px}.content-panel__title{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-accent);margin:0 0 18px;font-size:22px}.content-panel__grid{gap:12px;display:grid}.content-panel__card{text-align:left;color:var(--color-paper);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;padding:14px 16px;transition:border-color .15s,background .15s}.content-panel__card:hover,.content-panel__card.is-active{border-color:var(--color-accent);background:#ffb84d14}.content-panel__card-title{font-family:var(--font-display);letter-spacing:.03em;font-size:15px}.content-panel__card-desc{opacity:.85;margin:10px 0 8px;font-size:13px;line-height:1.5}.content-panel__tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.content-panel__tag{letter-spacing:.04em;background:#ffffff14;border-radius:999px;padding:3px 9px;font-size:11px}.content-panel__link{color:var(--color-accent-2);font-size:13px}.content-panel__skill-list,.content-panel__contact-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.content-panel__skill-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;padding:10px 14px;font-size:14px;display:flex}.content-panel__skill-level{opacity:.65;letter-spacing:.05em;text-transform:uppercase;font-size:12px}.content-panel__bio{opacity:.9;font-size:15px;line-height:1.7}.content-panel__contact-list a{color:var(--color-paper);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;padding:12px 14px;text-decoration:none;transition:border-color .15s;display:flex}.content-panel__contact-list a:hover{border-color:var(--color-accent)}.content-panel__contact-label{opacity:.65;letter-spacing:.05em;text-transform:uppercase;font-size:12px}.content-panel__contact-value{color:var(--color-accent-2);font-size:14px}@keyframes content-panel-fade-in{0%{opacity:0}to{opacity:1}}.minimap{pointer-events:auto;cursor:pointer;background:radial-gradient(circle,#3c5a328c,#0a0e12bf);border:2px solid #ffffff2e;border-radius:50%;width:130px;height:130px;position:absolute;bottom:18px;right:18px;overflow:hidden}.minimap__ring{border:1px solid #ffffff1f;border-radius:50%;position:absolute;inset:8px}.minimap__n{letter-spacing:.1em;opacity:.7;font-size:9px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.minimap__dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 6px 2px #ffb84db3}.minimap-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;pointer-events:auto;background:#050709b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.minimap-overlay__map{background:radial-gradient(circle,#3c5a3299,#0a0e12d9);border:2px solid #fff3;border-radius:50%;width:min(70vw,560px);height:min(70vw,560px);position:relative}.minimap-overlay__n{letter-spacing:.1em;opacity:.75;font-size:13px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.minimap-overlay__dot{background:var(--color-accent);border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px 3px #ffb84db3}.minimap-overlay__hint{letter-spacing:.05em;opacity:.6;white-space:nowrap;font-size:11px;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-display);letter-spacing:.04em;color:var(--color-paper);white-space:nowrap;background:#0a0e12b3;border:1px solid #ffb84d73;border-radius:999px;padding:10px 22px;font-size:13px;animation:.2s ease-out toast-in;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.hud{pointer-events:none;z-index:10;font-family:var(--font-body);position:fixed;inset:0}.hud-brand{align-items:center;gap:10px;display:flex;position:absolute;top:20px;left:20px}.hud-brand__mark{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-2));width:34px;height:34px;font-family:var(--font-display);color:#0b0f14;border-radius:9px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 18px #ffb84d59}.hud-brand__text{line-height:1.1}.hud-brand__title{font-family:var(--font-display);letter-spacing:.08em;font-size:15px;font-weight:700}.hud-brand__subtitle{letter-spacing:.14em;opacity:.65;text-transform:uppercase;font-size:10px}.hud-topright{pointer-events:auto;gap:8px;display:flex;position:absolute;top:20px;right:20px}.hud-iconbtn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:38px;height:38px;color:var(--color-paper);cursor:pointer;background:#0a0e128c;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;transition:border-color .15s,transform .15s;display:flex}.hud-iconbtn:hover{border-color:var(--color-accent);transform:translateY(-1px)}.hud-controls-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;opacity:.8;background:#0a0e1280;border:1px solid #ffffff1f;border-radius:10px;gap:3px;padding:10px 14px;font-size:11px;transition:opacity .6s;display:grid;position:absolute;bottom:18px;left:18px}.hud-controls-hint.is-hidden{opacity:0}.hud-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-display);letter-spacing:.05em;background:#0a0e12a6;border:1px solid #ffb84d8c;border-radius:999px;align-items:center;gap:10px;padding:10px 20px;font-size:13px;animation:.18s ease-out hud-prompt-in;display:flex;position:absolute;bottom:34%;left:50%;transform:translate(-50%)}.hud-prompt kbd{background:var(--color-accent);color:#0b0f14;border-radius:6px;padding:3px 9px;font-weight:700}@keyframes hud-prompt-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}
