*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fff;font-family:Arial,'sans-serif';color:#111;overflow-x:hidden}#game-wrapper{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000;position:relative;overflow:hidden}#game-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:default;will-change:transform}#hud{position:absolute;top:0;left:0;right:0;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:1px;color:#fff;text-shadow:1px 1px 0 #000;pointer-events:none;z-index:10;background:rgba(0,0,0,.55)}#hud span{min-width:60px;text-align:center}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none}#overlay.active{pointer-events:all}.overlay-box{background:rgba(0,0,30,.92);border:3px solid #fff;border-radius:4px;padding:24px 32px;max-width:340px;width:90%;text-align:center;font-size:13px;line-height:1.7;color:#fff;font-family:'Courier New',Courier,monospace}.overlay-box h2{font-size:18px;margin-bottom:10px;color:gold;letter-spacing:2px}.overlay-box h3{font-size:14px;margin-bottom:8px;color:#7ec8e3}.overlay-box p{margin-bottom:8px}.overlay-box .hint{font-size:10px;color:#aaa;margin-top:14px}.overlay-box a{color:#4fc3f7;text-decoration:underline}.overlay-box ul{text-align:left;list-style:none;padding:0}.overlay-box ul li{padding-left:18px;position:relative}.overlay-box ul li::before{content:"\2605\00A0";color:gold;position:absolute;left:0}.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}#mobile-controls{position:absolute;bottom:16px;left:0;right:0;display:none;pointer-events:none;z-index:15}.dpad{position:absolute;left:16px;bottom:0;display:flex;gap:6px}.abpad{position:absolute;right:16px;bottom:0;display:flex;gap:8px;align-items:flex-end}.ctrl-btn{width:52px;height:52px;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;pointer-events:all;user-select:none;-webkit-user-select:none;touch-action:none}.ctrl-btn.b-btn{width:42px;height:42px;font-size:13px}@media (hover:none),(pointer:coarse){#mobile-controls{display:block}}.score-popup{position:fixed;color:gold;font-size:11px;font-weight:700;pointer-events:none;text-shadow:1px 1px 0 #000;animation:.8s ease-out forwards floatUp;z-index:25}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-40px)}}#profile-content{max-width:1100px;margin:0 auto;padding:80px 40px 100px;color:#111;font-family:Arial,sans-serif;line-height:1.6}#profile-content .section-label{font-size:.72rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#ff6b00;margin-bottom:8px}#profile-content header{padding-bottom:80px;border-bottom:1px solid #e0e0e0;margin-bottom:80px}#profile-content h1{font-size:clamp(3.5rem, 10vw, 8rem);font-weight:900;line-height:.95;letter-spacing:-3px;color:#111;margin:16px 0 28px;text-transform:uppercase}#profile-content .tagline{font-size:1rem;color:#555;margin-bottom:6px;font-weight:400}#profile-content .location{font-size:.85rem;color:#999;margin-bottom:32px}#profile-content nav a{display:inline-flex;align-items:center;gap:8px;color:#111;font-size:.9rem;font-weight:600;text-decoration:none;padding:12px 28px;border:2px solid #111;border-radius:100px;transition:background .2s,color .2s}#profile-content nav a:hover{background:#ff6b00;border-color:#ff6b00;color:#fff}#profile-content article section{display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto auto auto;gap:0 60px;padding:60px 0;border-bottom:1px solid #e0e0e0}#profile-content article section .section-label{grid-column:1;grid-row:1}#profile-content h2{font-size:clamp(2.5rem, 6vw, 4.5rem);font-weight:900;letter-spacing:-2px;color:#111;text-transform:uppercase;line-height:.95;margin:16px 0 32px;grid-column:1/-1;grid-row:2}#profile-content .section-body{grid-column:2;grid-row:3}#profile-content p{margin-bottom:14px;font-size:1rem;color:#333}#profile-content strong{color:#111;font-weight:700}#profile-content ul.card-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:#e0e0e0;border:1px solid #e0e0e0;grid-column:2;grid-row:3}#profile-content ul.card-grid li{background:#fff;padding:20px 18px;font-size:.9rem;font-weight:700;color:#111;display:flex;flex-direction:column;gap:4px;transition:background .15s}#profile-content ul.card-grid li:hover{background:#fff4ec}#profile-content ul.card-grid li span{font-weight:400;font-size:.78rem;color:#ff6b00;text-transform:uppercase;letter-spacing:1px}#profile-content .exp-list{grid-column:2;grid-row:3;display:flex;flex-direction:column;gap:0}#profile-content .exp-item{padding:28px 0;border-bottom:1px solid #f0f0f0}#profile-content .exp-item:last-child{border-bottom:none}#profile-content .exp-meta{display:flex;align-items:center;gap:12px;margin-bottom:6px}#profile-content .exp-year{font-size:.78rem;color:#999;font-weight:500;letter-spacing:1px}#profile-content .exp-tag{font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:#ff6b00;color:#fff;padding:2px 8px;border-radius:100px}#profile-content .exp-company{font-size:1.1rem;font-weight:800;color:#111;margin-bottom:2px}#profile-content .exp-role{font-size:.85rem;color:#555;margin-bottom:8px}#profile-content .exp-desc{font-size:.9rem;color:#444;margin-bottom:0}#profile-content footer{padding-top:40px;color:#aaa;font-size:.85rem}#profile-content footer a{color:#ff6b00;text-decoration:none}#profile-content footer a:hover{text-decoration:underline}@media (max-width:700px){#profile-content{padding:48px 20px 64px}#profile-content article section{grid-template-columns:1fr;gap:16px;padding:40px 0}#profile-content .exp-list,#profile-content .section-body,#profile-content ul.card-grid{grid-column:1}#profile-content h2{font-size:2.5rem}#profile-content h1{letter-spacing:-1px}}.scroll-hint{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:10px;color:#333;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;background:#fff;border-top:1px solid #e0e0e0;z-index:5;transition:opacity .3s;pointer-events:none}.scroll-hint.hidden{opacity:0}