html,body{margin:0;padding:0;background:black;font-family:"Inter", sans-serif}.full-screen{position:fixed;inset:0;overflow:hidden}.machine-wrapper{position:relative}.machine-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.machine-ui{position:absolute;inset:0}.machine-btn{position:absolute;transform:translate(-50%, -50%);cursor:pointer;z-index:1000;width:6%;height:18%}.machine-btn[data-key="home"]{top:34%;left:33.5%}.machine-btn[data-key="about"]{top:34%;left:41%}.machine-btn[data-key="resume"]{top:34%;left:56.5%}.machine-btn[data-key="projects"]{top:34%;left:63.5%}.machine-btn[data-key="contact"]{top:57%;left:33.5%}.machine-btn[data-key="github"]{top:57%;left:41%}.machine-btn[data-key="linkedin"]{top:57%;left:56.5%}.machine-btn[data-key="topshelf"]{top:57%;left:63.5%}.chip-wrapper{display:flex;justify-content:center}.chip-stage{position:relative;width:100vw;max-width:900px}.chip-img{width:100%;height:auto;display:block}.chip-ui{position:absolute;inset:0}.chip-textbox{position:absolute;z-index:10;top:44%;left:54%;transform:translate(-50%, -50%);width:15%;height:38%;padding:12px;overflow-y:auto;font-size:11px;line-height:1.4}.chip-textbox h1,.chip-textbox h2,.chip-textbox h3{font-size:13px;font-weight:600;margin-bottom:4px}.chip-textbox label{font-size:13px;font-weight:600;display:block;margin-bottom:2px}.chip-textbox input,.chip-textbox textarea{font-size:11px;padding:4px}.chip-back-btn{position:absolute;top:78%;left:34%;width:7%;height:6%;aspect-ratio:1 / 1;transform:translate(-50%, -50%);z-index:20}.chip-profile-pic{width:70%;display:block;margin:0 auto 10px;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;border:1px solid black}#bottle-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}.bottle{opacity:0;transform:translateY(20px);transition:all 0.6s ease}.bottle.show{opacity:1;transform:translateY(0)}.falling-bottle{position:absolute;width:120px;transform:translate(-50%, -50%);pointer-events:none}.screen-hit{animation:shake 0.2s}@keyframes shake{0%{transform:translate(0, 0)}25%{transform:translate(-6px, 4px)}50%{transform:translate(6px, -4px)}75%{transform:translate(-4px, 3px)}100%{transform:translate(0, 0)}}html,body{height:100%;overflow-y:auto}.chip-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px 0}.chip-stage{position:relative;width:100vw;max-width:1100px}.chip-img{width:100%;height:auto;display:block}.chip-ui{position:absolute;inset:0}.chip-textbox{position:absolute;z-index:10;top:37%;left:58%;transform:translate(-50%, -50%);width:25%;height:42%;min-width:200px;max-width:300px;min-height:200px;max-height:500px;padding:12px;overflow-y:auto}.error-box{background:rgba(255,0,0,0.1);border:2px solid red;padding:10px;margin-bottom:15px;border-radius:8px;color:red}