:root{--color-bg-deep: #171a24;--color-brass: #c9a24b;--color-brass-bright: #e8c874;--color-ink: #eae6dc;--color-ink-dim: #a8a6b8;--font-display: "Space Grotesk", "JetBrains Mono", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Inter", system-ui, sans-serif;--modal-margin: 160px;--modal-bg-top: #1d2130;--modal-bg-bottom: #171a24;--modal-text: var(--color-ink);--modal-text-dim: var(--color-ink-dim);--modal-surface: #0e1018;--modal-border-rgb: 234, 230, 220;--modal-accent: var(--color-brass-bright)}body.light-mode{--modal-bg-top: #e4e0d6;--modal-bg-bottom: #d6d0c2;--modal-text: #20232a;--modal-text-dim: #6b7280;--modal-surface: #f4f5f7;--modal-border-rgb: 32, 35, 42;--modal-accent: #6b4a1a}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 20%,#23283a 0%,var(--color-bg-deep) 70%);font-family:var(--font-body);color:var(--color-ink);overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0}#scene-canvas{display:block;width:100%;height:100%;cursor:grab}#scene-canvas.hoverable{cursor:pointer}#hud{position:fixed;top:24px;left:24px;display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-dim);z-index:10}#room-label{padding:6px 12px;border:1px solid rgba(201,162,75,.35);border-radius:999px;background:#171a2499;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#back-btn{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;background:transparent;border:1px solid rgba(234,230,220,.25);color:var(--color-ink);padding:6px 12px;border-radius:999px;cursor:pointer;transition:border-color .2s ease,color .2s ease}#back-btn:hover{border-color:var(--color-brass);color:var(--color-brass-bright)}.hidden{display:none!important}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--color-bg-deep);transition:opacity .6s ease}.loading-content{text-align:center;font-family:var(--font-mono);color:var(--color-ink-dim)}.spinner{width:34px;height:34px;margin:0 auto 16px;border-radius:50%;border:2px solid rgba(201,162,75,.25);border-top-color:var(--color-brass);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-deep);opacity:0;pointer-events:none;z-index:40;transition:opacity .45s ease}#transition-overlay.active{opacity:1}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center}#modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0b10b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#modal-panel{position:relative;width:calc(100vw - (2 * var(--modal-margin)));max-height:84vh;overflow:auto;background:linear-gradient(180deg,var(--modal-bg-top) 0%,var(--modal-bg-bottom) 100%);border:1px solid rgba(201,162,75,.3);border-radius:14px;box-shadow:0 30px 80px #00000080;padding:36px 40px 40px;color:var(--modal-text)}#modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(var(--modal-border-rgb),.2);background:transparent;color:var(--modal-text);cursor:pointer;font-size:14px}#modal-close:hover{border-color:var(--color-brass);color:var(--modal-accent)}#modal-body h2{font-family:var(--font-display);font-size:26px;margin:0 0 6px}#modal-body p.subtitle{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--modal-accent);margin:0 0 24px}#modal-body iframe{width:100%;height:60vh;border:1px solid rgba(var(--modal-border-rgb),.12);border-radius:8px;background:var(--modal-surface)}#modal-body img.modal-screenshot{width:100%;max-height:70vh;height:auto;object-fit:contain;border:1px solid rgba(var(--modal-border-rgb),.12);border-radius:8px;background:var(--modal-surface);display:block}.tech-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.tech-list li{border:1px solid rgba(var(--modal-border-rgb),.12);border-radius:8px;padding:12px 14px;font-size:14px}.tech-list li span.label{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--modal-text-dim);margin-bottom:4px}.tech-list li span.value{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--modal-text);font-weight:600}.tech-list li .tech-item{display:inline-flex;align-items:center;gap:6px}.tech-list li .tech-logo{width:18px;height:18px;object-fit:contain;flex-shrink:0}.tech-list li .tech-logo-dark{display:inline-block}.tech-list li .tech-logo-light,body.light-mode .tech-list li .tech-logo-dark{display:none}body.light-mode .tech-list li .tech-logo-light{display:inline-block}.lang-toggle{display:inline-flex;gap:8px;margin-bottom:20px}.lang-toggle button{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid rgba(var(--modal-border-rgb),.2);background:transparent;color:var(--modal-text-dim);cursor:pointer}.lang-toggle button .flag{width:18px;height:auto;display:block;border-radius:2px;flex-shrink:0}.lang-toggle button.active{border-color:var(--color-brass);color:var(--modal-accent)}.placeholder-note{font-size:13px;color:var(--modal-text-dim);border-left:2px solid var(--color-brass);padding-left:12px;margin-top:18px}@media (max-width: 640px){.tech-list{grid-template-columns:1fr}#modal-panel{--modal-margin: 16px;padding:26px 20px 28px}}