:root{--bg-color: #1a1a2e;--text-color: #e94560;--bar-bg: #16213e;--energy-color: #fca311;--mood-color: #0f3460;--progress-color: #4cc9f0;--font-main: "VT323", monospace}body{margin:0;padding:0;background-color:var(--bg-color);font-family:var(--font-main);color:#fff;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;-webkit-user-select:none;user-select:none}#app{position:relative;width:100%;max-width:1024px;aspect-ratio:16/9;box-shadow:0 0 20px #00000080;background:#000;display:flex;flex-direction:column}#game-container{position:relative;width:100%;height:100%;overflow:hidden}#room{position:relative;width:100%;height:100%}#bg-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}#dev-char{position:absolute;bottom:15%;left:35%;width:20%;image-rendering:pixelated;transition:transform .1s}.working-anim{animation:shake .2s infinite}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(1px,1px)}50%{transform:translate(-1px,-1px)}75%{transform:translate(1px,-1px)}to{transform:translate(0)}}#wife-char{position:absolute;bottom:15%;right:20%;width:15%;image-rendering:pixelated;transition:opacity .5s}.hidden{opacity:0;pointer-events:none}#pc-click-zone{position:absolute;top:40%;left:25%;width:30%;height:30%;cursor:pointer;z-index:10}#pc-click-zone:hover{background:#ffffff1a;box-shadow:0 0 15px #fff3}#hud{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:10px;background:#000000b3;padding:10px;border-radius:5px;border:2px solid #fff}.stat-bar{display:flex;align-items:center;gap:10px}.label{width:80px;font-size:1.2rem;text-align:right}.bar-container{width:200px;height:20px;background:var(--bar-bg);border:1px solid #fff}.bar-fill{height:100%;width:100%;transition:width .3s}#energy-bar{background:var(--energy-color)}#progress-bar{background:var(--progress-color)}#mood-bar{background:linear-gradient(90deg,#540d6e,#ee4266);box-shadow:0 0 10px #ee4266}#controls{position:absolute;bottom:20px;left:20px;display:flex;gap:10px}button{background:#e94560;border:2px solid #fff;color:#fff;padding:10px 20px;font-family:var(--font-main);font-size:1.5rem;cursor:pointer;transition:transform .1s}button:active{transform:scale(.95)}button:disabled{background:#555;cursor:not-allowed}#chat-box{position:absolute;top:20px;right:20px;width:300px;height:400px;background:#000c;border:2px solid #6441a5;display:flex;flex-direction:column;color:#fff;font-size:1.1rem}.chat-header{background:#6441a5;padding:5px 10px;font-weight:700}#chat-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:5px}.chat-msg{word-wrap:break-word}.username{font-weight:700;margin-right:5px}.u-Quarentin{color:#ff4500;text-shadow:1px 1px 0 #000}.u-lumenified{color:#00bfff}.u-enx0v{color:#32cd32;font-style:italic}.u-legrandeblue_{color:gold}.u-ilkay_ss{color:#8a2be2}.u-ahuhafsa{color:#ff69b4}.u-wife{color:#ff1493;font-weight:900}#notifications{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:100}.popup{background:#000000e6;border:3px solid #fff;padding:15px 30px;font-size:2rem;font-weight:700;text-shadow:2px 2px 0 #000;animation:popAndFade 2.5s forwards;border-radius:10px}.popup.positive{border-color:#32cd32;color:#32cd32;box-shadow:0 0 20px #32cd3280}.popup.negative{border-color:red;color:red;box-shadow:0 0 20px #ff000080}.popup.wife{border-color:#ff69b4;color:#fff;background:#ff69b4cc}@keyframes popAndFade{0%{opacity:0;transform:scale(.5) translateY(0)}10%{opacity:1;transform:scale(1.1) translateY(0)}20%{opacity:1;transform:scale(1) translateY(0)}80%{opacity:1;transform:translateY(-50px)}to{opacity:0;transform:translateY(-100px)}}.main-nav{display:flex;background:#111;border-bottom:2px solid #444;height:60px;flex-shrink:0}.nav-tab{flex:1;background:#222;color:#888;border:none;padding:0;font-size:1.5rem;font-family:var(--font-main);cursor:pointer;text-transform:uppercase;transition:all .2s}.nav-tab:hover{background:#333;color:#fff}.nav-tab.active{background:#e94560;color:#fff;font-weight:700}.tab-content{display:none;flex:1;position:relative;width:100%;height:calc(100% - 60px);overflow:hidden}.tab-content.active{display:block}#whipping-scene{position:relative;width:100%;height:100%;background-color:#000;overflow:hidden}.scene-bg{width:100%;height:100%;background-image:url(/whip_bg.png);background-size:cover;image-rendering:pixelated;opacity:.8}#w-wife{position:absolute;bottom:10%;right:25%;width:256px;height:256px;background-size:contain;background-repeat:no-repeat;image-rendering:pixelated}.sprite-wife-idle{background-image:url(/wife_idle.png)}.sprite-wife-whip{background-image:url(/wife_whip.png)}#w-dev{position:absolute;bottom:10%;left:25%;width:200px;height:200px;background-image:url(/dev_scared.png);background-size:contain;background-repeat:no-repeat;image-rendering:pixelated;transition:transform .1s}.dev-hit{filter:brightness(.5) sepia(1) hue-rotate(-50deg) saturate(300%);transform:scale(.95)}#w-heart{position:absolute;top:15%;left:50%;transform:translate(-50%);width:200px;height:200px;background-image:url(/heart_pixel.png);background-size:contain;background-repeat:no-repeat;image-rendering:pixelated;animation:pulseHeart 1s infinite;z-index:50}#w-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:gold;text-shadow:4px 4px 0 #000;background:#000000b3;padding:20px;border:4px solid #fff;z-index:60;white-space:nowrap}.whip-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:15px;align-items:center;z-index:40}#btn-whip-action{font-size:2rem;padding:15px 50px;background:red;color:#fff;border:4px solid #fff;box-shadow:0 0 20px #ff000080;font-family:var(--font-main);cursor:pointer;transition:transform .1s}#btn-whip-action:active{transform:scale(.95)}.counter{font-size:2.5rem;color:#fff;text-shadow:2px 2px 0 #000;background:#00000080;padding:5px 15px;border-radius:5px}.pixel-bubble{position:absolute;bottom:45%;right:20%;background:#fff;color:#000;padding:15px;font-family:var(--font-main);font-size:1.5rem;font-weight:700;text-align:center;z-index:100;box-shadow:-4px 0 #fff,4px 0 #fff,0 -4px #fff,0 4px #fff,-8px 0 #000,8px 0 #000,0 -8px #000,0 8px #000;margin:10px;max-width:200px;animation:floatBubble 2s infinite ease-in-out}.pixel-bubble:after{content:"";position:absolute;bottom:-12px;left:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;filter:drop-shadow(0 4px 0 #000)}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulseHeart{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}to{transform:translate(-50%) scale(1)}}