:root{--primary: #4af6c3;--secondary: #1a2b25;--text-main: #d0dcd5;--bg-panel: rgba(15, 20, 18, .95);--border-panel: 1px solid rgba(74, 246, 195, .3);--font-display: "Merriweather", "Noto Serif JP", serif;--font-body: "Courier Prime", "Noto Serif JP", monospace}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:var(--font-body);color:var(--text-main);-webkit-user-select:none;user-select:none}#crt-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background-color:#121816;opacity:1}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;filter:sepia(15%) contrast(105%) brightness(1.1)}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;padding:3rem;box-sizing:border-box;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.5) 100%)}.header{display:flex;justify-content:space-between;align-items:flex-start;pointer-events:auto;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.brand{font-family:var(--font-display);font-weight:900;font-size:1.2rem;letter-spacing:.05em;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3);text-transform:uppercase;cursor:pointer}.nav-menu{display:flex;gap:2.5rem}.nav-item{color:#888;text-decoration:none;font-size:.9rem;letter-spacing:.1em;transition:color .3s;position:relative;cursor:pointer}.nav-item:hover,.nav-item.active{color:var(--primary);text-shadow:0 0 8px var(--primary)}.nav-item.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:var(--primary);box-shadow:0 0 5px var(--primary)}