:root{--color-fire-core:#fff;--color-fire-mid:#ffdd57;--color-fire-base:#ff6a00;--color-ember:#f40;--color-ash:#8b7355;--color-bg-primary:#0d0d0d;--color-bg-card:#1a1a1a;--color-bg-notice:#1c1208;--color-text-primary:#ffd6a5;--color-text-muted:#a08060;--color-accent:#ff6a00;--color-border:#5c3a1e;--font-display:"Cinzel",Georgia,serif;--font-body:"Inter",system-ui,sans-serif;--path-label-size:1.2rem;--section-title-size:clamp(2rem,5vw,3.5rem)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{color:#fff;z-index:9999;clip:auto;background:#ff6a00;border-radius:4px;width:auto;height:auto;padding:.5rem 1rem;position:fixed;top:1rem;left:1rem}
html,body{background:var(--color-bg-primary);width:100%;min-height:100%;color:var(--color-text-primary);font-family:var(--font-body);margin:0;padding:0;overflow-x:hidden}body{overflow-x:hidden}.scene-root{z-index:0;background:radial-gradient(circle at 50% 40%,#1a1108 0%,#0a0a0a 60%,#050505 100%);width:100%;height:100vh;position:fixed;inset:0}.scene-root.is-passive{pointer-events:none}.scene-root.is-active{pointer-events:auto}.app-content{z-index:5;position:relative}.path-label{font-family:var(--font-display);font-size:var(--path-label-size);color:var(--color-text-primary);letter-spacing:.3em;transition:opacity .2s}.grid-page-pill{color:#fff3d8;font-family:var(--font-display);letter-spacing:.12em;cursor:pointer;text-shadow:0 1px 2px #0000008c;background:#0e0a08eb;border:1px solid #ffd6a5b3;border-radius:999px;padding:.24rem .78rem;font-size:.52rem;font-weight:700}.grid-page-pill:disabled{opacity:.55;cursor:default}.grid-page-pill:focus-visible{outline-offset:3px;outline:2px solid #ff6a00}.tile-focus-overlay{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 50% 35%,#202f1beb,#080808f2);flex-direction:column;justify-content:flex-start;align-items:center;padding:clamp(1.5rem,5vh,3rem) 1rem 240px;transition:opacity .32s,visibility 0s linear .32s;display:flex;position:fixed;inset:0;overflow:hidden}.tile-focus-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s,visibility linear}.tile-focus-panel{text-align:left;opacity:0;background:#140e08eb;border:2px solid #ffd6a599;border-radius:16px;outline:none;flex-direction:column;width:min(620px,88vw);max-height:calc(100vh - clamp(1.5rem,5vh,3rem) - 240px - 2rem);transition:opacity .32s,transform .32s;display:flex;overflow:hidden;transform:translateY(14px)scale(.985);box-shadow:0 14px 42px #00000080}.tile-focus-panel.is-visible{opacity:1;transform:translateY(0)scale(1)}.tile-focus-header{border-bottom:1px solid #ffd6a52e;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.tile-focus-header h2{font-family:var(--font-display);margin:0;font-size:clamp(1.4rem,4.5vw,2.6rem);line-height:1.1}.tile-focus-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin-left:.75rem;padding:.3rem .5rem;font-size:1.1rem;line-height:1}.tile-focus-close:hover{color:var(--color-text-primary);background:#ffffff12}.tile-focus-close:focus-visible{outline-offset:2px;outline:2px solid #ff6a00}.tile-focus-scroll{scroll-behavior:smooth;overscroll-behavior:contain;flex:1;padding:.85rem 1.25rem;overflow-y:auto}.tile-focus-scroll::-webkit-scrollbar{width:4px}.tile-focus-scroll::-webkit-scrollbar-track{background:#ffffff0a}.tile-focus-scroll::-webkit-scrollbar-thumb{background:#ff6a0080;border-radius:2px}.tile-focus-section{margin-bottom:1.1rem}.tile-focus-section h3{font-family:var(--font-display);color:#f94;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .38rem;font-size:.78rem}.tile-focus-section p{color:var(--color-text-primary);margin:0 0 .42rem;font-size:.875rem;line-height:1.65}.tile-focus-section ul{color:var(--color-text-muted);margin:.2rem 0 0;padding-left:1.2rem;font-size:.875rem;line-height:1.6}.tile-focus-section li{margin-bottom:.18rem}.tile-focus-image-block{border-radius:4px;width:100%;height:auto;margin:.75rem 0;display:block}.tile-focus-footer{border-top:1px solid #ffd6a52e;flex-shrink:0;justify-content:center;gap:.6rem;padding:.7rem 1.25rem .9rem;display:flex}.tile-focus-footer button{color:#ffe2b3;font-family:var(--font-display);cursor:pointer;background:#22180ef2;border:1px solid #ffd6a58c;border-radius:999px;padding:.48rem 1.1rem}.tile-focus-footer button:hover{background:#3c2814f2}.tile-focus-footer button:focus-visible{outline-offset:3px;outline:2px solid #ff6a00}.focus-tree{width:var(--tree-width);height:var(--tree-height);left:var(--x);transform-origin:bottom;animation:focus-tree-sway var(--tree-sway)ease-in-out infinite;animation-delay:var(--tree-delay);pointer-events:none;filter:drop-shadow(0 6px 6px #00000073);position:absolute;bottom:-4px;transform:translate(-50%)}.focus-tree-front{z-index:3}.focus-tree-back{z-index:1;opacity:.58;filter:drop-shadow(0 4px 4px #00000059);bottom:-4px}.focus-tree-back .focus-tree-canopy{filter:hue-rotate(calc(var(--tree-hue) - 10deg))brightness(.58)saturate(.72)}.focus-tree-back .focus-tree-trunk{background:linear-gradient(#3f2a18,#29180f)}.focus-tree-trunk,.focus-tree-canopy{position:absolute;left:50%;transform:translate(-50%)}.focus-tree-trunk{width:clamp(12px,calc(var(--tree-width)*.22),22px);height:var(--trunk-height);background:linear-gradient(#7a5432,#4d321f);border-radius:8px;bottom:0;box-shadow:inset 2px 0 #ffc68e2e,inset -2px 0 #28180d59}.focus-tree-canopy{width:var(--tree-width);filter:hue-rotate(var(--tree-hue));clip-path:polygon(50% 0,100% 68%,78% 68%,94% 100%,6% 100%,22% 68%,0 68%);background:radial-gradient(circle at 30% 24%,#82c48b85,#0000 42%),radial-gradient(circle at 66% 72%,#0c2d1c73,#0000 48%),linear-gradient(#4b9a5d,#1f5132);box-shadow:inset 0 -8px 16px #0c241673,inset 0 7px 10px #76b98259}.focus-tree-canopy-1{bottom:calc(var(--trunk-height) - 2px);height:calc(var(--tree-height)*.45)}.focus-tree-canopy-2{width:calc(var(--tree-width)*.82);bottom:calc(var(--trunk-height) + (var(--tree-height)*.2));height:calc(var(--tree-height)*.33)}.focus-tree-canopy-3{width:calc(var(--tree-width)*.62);bottom:calc(var(--trunk-height) + (var(--tree-height)*.38));height:calc(var(--tree-height)*.25)}@keyframes focus-tree-sway{0%,to{transform:translate(-50%)rotate(-2.4deg)}50%{transform:translate(-50%)rotate(2.6deg)}}.internal-page{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0d0d0dc7,#080808f0);min-height:100vh;padding:1rem 1.25rem 2rem}.internal-header{justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.back-link,.internal-logo{color:var(--color-text-primary);font-family:var(--font-display);text-decoration:none}.internal-content{max-width:980px;margin:0 auto}.internal-content h1{font-family:var(--font-display);font-size:var(--section-title-size)}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.game-card,.tech-card{background:var(--color-bg-card);border-left:4px solid var(--color-accent);padding:1rem}.game-screenshot{border-radius:4px;width:100%;height:auto;margin:1rem 0;display:block}.tag-row{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.tag-pill{color:#f94;background:#2a1f0e;border:1px solid #ff6a00;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.notice-board{background:var(--color-bg-notice);border:1px solid var(--color-border);margin-bottom:1.25rem;padding:1rem}.notice-board h2{font-family:var(--font-display);color:var(--color-accent);margin:0 0 .6rem;font-size:1.1rem}.notice-board h3{font-family:var(--font-display);color:var(--color-text-muted);margin:.8rem 0 .4rem;font-size:.9rem}.notice-board a{color:var(--color-accent)}.notice-board ul{margin:.3rem 0 0;padding-left:1.25rem}.notice-board li{margin-bottom:.15rem}.studio-tagline{font-family:var(--font-display);color:var(--color-text-muted);margin-bottom:1.5rem;font-size:clamp(.95rem,2.5vw,1.15rem);font-style:italic}.principle-card{background:var(--color-bg-card);border-left:3px solid var(--color-accent);margin-bottom:.85rem;padding:.75rem 1rem}.principle-card h3{font-family:var(--font-display);color:#f94;letter-spacing:.06em;margin:0 0 .35rem;font-size:.9rem}.principle-card p{margin:0;font-size:.875rem;line-height:1.6}.game-status{text-transform:uppercase;letter-spacing:.12em;color:#f94;font-size:.72rem;font-family:var(--font-display);margin:0 0 .35rem}.future-projects{background:var(--color-bg-card);border:1px solid #ff6a0033;margin-top:1.5rem;padding:1rem}.tech-bullet-list{color:var(--color-text-muted);margin:.35rem 0 0;padding-left:1.25rem;font-size:.875rem;line-height:1.65}.tech-bullet-list li{margin-bottom:.18rem}.aetherion-page{color:#8b0000;text-align:center;background:#000;place-items:center;gap:.5rem;min-height:100vh;padding:2rem;display:grid}.aetherion-page h1{font-family:var(--font-display);letter-spacing:.12em;text-shadow:0 0 20px #8b0000b3}.cursor-flame{pointer-events:none;z-index:200;filter:drop-shadow(0 0 8px #ff6a00cc);position:fixed;top:-16px;left:-12px}.loading-screen{z-index:50;background:#020111;place-items:center;gap:1rem;transition:opacity .6s;display:grid;position:fixed;inset:0}.loading-screen.is-loaded{opacity:0;pointer-events:none}.loading-logo{filter:drop-shadow(0 10px 24px #00000073);width:min(460px,76vw);height:auto}.loading-bar-wrap{background:#ffffff26;width:min(320px,80vw);height:8px}.loading-bar-fill{transform-origin:0;background:#ff6a00;height:100%;transition:transform .2s linear;transform:scaleX(0)}.fire-transition{z-index:100;background:radial-gradient(circle,#ff6a00d9,#000000f2);display:none;position:fixed;inset:0}.webgl-fallback{text-align:center;color:#ffd6a5;background:#020111;place-items:center;min-height:100vh;padding:2rem;display:grid}.webgl-fallback nav{gap:1rem;display:flex}.webgl-fallback a{color:#ff6a00}@media (max-width:900px){.games-grid{grid-template-columns:1fr}.tile-focus-overlay{padding:1rem .75rem 200px}.tile-focus-panel{width:min(96vw,520px);max-height:calc(100svh - 220px)}.tile-focus-header h2{font-size:clamp(1.2rem,5vw,1.8rem)}.tile-focus-footer button{min-height:44px;padding:.62rem 1.1rem;font-size:.95rem}.tile-focus-close{min-width:36px;min-height:36px}.focus-tree{width:calc(var(--tree-width)*.74);height:calc(var(--tree-height)*.74);opacity:.66}.focus-tree-back{opacity:.46}}@media (max-width:640px){.tile-focus-overlay{padding:.75rem .5rem 180px}.tile-focus-panel{border-radius:12px;width:98vw;max-height:calc(100svh - 200px)}.tile-focus-header{padding:.75rem 1rem .6rem}.tile-focus-scroll{padding:.65rem 1rem}.tile-focus-footer{padding:.6rem 1rem .75rem}.tile-focus-section p,.tile-focus-section ul{font-size:.82rem}}