@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{color:#332518;background:#100d0b;font-family:"Press Start 2P",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;image-rendering:pixelated}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(134,104,73,.24),transparent 34rem),linear-gradient(135deg,#15100d,#241914 52%,#0d0b0a)}button,a,input{font:inherit}button,a{touch-action:manipulation}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(.75rem,2.5vw,1.5rem)}.top-bar{width:min(100%,980px);margin:0 auto;display:flex;align-items:end;justify-content:space-between;gap:1rem;color:#f5e4cd;text-shadow:0 2px 0 #000}.top-bar h1{margin:0 0 .45rem;font-size:clamp(.86rem,2.4vw,1.25rem);letter-spacing:0}.top-bar p{margin:0;color:#d3b99b;font-size:clamp(.58rem,1.4vw,.72rem);line-height:1.8}.debug-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.58rem;color:#f1d7b9;cursor:pointer}.debug-toggle input{accent-color:#af7650}.room-frame{width:min(100%,980px);margin:0 auto;align-self:start;border:clamp(.35rem,1.2vw,.65rem) solid #6f523c;box-shadow:0 0 0 .18rem #2b1d15,0 1.25rem 3rem #00000073;background:#2d2119}.room-stage{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#15110e;cursor:crosshair}.room-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.character{position:absolute;width:17%;transform:translate(-50%,-95%);transition:left .13s linear,top .13s linear;z-index:4;filter:drop-shadow(0 .22rem 0 rgba(0,0,0,.35));pointer-events:none}.character__sprite{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.character--walking{animation:bob .28s steps(2,end) infinite}.hotspot{position:absolute;z-index:3;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;cursor:pointer}.navigation-debug{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;pointer-events:none}.navigation-debug__cell{border:1px solid rgba(255,255,255,.08)}.navigation-debug__cell--walkable{background:#57b87029}.navigation-debug__cell--blocked{background:#de483f3b}.navigation-debug__cell--path{background:#ffe06694}.hotspot:focus-visible{outline:.18rem dashed #fff4cb;outline-offset:.12rem}.hotspot--debug{border:2px dashed rgba(255,243,174,.9);background:#fff3ae29}.hotspot__tooltip{position:absolute;left:50%;bottom:calc(100% + .4rem);transform:translate(-50%);white-space:nowrap;opacity:0;pointer-events:none;padding:.34rem .45rem;color:#3b2a1f;background:#fff1d4;border:2px solid #5c402c;box-shadow:0 .18rem #2c1f17;font-size:clamp(.46rem,1.3vw,.58rem);line-height:1.4}.hotspot:hover .hotspot__tooltip,.hotspot:focus-visible .hotspot__tooltip{opacity:1}.pixel-panel{color:#3a281c;background:#f5dfbf;border:.22rem solid #5a3926;box-shadow:inset 0 0 0 .14rem #fff2d7,0 .35rem #2a1a12,0 .9rem 1.4rem #0000004d}.interaction-menu{position:absolute;z-index:5;width:min(18rem,44%);max-height:52%;overflow:auto;transform:translate(-50%,-8%);padding:.8rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.panel-header h2{margin:0;font-size:clamp(.58rem,1.35vw,.72rem);line-height:1.5}.icon-button{width:1.75rem;height:1.75rem;display:grid;place-items:center;border:2px solid #5b3c2b;color:#fff8e9;background:#7d4b34;cursor:pointer;box-shadow:0 .12rem #2c1f17}.menu-actions,.track-list,.music-player{display:grid;gap:.55rem}.pixel-button,.track-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.55rem .65rem;border:2px solid #5b3c2b;color:#342319;background:#fff0d3;text-decoration:none;cursor:pointer;box-shadow:0 .16rem #8a664c;font-size:clamp(.5rem,1.25vw,.62rem);line-height:1.5;text-align:center}.pixel-button:hover,.track-button:hover,.pixel-button:focus-visible,.track-button:focus-visible,.icon-button:hover,.icon-button:focus-visible{transform:translateY(-1px);filter:brightness(1.04)}.track-button--active{color:#fff8e9;background:#7a8f70}.music-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.playback-button{min-width:4.6rem;min-height:1.8rem;padding:.36rem .5rem;border:2px solid #5b3c2b;color:#fff8e9;background:#7d4b34;cursor:pointer;box-shadow:0 .14rem #2c1f17;font-size:clamp(.46rem,1.05vw,.55rem);line-height:1.2;text-align:center}.playback-button:hover,.playback-button:focus-visible{transform:translateY(-1px);filter:brightness(1.06)}.volume-control{flex:1 1 8rem;display:grid;gap:.45rem;font-size:.55rem;line-height:1.6}.volume-control input{width:100%;accent-color:#7a8f70}.menu-copy,.status-text{margin:0;font-size:clamp(.48rem,1.15vw,.58rem);line-height:1.8}.sleep-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;color:#fff9df;background:#100a0c94;animation:sleepFade 2s ease-in-out forwards}.sleep-overlay span{font-size:clamp(1rem,5vw,2.2rem);text-shadow:0 .25rem 0 #1a1110}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#120c0a9e}.modal{width:min(100%,34rem);max-height:min(82vh,38rem);overflow:auto;padding:1rem}.modal__content{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92rem;line-height:1.6}.modal__content>p{white-space:pre-line}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0;list-style:none}.tag-list li{padding:.35rem .5rem;border:2px solid #7a553c;background:#fff1d4}.skill-groups{display:grid;gap:.75rem}.skill-group{padding:.75rem;border:2px solid #7a553c;background:#fff1d4}.skill-group h3,.skill-group p{margin:0}.skill-group h3{margin-bottom:.35rem;color:#6f442d;font-size:.95rem}.project-list{display:grid;gap:.75rem}.project-card{padding:.8rem;border:2px solid #7a553c;background:#fff1d4}.project-card h3,.project-card p{margin:0 0 .55rem}.project-card__stack{color:#6b5d35}.project-card a{color:#4a6c55;font-weight:700}@keyframes bob{0%{transform:translate(-50%,-100%) translateY(0)}to{transform:translate(-50%,-100%) translateY(-3%)}}@keyframes sleepFade{0%,to{opacity:0}18%,82%{opacity:1}}@media(max-width:760px){.app-shell{justify-content:center}.top-bar{align-items:start;flex-direction:column}.room-frame{width:min(100%,94vh)}.character{width:20%}.interaction-menu{width:min(18rem,58%);max-height:60%;padding:.65rem}}@media(max-width:480px){.app-shell{padding:.65rem}.room-frame{border-width:.28rem}.interaction-menu{left:50%!important;top:50%!important;width:82%;max-height:72%;transform:translate(-50%,-50%)}.pixel-button,.track-button{min-height:2rem;padding:.48rem}}