body{margin:0;padding:0;overflow:hidden;background-color:#050505;font-family:Kiwi Maru,PingFang SC,Hiragino Sans,serif;color:#e0e0e0;-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;left:0;width:100%;height:100%}#ui-container{position:fixed;top:20px;right:20px;display:flex;align-items:flex-start;gap:15px;z-index:100}#icon-bar{display:flex;flex-direction:column;gap:10px}.ui-icon{width:45px;height:45px;background:#000000b3;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;transition:all .2s}.ui-icon:hover{background:#282828cc;border-color:#ffffff4d;transform:scale(1.05)}#objective-overlay{text-align:right;background:#000000b3;padding:15px 25px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}#progress-text{font-family:monospace;font-size:2.5rem;color:#60a5fa;text-shadow:0 0 10px rgba(96,165,250,.6);margin-bottom:5px}#objective-text{font-size:1.1rem;color:#ddd;letter-spacing:.1rem}#start-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#050505;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}#start-screen h1{font-size:5rem;color:#fff;letter-spacing:.5rem;margin-bottom:10px}#start-screen p{font-size:1.5rem;margin-bottom:50px;color:#888}#start-btn{padding:15px 40px;font-size:1.5rem;background:transparent;color:#fff;border:2px solid white;cursor:pointer;border-radius:5px;transition:all .3s;font-family:inherit}#start-btn:hover{background:#fff;color:#000}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#050505;background-image:radial-gradient(circle at center,#111,#050505);display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity 1s ease-out}#loading-content{width:400px;text-align:center}#loading-title{font-size:2rem;letter-spacing:.3rem;color:#60a5fa;margin-bottom:30px;text-shadow:0 0 15px rgba(96,165,250,.5);font-weight:300}#loading-bar-container{width:100%;height:4px;background:#ffffff0d;border-radius:2px;margin-bottom:15px;overflow:hidden;box-shadow:0 0 10px #00000080}#loading-bar{width:0%;height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 15px #60a5fa;transition:width .3s ease-out}#loading-percentage{font-family:monospace;font-size:1.2rem;color:#60a5fa;margin-bottom:10px}#loading-sub{font-size:.8rem;color:#444;text-transform:uppercase;letter-spacing:.1rem}#intro-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:9000;padding:20px;box-sizing:border-box;transition:opacity 1s ease-out}#intro-text{font-size:1.8rem;line-height:2;color:#fff;max-width:800px;text-align:center;opacity:0;transition:opacity 2s ease-in-out}#dialogue-box{position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:80%;max-width:800px;max-height:calc(100vh - 60px);overflow-y:auto;background:#000000d9;border:1px solid #555;border-radius:5px;padding:20px 30px;z-index:10001;box-sizing:border-box}#dialogue-text{font-size:1.4rem;line-height:1.6;color:#fff;min-height:2.5em}.dialogue-prompt{text-align:right;font-size:.9rem;color:#aaa;margin-top:10px;animation:blink 1s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:.3}}#interact-notice{position:fixed;bottom:25%;left:50%;transform:translate(-50%);font-size:1.2rem;font-weight:700;color:#fff;background:#640000cc;padding:10px 30px;border-radius:8px;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;text-shadow:0 0 5px red;box-shadow:0 0 10px red;z-index:100}#instructions{position:fixed;bottom:5%;left:2%;font-size:.9rem;opacity:.5;pointer-events:none;line-height:1.5}.glitch{animation:glitch-anim .2s infinite}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}#photo-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center}#photo-container{position:relative;max-width:80%;max-height:80%}#photo-img{width:600px;max-width:100%;height:auto;object-fit:contain;filter:brightness(1.1) contrast(1.1);box-shadow:0 0 50px #00000080;transform:rotate(-1deg)}#scattered-text-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.scattered-text{position:absolute;color:red;font-size:1.5rem;font-weight:700;font-family:Kiwi Maru,serif;text-shadow:2px 2px 5px rgba(0,0,0,.8);opacity:.8}.shaking-text{animation:shake .5s infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}#choice-container{margin-top:15px;display:flex;flex-direction:column;gap:10px}.choice-btn{background:transparent;border:1px solid #666;color:#eee;padding:10px 20px;font-size:1.1rem;cursor:pointer;text-align:left;transition:all .2s;font-family:inherit;border-radius:4px}.choice-btn:hover,.choice-btn.selected{background:#333;border-color:#aaa}#settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0a0af2;border:1px solid #444;border-radius:12px;padding:30px;width:300px;z-index:11000;box-shadow:0 0 40px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#settings-panel h3{margin-top:0;font-size:1.5rem;color:#60a5fa;border-bottom:1px solid #333;padding-bottom:15px;margin-bottom:20px;text-align:center}.settings-item{margin-bottom:25px}.settings-item label{display:block;margin-bottom:10px;font-size:.9rem;color:#aaa}.settings-item input[type=range]{width:100%;cursor:pointer;accent-color:#60a5fa}#settings-close-btn{width:100%;padding:12px;background:transparent;border:1px solid #444;color:#fff;cursor:pointer;border-radius:6px;transition:all .3s;font-family:inherit;margin-top:10px}#settings-close-btn:hover{background:#222;border-color:#888}#inventory-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f0f0ff2;border:2px solid #444;border-radius:12px;padding:30px;width:350px;z-index:12000;box-shadow:0 0 50px #000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}#inventory-panel h3{margin:0 0 20px;font-size:1.5rem;color:#60a5fa;border-bottom:1px solid #333;padding-bottom:15px;text-align:center}#inventory-list{display:flex;flex-direction:column;gap:12px;margin-bottom:25px;max-height:300px;overflow-y:auto;overflow-x:hidden;padding-right:5px}.inventory-item{background:#ffffff0d;border:1px solid #333;padding:15px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:15px;outline:none;-webkit-user-select:none;user-select:none}.inventory-item:hover{background:#ffffff1a;border-color:#60a5fa;transform:translate(5px)}.item-icon{font-size:1.4rem}.item-name{font-size:1.1rem;color:#ddd}#inventory-close-btn{width:100%;padding:12px;background:#222;border:1px solid #444;color:#fff;cursor:pointer;border-radius:6px;transition:.3s}#inventory-close-btn:hover{background:#333;border-color:#888}#map-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:15000;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:30px}#map-container{width:600px;height:720px;display:flex;flex-direction:column;align-items:center}#map-floor-title{color:#60a5fa;margin-bottom:5px;font-size:1.8rem;letter-spacing:2px;text-shadow:0 0 10px rgba(96,165,250,.4)}#map-floor-toggles{display:flex;gap:15px;margin-bottom:20px}.floor-toggle-btn{background:#ffffff0d;border:1px solid #444;color:#888;padding:8px 25px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:1rem;transition:all .2s}.floor-toggle-btn:hover{background:#ffffff1a;color:#fff;border-color:#666}.floor-toggle-btn.active{background:#60a5fa;color:#000;border-color:#60a5fa;font-weight:700;box-shadow:0 0 15px #60a5fa80}#map-frame{position:relative;width:500px;height:500px;background:#0a0a0a;border:2px solid #333;box-shadow:inset 0 0 30px #000,0 0 40px #000;overflow:hidden}#map-rooms{position:absolute;width:100%;height:100%}.map-room{position:absolute;border:1.5px solid #444;background:#14191e99;display:flex;justify-content:center;align-items:center;font-size:.8rem;color:#666;transition:all .5s}.room-label{text-align:center;pointer-events:none}#player-marker{position:absolute;width:12px;height:12px;background:#f33;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #f33,0 0 20px #ff333380;z-index:100;transition:left .1s linear,top .1s linear}#player-marker:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid #ff3333;border-radius:50%;animation:marker-pulse 1.5s infinite}@keyframes marker-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.room-2f-boy{left:21.43%;top:53.33%;width:42.86%;height:40%}.room-2f-hall{left:35.71%;top:6.67%;width:14.28%;height:46.66%}.room-2f-sister{left:50%;top:10%;width:42.86%;height:40%}.room-2f-left{left:7.14%;top:20%;width:28.57%;height:20%}.room-1f-hall{left:30.77%;top:8.33%;width:15.38%;height:83.33%}.room-1f-living{left:46.15%;top:50%;width:46.15%;height:29.17%}.room-1f-kitchen{left:46.15%;top:79.17%;width:46.15%;height:12.5%}.room-1f-toilet{left:7.69%;top:55.5%;width:23.08%;height:12.5%}.room-1f-left{left:7.69%;top:12.5%;width:23.08%;height:25%}.room-1f-parents{left:46.15%;top:12.5%;width:30.77%;height:25%}.puzzle-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0a0afa;border:2px solid #333;padding:30px;display:none;flex-direction:column;align-items:center;z-index:20000;color:#fff;box-shadow:0 0 100px #000;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.puzzle-title{font-size:1.2rem;color:#60a5fa;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase}.keypad-display{background:#000;border:1px solid #444;width:180px;height:60px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;font-size:2rem;letter-spacing:8px;font-family:Courier New,Courier,monospace;color:#0f0;text-shadow:0 0 8px #0f0;box-shadow:inset 0 0 10px #0f03}.keypad-grid{display:grid;grid-template-columns:repeat(3,70px);gap:15px}.keypad-btn{width:70px;height:70px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border:1px solid #333;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center;border-radius:8px;font-family:inherit}.keypad-btn:hover{background:#252525;border-color:#60a5fa;color:#60a5fa;transform:translateY(-2px)}.keypad-btn:active{background:#111;transform:translateY(1px)}.keypad-btn.clear{background:#2a1515;border-color:#522;color:#fca5a5}.keypad-btn.clear:hover{background:#4a1515;border-color:red;color:#fff}.keypad-btn.cancel{background:#222;border-color:#444}.keypad-btn.confirm{flex:1;background:linear-gradient(145deg,#0d2b1a,#071510);border-color:#1a6b3a;color:#4ade80;font-size:1.8rem;box-shadow:0 0 12px #4ade8033}.keypad-btn.confirm:hover{background:linear-gradient(145deg,#1a4a2a,#0d2b1a);border-color:#4ade80;color:#86efac;box-shadow:0 0 20px #4ade8080;transform:translateY(-2px)}.keypad-btn.confirm:active{transform:translateY(1px);box-shadow:0 0 8px #4ade804d}.sliding-grid{display:grid;grid-template-columns:repeat(5,100px);grid-template-rows:repeat(5,100px);gap:12px;background:#000;padding:20px;border:2px solid #222;border-radius:12px}.sliding-tile{width:100px;height:100px;position:relative;cursor:pointer;transition:transform .1s,background-color .2s;-webkit-user-select:none;user-select:none;border-radius:4px;overflow:hidden}.sliding-tile:hover{filter:brightness(1.3)}.sliding-tile.empty{background:transparent;cursor:default;pointer-events:none}.sliding-tile .icon{width:100%;height:100%;position:absolute;top:0;left:0}.p0 .icon{background-color:#3b82f6}.p1 .icon{background-color:#ef4444}.p2 .icon{background-color:#22c55e}.p3 .icon{background-color:#a855f7}.p4 .icon{background-color:#facc15}.head .icon{clip-path:circle(40% at 50% 60%)}.neck .icon{clip-path:polygon(38% 0%,62% 0%,62% 100%,38% 100%)}.body .icon{clip-path:polygon(5% 0%,95% 0%,95% 100%,5% 100%)}.waist .icon{clip-path:polygon(8% 0%,92% 0%,80% 100%,20% 100%)}.legs .icon{clip-path:polygon(15% 0%,85% 0%,85% 100%,58% 100%,58% 40%,42% 40%,42% 100%,15% 100%)}.special .icon{clip-path:inset(15% 15% 15% 15% round 4px)}.sliding-tile.fixed{outline:2px dashed rgba(255,255,255,.6);outline-offset:-4px;cursor:default;filter:brightness(.9) saturate(.8)}.sliding-tile.fixed .icon{opacity:.9}@keyframes pulse-solved{0%{transform:scale(1)}50%{transform:scale(1.05);filter:brightness(1.5)}to{transform:scale(1)}}.puzzle-solved .sliding-tile{animation:pulse-solved .5s ease-in-out}.sliding-tile.cursor{outline:4px solid #facc15;outline-offset:-2px;box-shadow:0 0 20px #facc15cc;z-index:10}.sliding-tile.grabbed{outline:4px solid #f97316;outline-offset:-2px;box-shadow:0 0 25px #f97316e6;z-index:11;transform:scale(1.05)}body.giant-glitch-ui #dialogue-box{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;border:none;box-shadow:none;font-size:12vw;line-height:1;color:red;text-shadow:10px 10px 0px rgba(100,0,0,.8),-10px -10px 0px rgba(50,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1000;pointer-events:auto;animation:giant-shake .1s infinite}body.giant-glitch-ui #choice-container{position:static;display:flex;flex-direction:row;justify-content:center;gap:5vw;z-index:1001;margin-top:5vh}body.giant-glitch-ui .choice-btn{font-size:6vw;padding:1vw 4vw;background:#f003;border:5px solid red;color:#faa;text-shadow:2px 2px 5px red;animation:giant-shake .15s infinite reverse}body.giant-glitch-ui .choice-btn.selected{background:red;color:#fff;transform:scale(1.2);box-shadow:0 0 50px red}@keyframes giant-shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,-10px) rotate(2deg)}50%{transform:translate(-10px,15px) rotate(-1deg)}75%{transform:translate(15px,5px) rotate(1deg)}to{transform:translate(-5px,-5px) rotate(-2deg)}}