*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0a0a1a;min-height:100dvh;font-family:Courier New,Courier,monospace}body{overscroll-behavior:none;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.hud-start{text-align:center;z-index:100;background:#0a0a1af2;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-family:Courier New,Courier,monospace;display:flex;position:fixed;inset:0}.hud-start-name{color:#4ee6ff;letter-spacing:4px;text-shadow:0 0 20px #0cf;font-size:clamp(24px,7vw,34px);font-weight:700}.hud-start-sub{color:#9fd4ee;letter-spacing:1px;font-size:14px}.hud-start-button{letter-spacing:2px;color:#0a0a1a;cursor:pointer;background:#4ee6ff;border:none;border-radius:6px;margin-top:28px;padding:14px 32px;font-family:inherit;font-size:17px;animation:2.4s ease-in-out infinite hud-pulse}.hud-start-button:hover,.hud-start-button:focus-visible{background:#a8ecff;animation:none}@keyframes hud-pulse{0%,to{box-shadow:0 0 #4ee6ff66}50%{box-shadow:0 0 0 12px #4ee6ff00}}.hud-start-help{color:#8fb4cc;margin-top:30px;font-size:13px;line-height:2;list-style:none}.hud-flat-link{color:#6fdcff;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #6fdcff66;margin-top:26px;padding:2px 0;font-family:inherit;font-size:13px}.hud-flat-link:hover,.hud-flat-link:focus-visible{color:#a8ecff;border-bottom-color:#a8ecff}.hud-flat-corner{z-index:10;margin-top:0;font-size:12px;position:fixed;top:16px;left:16px}.hud-light{bottom:max(24px, env(safe-area-inset-bottom));letter-spacing:1px;z-index:10;background:#0a0a1ae6;border:1px solid #fff2;border-radius:8px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:9px 18px;font-family:Courier New,Courier,monospace;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.hud-light-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.hud-gallery{bottom:max(24px, env(safe-area-inset-bottom));color:#6fdcff;letter-spacing:2px;z-index:10;font-family:Courier New,Courier,monospace;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}.hud-hints{color:#8fb4cc;text-align:right;z-index:10;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.9;position:fixed;top:16px;right:16px}:focus-visible{outline-offset:3px;outline:2px solid #4ee6ff}@media (prefers-reduced-motion:reduce){.hud-start-button{animation:none}}@media (width<=600px){.hud-hints{display:none}}.p2d{color:#cfe3f5;max-width:760px;max-height:100vh;margin:0 auto;padding:40px 20px 80px;font-family:Courier New,Courier,monospace;line-height:1.7;overflow-y:auto}.p2d-notice{color:#9fd4ee;background:#001830;border:1px solid #0cf6;border-radius:6px;margin-bottom:32px;padding:12px 16px;font-size:14px}.p2d-header{border-bottom:1px solid #0cf4;margin-bottom:32px;padding-bottom:24px}.p2d-header h1{color:#4ee6ff;letter-spacing:2px;text-shadow:0 0 16px #0cf5;font-size:clamp(24px,6vw,34px)}.p2d-title{color:#9fd4ee;margin-top:6px}.p2d-subtitle{color:#7fb4d4;font-size:15px}.p2d-company{color:#6fa4c4;letter-spacing:1px;font-size:14px}.p2d h2{color:#4ee6ff;letter-spacing:2px;text-transform:uppercase;margin:36px 0 12px;font-size:16px}.p2d h2:before{content:"◆ ";color:#0cf}.p2d a{color:#6fdcff;text-underline-offset:3px}.p2d a:hover,.p2d a:focus-visible{color:#a8ecff}.p2d-list{list-style:none}.p2d-list li:before{content:"▸ ";color:#0cf}.p2d-skills{flex-wrap:wrap;gap:8px;margin-top:8px;list-style:none;display:flex}.p2d-skills li{color:#9fe4ff;background:#001830;border:1px solid #0cf5;border-radius:4px;padding:4px 10px;font-size:13px}.p2d-projects{gap:20px;margin-top:12px;list-style:none;display:grid}.p2d-project{background:#0d1424;border:1px solid #0cf3;border-radius:8px;padding:16px}.p2d-project h3{margin:8px 0 6px;font-size:17px}.p2d-project p{color:#a8c4dc;font-size:14px}.p2d-lang{border:1px solid;border-radius:10px;padding:2px 10px;font-size:12px;display:inline-block}.p2d-back{color:#6fdcff;cursor:pointer;background:0 0;border:1px solid #0cf8;border-radius:6px;margin-top:40px;padding:10px 18px;font-family:inherit;font-size:14px}.p2d-back:hover,.p2d-back:focus-visible{color:#a8ecff;background:#0cf2}.p2d-footer{color:#7fa4bc;border-top:1px solid #0cf3;margin-top:56px;padding-top:20px;font-size:13px}.p2d :focus-visible{outline-offset:3px;outline:2px solid #4ee6ff}