:root{--wall-main: #a7a7a2;--wall-corner: #a7a7a2;--bottom-carpet: #949074;--wall-baseboard: #ffffff;--window-frame: #8b4513;--window-blind: #f0f0f0;--shadow-hard: 0 8px 32px rgba(0, 0, 0, .25);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#f0f0f0,#e8e8e8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;perspective:1000px}.workspace-container{width:100%;max-width:1400px;height:100vh;max-height:800px;position:relative;background:var(--wall-main);border-radius:12px;box-shadow:var(--shadow-hard);overflow:hidden}.room-wall{position:absolute;top:0;left:0;right:0;bottom:0;transform-style:preserve-3d;perspective:1500px}.room-wall:before{content:"";position:absolute;top:0;left:10%;width:70%;height:75%;background:var(--wall-main);z-index:1}.bottom-carpet{position:absolute;bottom:0;left:0;right:0;height:25%;background:var(--bottom-carpet);z-index:2}.right-wall{position:absolute;top:0;right:0;width:20%;height:75%;background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,var(--wall-corner) 20%,var(--wall-corner) 100%);transform:perspective(1200px) rotateY(-40deg);transform-origin:left center;z-index:2}.wall-baseboard{position:absolute;bottom:25%;left:0;right:0;height:4%;background:var(--wall-baseboard);z-index:5;box-shadow:0 -3px 6px #00000026,0 2px 4px #0000001a}.corner-edge-right{position:absolute;top:0;right:20%;width:3px;height:75%;background:linear-gradient(to bottom,#00000026,#0000001f,#00000014);z-index:4;box-shadow:-1px 0 2px #0000001a,1px 0 1px #fff6}.window-area{position:absolute;top:20%;right:5%;width:8%;height:30%;z-index:5;transform:perspective(900px) rotateY(-30deg);transform-origin:left center}.window-frame{width:100%;height:100%;background:linear-gradient(145deg,var(--window-frame),#654321);border-radius:8px;box-shadow:var(--shadow-medium);padding:12px}.window-blinds{width:100%;height:100%;background:linear-gradient(to bottom,var(--window-blind),#e0e0e0);border-radius:4px;display:flex;flex-direction:column;justify-content:space-evenly;padding:8px;box-shadow:inset 0 0 10px #0000001a}.blind-slat{width:100%;height:8px;background:linear-gradient(145deg,#fff,#e8e8e8);border-radius:4px;box-shadow:0 1px 3px #0000001a,inset 0 1px 1px #fffc}.sun-light{position:absolute;top:-20%;right:-60%;width:250%;height:140%;background:radial-gradient(ellipse at center,rgba(255,255,0,.4) 0%,rgba(255,255,100,.3) 25%,rgba(255,255,150,.2) 50%,rgba(255,255,200,.1) 75%,transparent 100%);border-radius:50%;z-index:1;animation:sunGlow 6s ease-in-out infinite alternate;pointer-events:none}@keyframes sunGlow{to{opacity:.7;transform:scale(1.1)}}.wall-timer{position:absolute;top:8%;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;font-size:48px;font-weight:700;color:#fff;text-shadow:0 0 20px #ffffff,0 0 40px #ffffff,0 0 60px #ffffff,0 0 80px rgba(255,255,255,.8);z-index:10;animation:timerGlow 3s ease-in-out infinite alternate}@keyframes timerGlow{0%{text-shadow:0 0 20px #ffffff,0 0 40px #ffffff,0 0 60px #ffffff,0 0 80px rgba(255,255,255,.8)}to{text-shadow:0 0 25px #ffffff,0 0 50px #ffffff,0 0 75px #ffffff,0 0 100px rgba(255,255,255,.9)}}.wall-photo{position:absolute;z-index:3;overflow:hidden}.wall-photo:not(.naruto-poster):not(.initial-d-poster):not(.portrait-photo){border:3px solid #8b4513;border-radius:6px;box-shadow:0 6px 20px #00000040,0 2px 6px #00000026}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:700;color:#333;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border:2px dashed #ccc}.naruto-poster{top:5%;left:12%;width:120px;height:170px;background-image:url(https://i.ebayimg.com/images/g/WlAAAOSw0gFasZhJ/s-l1600.webp);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 4px 12px #0003}.initial-d-poster{top:20%;left:24%;width:100px;height:130px;background-image:url(https://arc-anglerfish-washpost-prod-washpost.s3.amazonaws.com/public/WTGYGDA4LYI6VNGB7UGZDNQNTY.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 4px 12px #0003;border:2px dashed #ccc}.portrait-photo{top:18%;left:38%;width:70px;height:90px;background-image:url(https://i.pinimg.com/736x/ce/27/26/ce27263519a6f49c79da3ffe6ea1b008.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 4px 12px #0003}.desk-setup{position:absolute;bottom:8%;left:50%;transform:translate(-50%);width:65%;height:35%;z-index:6}.desk-legs{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:85%;height:65%;z-index:1}.desk-leg{position:absolute;bottom:0;width:8%;height:100%;background:linear-gradient(135deg,#e0e0e0,#d0d0d0,silver 30%,#b0b0b0,#a0a0a0 70%,#909090,gray);border-radius:2px;box-shadow:0 6px 18px #0000004d,0 3px 8px #0003,inset -2px 0 4px #00000026,inset 2px 0 4px #ffffff4d,inset 0 2px 2px #fff6;border:1px solid #606060}.desk-leg.left-leg{left:12%}.desk-leg.right-leg{right:12%}.desk-surface{position:absolute;top:-5%;left:50%;transform:translate(-50%) rotateX(6deg);transform-origin:center bottom;width:90%;height:60%;background:linear-gradient(180deg,#e8c4a0,#d4a574,#c8956a,#bc8560,#b07556,#a4654c);border-radius:24px;box-shadow:0 15px 40px #00000040,0 8px 20px #00000026,inset 0 3px 6px #fff3,inset 0 -2px 4px #0000000d,inset 2px 0 4px #ffffff1a;z-index:2;overflow:visible;position:relative}.desk-surface:before{content:"";position:absolute;bottom:0;left:5%;right:5%;height:3px;background:#724a35;border-radius:0 0 20px 20px;z-index:1;clip-path:polygon(8% 0%,92% 0%,100% 100%,0% 100%)}.wood-texture{position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent 0px,rgba(139,69,19,.15) 1px,transparent 2px,rgba(160,82,45,.1) 4px,transparent 6px,rgba(139,69,19,.08) 8px,transparent 12px),repeating-linear-gradient(90deg,transparent 0px,rgba(139,69,19,.05) .5px,transparent 2px),radial-gradient(ellipse at 20% 30%,rgba(101,67,33,.2) 0%,transparent 15%),radial-gradient(ellipse at 80% 70%,rgba(139,69,19,.15) 0%,transparent 12%);opacity:1;border-radius:4px}.hardware-wrapper{position:absolute;bottom:58%;left:50%;transform:translate(-50%);width:70%;display:flex;justify-content:end;align-items:flex-end;gap:35px;z-index:15}.desk-shadow{position:absolute;bottom:-5%;left:50%;transform:translate(-50%);width:105%;height:15%;background:radial-gradient(ellipse at center,rgba(0,0,0,.2) 0%,rgba(0,0,0,.1) 50%,transparent 100%);z-index:0;border-radius:50%}.monitors-container{position:relative;transform-style:preserve-3d;display:flex;justify-content:center;align-items:flex-end;gap:25px;margin-bottom:90px;right:-20%}.monitor{position:relative;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;transform-origin:bottom center;transform:rotateX(-85deg)}.monitor:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:10px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:8px;box-shadow:0 6px 18px #00000080,0 2px 8px #0000004d;z-index:5}.monitor-frame{position:relative;transform-style:preserve-3d}.monitor-bezel{padding:2px;background:linear-gradient(145deg,#1a1a1a,#2d2d2d,#1a1a1a);border-radius:6px;box-shadow:0 6px 12px #0006,inset 0 2px 4px #ffffff1a}.vertical-screen{width:120px;height:220px}.horizontal-screen{width:220px;height:140px}.screen{border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 0 15px #0000004d}.screen-content{width:100%;height:100%;position:relative}.monitor-image{width:100%;height:100%;object-fit:cover;border-radius:4px;animation:screenGlow 3s ease-in-out infinite alternate}.screen-glow{position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;background:radial-gradient(ellipse at center,rgba(100,200,255,.4) 0%,rgba(100,200,255,.2) 40%,rgba(100,200,255,.05) 70%,transparent 100%);border-radius:16px;z-index:-1;animation:ambientGlow 4s ease-in-out infinite alternate}.screen-reflection{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.05) 100%);pointer-events:none;border-radius:4px}.left-monitor{transform:translateZ(0)}.left-monitor .screen-glow{background:radial-gradient(ellipse at center,rgba(102,126,234,.4) 0%,rgba(118,75,162,.2) 40%,transparent 70%)}.right-monitor{transform:translateZ(0)}.right-monitor .screen-glow{background:radial-gradient(ellipse at center,rgba(79,172,254,.4) 0%,rgba(0,242,254,.2) 40%,transparent 70%)}@keyframes screenGlow{0%{filter:brightness(1) saturate(1) contrast(1)}to{filter:brightness(1.1) saturate(1.2) contrast(1.05)}}@keyframes ambientGlow{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.monitor:hover .monitor-image{animation-duration:1s;filter:brightness(1.15) saturate(1.3)}.monitor:hover .monitor-bezel{box-shadow:0 9px 18px #00000080,inset 0 2px 4px #ffffff26}.monitor:hover .screen-glow{animation-duration:2s;opacity:1.2}.gaming-pc{position:relative;z-index:11;perspective:1200px;filter:drop-shadow(0 15px 25px rgba(0,0,0,.4));transform-origin:bottom center}.gaming-pc .pc-case-art{width:95px;height:180px;background:linear-gradient(145deg,#080808,#151515,#0a0a0a);border-radius:6px;position:relative;box-shadow:0 12px 25px #000000e6,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transform-style:preserve-3d;overflow:hidden}.gaming-pc .glass-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff14,#ffffff05 30%,#ffffff0f 70%,#ffffff1f);border-radius:6px;z-index:20;pointer-events:none}.gaming-pc .omen-logo{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:15}.gaming-pc .omen-logo h1{color:#fff;font-size:7px;font-weight:200;letter-spacing:1px;text-shadow:0 0 3px rgba(255,255,255,.3),0 0 6px rgba(255,255,255,.1)}.gaming-pc .fans-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;z-index:10}.gaming-pc .rgb-fan{width:40px;height:40px;position:relative;border-radius:50%}.gaming-pc .fan-outer-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:5;animation:fanSpin 3s linear infinite}.gaming-pc .fan-top .fan-outer-ring{background:conic-gradient(from 0deg,#f0f,#8000ff,#0080ff,#0ff,#00ff80,#80ff00,#ff0,#ff8000,#f0f 360deg)}.gaming-pc .fan-bottom .fan-outer-ring{background:conic-gradient(from 180deg,#0ff,#0080ff,#8000ff,#f0f,#ff0080,#ff8000,#ff0,#80ff00,#0ff 360deg);animation:fanSpinReverse 3s linear infinite}.gaming-pc .fan-inner-ring{position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:radial-gradient(circle,rgba(0,0,0,.95) 35%,rgba(0,0,0,.8) 60%,rgba(0,0,0,.6) 80%,transparent 100%);border-radius:50%;z-index:6}.gaming-pc .fan-center-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:radial-gradient(circle,#000,#1a1a1a,#000);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:12;box-shadow:0 0 4px #000c,inset 0 1px #ffffff1a}.gaming-pc .hub-text{color:#fff;font-size:2.5px;font-weight:700;letter-spacing:.3px;opacity:.9}.gaming-pc .fan-blades-static{position:absolute;top:0;left:0;width:100%;height:100%;z-index:8;animation:fanSpin 2s linear infinite}.gaming-pc .fan-top .fan-blades-static{animation:fanSpin 2s linear infinite}.gaming-pc .fan-bottom .fan-blades-static{animation:fanSpinReverse 2s linear infinite}.gaming-pc .blade{position:absolute;top:50%;left:50%;width:17px;height:1.8px;background:linear-gradient(90deg,#ffffffe6,#fff6,#ffffff1a);border-radius:1px;transform-origin:2px center;opacity:.8}.gaming-pc .blade:nth-child(1){transform:translate(-2px,-50%) rotate(0)}.gaming-pc .blade:nth-child(2){transform:translate(-2px,-50%) rotate(60deg)}.gaming-pc .blade:nth-child(3){transform:translate(-2px,-50%) rotate(120deg)}.gaming-pc .blade:nth-child(4){transform:translate(-2px,-50%) rotate(180deg)}.gaming-pc .blade:nth-child(5){transform:translate(-2px,-50%) rotate(240deg)}.gaming-pc .blade:nth-child(6){transform:translate(-2px,-50%) rotate(300deg)}.gaming-pc .case-bottom{position:absolute;bottom:5px;left:5px;right:5px;height:20px;z-index:5;display:flex;justify-content:space-between;align-items:flex-end}.gaming-pc .ventilation-pattern{width:14px;height:14px;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0px,rgba(255,255,255,.08) .5px,transparent .5px,transparent 1px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0px,rgba(255,255,255,.08) .5px,transparent .5px,transparent 1px);opacity:.6}.gaming-pc .brand-mark{color:#ffffff80;font-size:3.5px;font-weight:700;letter-spacing:.3px}.gaming-pc .rgb-fan:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:50%;z-index:1;opacity:.3;animation:rgbGlow 4s ease-in-out infinite alternate}.gaming-pc .fan-top:before{background:radial-gradient(circle,rgba(255,0,255,.2) 0%,rgba(0,255,255,.1) 50%,transparent 70%)}.gaming-pc .fan-bottom:before{background:radial-gradient(circle,rgba(0,255,255,.2) 0%,rgba(255,0,255,.1) 50%,transparent 70%);animation:rgbGlow 4s ease-in-out infinite alternate-reverse}@keyframes fanSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fanSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rgbGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.05)}}.gaming-pc:hover .fan-outer-ring{animation-duration:1s}.gaming-pc:hover .fan-blades-static{animation-duration:.8s}.gaming-pc:hover .rgb-fan:before{opacity:.7;animation-duration:2s}.gaming-keyboard{position:relative;width:180px;height:50px;z-index:12;margin-bottom:20px;left:-18%;transform:perspective(1000px) rotateX(20deg);filter:drop-shadow(0 15px 25px rgba(0,0,0,.4))}.keyboard-base{background:linear-gradient(180deg,#eee,#d8d8d8);border-radius:12px;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 1px 2px #ffffff80,0 8px #afafaf,0 8px 25px #0000004d;display:flex;height:50px;position:relative;width:100%;align-items:center;justify-content:center;padding:5px 8px}.keyboard-base:after{bottom:-8px;box-shadow:0 8px 40px #0006;content:"";height:20px;left:10%;position:absolute;width:80%;z-index:-1}.key-row-straight{display:flex;align-items:center;gap:4px;height:100%}.key{-webkit-appearance:none;background:linear-gradient(180deg,#fff,#f2f2f2);border:0;border-radius:8px;box-shadow:inset 0 1px 2px #ffffff80,0 6px #c9c9c9,0 6px 4px #0003,0 8px 6px #0000004d;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:32px;width:28px;outline:0;position:relative;z-index:2;transition:all .1s ease;font-family:Segoe UI,system-ui,sans-serif;font-size:8px;font-weight:700;color:#666;text-shadow:0 1px 1px rgba(255,255,255,.8)}.key-ctrl{width:32px;font-size:6px}.key-enter{width:36px;font-size:6px}.key-ctrl{background:linear-gradient(180deg,#4a90e2,#357abd);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 1px 2px #ffffff4d,0 6px #2c5f8a,0 6px 4px #0003,0 8px 6px #0000004d}.key-enter{background:linear-gradient(180deg,#ff6b6b,#e74c3c);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 1px 2px #ffffff4d,0 6px #c0392b,0 6px 4px #0003,0 8px 6px #0000004d}.key:active{box-shadow:inset 0 4px 8px #0003,inset 0 4px 15px #0006,0 1px #fff9;transform:translateY(4px)}.key-ctrl:active,.key-enter:active{box-shadow:inset 0 4px 8px #0000004d,inset 0 4px 15px #00000080,0 1px #fff6;transform:translateY(4px)}.key:hover{background:linear-gradient(180deg,#fff,#f8f8f8);transform:translateY(-1px);box-shadow:inset 0 1px 2px #fff9,0 7px #c9c9c9,0 7px 5px #0003,0 9px 7px #0000004d}.key-ctrl:hover{background:linear-gradient(180deg,#5ba0f2,#4a90e2);transform:translateY(-1px);box-shadow:inset 0 1px 2px #fff6,0 7px #2c5f8a,0 7px 5px #0003,0 9px 7px #0000004d}.key-enter:hover{background:linear-gradient(180deg,#ff7b7b,#ff6b6b);transform:translateY(-1px);box-shadow:inset 0 1px 2px #fff6,0 7px #c0392b,0 7px 5px #0003,0 9px 7px #0000004d}.keyboard-brand{position:absolute;bottom:2px;right:6px;font-size:4px;color:#999;font-weight:700;letter-spacing:.5px;font-family:Segoe UI,system-ui,sans-serif}.keyboard-base:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.05) 100%);border-radius:12px;pointer-events:none}@media (max-width: 768px){.gaming-keyboard{width:150px;height:42px;transform:perspective(800px) rotateX(18deg)}.keyboard-base{height:42px;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 1px 2px #ffffff80,0 6px #afafaf,0 6px 20px #0000004d}.key{width:24px;height:28px;font-size:7px;box-shadow:inset 0 1px 2px #ffffff80,0 5px #c9c9c9,0 5px 3px #0003,0 6px 5px #0000004d}.key-ctrl{width:28px;font-size:5px}.key-enter{width:30px;font-size:5px}.key:active{transform:translateY(3px)}}@media (max-width: 1200px){.workspace-container{max-height:700px}}@media (max-width: 768px){.workspace-container{max-height:600px;border-radius:8px}.desk-setup{width:80%;height:30%}.desk-legs{height:70%}.desk-leg{width:8%}.desk-leg.left-leg{left:15%}.desk-leg.right-leg{right:15%}.hardware-wrapper{width:85%;flex-direction:column;align-items:center;gap:15px}.vertical-screen{width:95px;height:150px}.horizontal-screen{width:170px;height:110px}.gaming-pc{transform:rotateX(-85deg) scale(1.2)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}