:root{--sky-blue: #0bbaf9;--grass-green: #3aa655;--dark-blue: #0d1821;--primary: #ffd700;--accent: #ff6f61;--text-light: #f4f4f4;--panel-bg: rgba(13, 24, 33, .7);--char-baseline: 64px;--ppcm: 37.8px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,sans-serif;color:var(--text-light);background-color:var(--sky-blue);overflow-x:hidden;overflow-y:hidden}.dark-mode-decor{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.dark-mode-decor.active{opacity:1;visibility:visible}#dark-mode-stars-bg{z-index:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}#dark-mode-stars-bg.active{opacity:1;visibility:visible}.scene{position:relative;z-index:25}.dark-mode-decor img{position:absolute;display:block;-webkit-user-select:none;user-select:none}.dark-mode-star{width:72px;height:auto;transform-origin:center;animation-name:drift-right-star;animation-duration:48s;animation-delay:0s;animation-iteration-count:infinite;animation-timing-function:linear}.dark-mode-plus{width:48px;height:auto;transform-origin:center;animation-name:drift-right-plus;animation-duration:36s;animation-delay:0s;animation-iteration-count:infinite;animation-timing-function:linear}.dark-mode-plus-bg{width:32px;opacity:.6}@keyframes drift-right-star{0%{transform:translate(-28vw) scale(var(--scale, 1))}to{transform:translate(110vw) scale(var(--scale, 1))}}@keyframes drift-right-plus{0%{transform:translate(-28vw) scale(var(--scale, .3))}to{transform:translate(120vw) scale(var(--scale, .3))}}#hud{position:fixed;top:10px;left:10px;z-index:1000;font-family:"Press Start 2P",monospace;color:var(--primary);font-size:.9rem;text-shadow:2px 2px 0 #000}#game-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.world{display:flex;height:100%;position:relative;transition:transform .1s linear}#environment-layer{position:absolute;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:22}.end-pole{position:absolute;bottom:68px;height:calc(6 * var(--ppcm));width:auto;z-index:50;pointer-events:none}.hill-small,.hill-tall,.grass-small,.grass-long{position:absolute;top:auto;bottom:68px;z-index:50;height:auto;pointer-events:none}.hill-small{width:15vw}.hill-tall{width:25vw}.grass-small{width:8vw}.grass-long{width:12vw}#sky-layer{position:absolute;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:20}#floor{position:absolute;left:0;bottom:0;width:100%;height:72px;background-image:url(../images/floor_new.png);background-repeat:repeat-x;background-size:auto 100%;z-index:100}.scene{width:100vw;height:100vh;background-size:cover;background-position:bottom center;background-repeat:no-repeat;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;padding-left:10vw;padding-top:14vh}.scene .content{max-width:40vw;background-color:var(--panel-bg);padding:1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 10px #0000004d;position:relative;z-index:50}.scene h2{font-family:"Press Start 2P",monospace;font-size:1.3rem;margin-bottom:1rem;color:var(--primary);text-shadow:2px 2px 0 #000}.scene p,.scene li{font-size:.95rem;line-height:1.5;margin-bottom:.6rem;color:var(--text-light)}.scene ul{list-style:none;padding-left:0}.scene li:before{content:"";margin-right:0}.org-list{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;list-style:none;padding-left:0}.org-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:100px}.org-logo{height:60px;width:auto;margin-bottom:.4rem}.org-list.names-only{display:flex;flex-wrap:wrap;gap:1rem 2rem;list-style:none;padding-left:0}.org-list.names-only li{font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--primary);text-shadow:1px 1px 0 #000}.education-list li{margin-bottom:.5rem}#character{position:absolute;bottom:var(--char-baseline);left:12vw;width:72px;height:72px;background-image:url(../images/character.png);background-size:contain;background-repeat:no-repeat;animation:none;z-index:600}#character.face-left{transform:scaleX(-1)}#character.face-right{transform:scaleX(1)}.cloud{position:absolute;z-index:20;opacity:.9;pointer-events:none;animation-name:drift;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-20vw)}}.contact-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:6px;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;color:var(--dark-blue);background-color:var(--primary);box-shadow:0 3px #c5a200;transition:transform .1s}.btn:hover{transform:translateY(-2px)}.tamil{color:var(--accent);font-weight:700}.nav-hint{position:fixed;display:flex;align-items:center;gap:.5rem;font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--primary);text-shadow:1px 1px 0 #000;bottom:calc(10vh + (2 * var(--ppcm, 37.8px)));left:50%;transform:translate(-50%);z-index:1500;animation:blink 1s infinite;background-color:transparent;padding:0;border-radius:0;justify-content:center}.nav-hint i{font-size:1rem;color:var(--primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hidden{display:none!important}.player-entry{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:300000}html.has-player-name .player-entry{display:none!important}.entry-content{text-align:center;background-color:#0d1821e6;padding:3rem;border-radius:12px;border:4px solid var(--primary);box-shadow:0 0 20px #ffd7004d}.entry-title{font-family:"Press Start 2P",monospace;color:var(--primary);font-size:1.5rem;margin-bottom:2rem;text-shadow:2px 2px 0 #000;animation:blink 1s infinite}#player-name-input{display:block;width:100%;padding:1rem;margin-bottom:2rem;background-color:#000;border:2px solid var(--primary);color:var(--text-light);font-family:"Press Start 2P",monospace;font-size:1rem;text-align:center;text-transform:uppercase}#player-name-input:focus{outline:none;box-shadow:0 0 10px var(--primary)}.intro{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(../images/background1.png);background-repeat:repeat;background-size:auto 100%;display:flex;align-items:center;justify-content:center;z-index:200000}html.returning .intro{display:none!important}.intro-content{text-align:center;background-color:#0d1821cc;padding:2rem;border-radius:12px;box-shadow:0 4px 10px #00000080}.intro-title{font-family:"Press Start 2P",monospace;color:var(--primary);font-size:1.8rem;margin-bottom:1.2rem;text-shadow:2px 2px 0 #000}.intro-subtitle{font-family:Inter,sans-serif;color:var(--text-light);font-size:1rem;margin-bottom:1.5rem}.start-btn{font-family:"Press Start 2P",monospace;background-color:var(--primary);color:var(--dark-blue);padding:.8rem 1.6rem;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px #c5a200;transition:transform .1s}.start-btn:hover{transform:translateY(-3px)}.video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000;z-index:3000}.video-container video{width:100%;height:100%;object-fit:cover}.coin{position:absolute;bottom:var(--char-baseline);width:32px;height:32px;background-image:url(../images/coin.png);background-size:contain;background-repeat:no-repeat;z-index:500;transition:transform .3s ease}.coin.collected{transform:scale(0);opacity:0}.question-block{position:absolute;width:48px;height:48px;bottom:calc(var(--char-baseline) + 16vh);background-image:url(../images/question_block.png);background-size:contain;background-repeat:no-repeat;z-index:400;transition:transform .2s ease}.question-block.used{filter:brightness(.6)}.floating-score{position:fixed;left:12vw;bottom:calc(var(--char-baseline) + 80px);font-family:"Press Start 2P",monospace;color:var(--primary);font-size:1rem;text-shadow:2px 2px 0 #000;pointer-events:none;z-index:2000;animation:floatUp 1s forwards}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-50px) scale(1.2);opacity:0}}@media(max-width:768px){.scene .content{max-width:80vw;padding:1rem}#character{left:10%;width:60px;height:60px}.scene h2{font-size:1rem}.scene p,.scene li{font-size:.85rem}.scene{padding-left:5vw;padding-top:20vh}.scene .content{max-width:90vw}.nav-hint{bottom:12vh}}.project-list,.also-list,.skills-list{list-style:none;padding-left:0;margin-top:.5rem}.project-list li,.also-list li{margin-bottom:.8rem;font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--primary);text-shadow:1px 1px 0 #000}.project-list li a,.also-list li a{color:var(--primary);text-decoration:none}.project-list li a:hover,.also-list li a:hover{text-decoration:underline}.resume-link{display:inline-block;margin-top:1rem;font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--primary);text-shadow:1px 1px 0 #000;text-decoration:none}.resume-link:hover{text-decoration:underline}.skills-list li{margin-bottom:1.2rem}.skill-name{font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--primary);margin-right:.35rem;font-size:1rem;line-height:1;display:inline-block}.star-icon{width:24px;height:24px;vertical-align:middle}.audio-toggle{position:fixed;top:12px;right:12px;z-index:99999;border:none;background:transparent;color:var(--primary, #ffd54a);text-shadow:1px 1px 0 #000;font-family:"Press Start 2P",monospace;object-fit:cover}