.character-hand{background-image:url('assets/room-arcade.png')}
.room-cat{left:20.9%;top:81%}
.room-fixture{position:absolute;left:56.25%;top:0;width:20%;height:19%;pointer-events:none;z-index:3}
.room-fixture svg{display:block;width:100%;height:100%;overflow:visible}
.fixture-rotor{transform-box:view-box;transform-origin:0 0;animation:fixture-spin 3s linear infinite}
.pc-fan{position:absolute;left:64.7%;width:2.3%;height:6%;pointer-events:none;z-index:4;transform:skewY(5deg);overflow:hidden;border-radius:50%;opacity:.85}
.pc-fan-one{top:46%}.pc-fan-two{top:53.3%}.pc-fan-side{left:60.3%;top:45.8%;width:2.7%;height:5.3%;opacity:.45;transform:skewY(-9deg)}
.pc-fan svg{width:100%;height:100%;display:block}
.pc-rotor,.pc-light-ring{transform-origin:50px 50px;animation:pc-spin .85s linear infinite}
.pc-light-ring{animation-duration:2.8s}.pc-fan-two .pc-rotor{animation-duration:1.1s}.pc-fan-two .pc-light-ring{animation-direction:reverse}
.monitor-open{position:absolute;left:36.9%;top:41.8%;width:14.3%;height:15.4%;z-index:5;background:transparent;clip-path:polygon(0 0,100% 0,100% 98%,30% 100%,30% 85%,33% 73%,30% 62%,25% 53%,17% 48%,9% 46%,0 51%)}
.monitor-open:hover,.monitor-open:focus-visible{box-shadow:inset 0 0 0 2px #e5d39c99;background:#d5e2b20d;outline:0}
.monitor-mini-icons{position:absolute;right:5%;top:10%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;z-index:2;width:37%}
.mini-game{display:block;width:14px;height:14px;background:#16201ed9;border:1px solid #cfd8c73d;border-radius:2px;padding:2px}
.mini-game svg{width:100%;height:100%;fill:currentColor;display:block}
.computer-screen{position:fixed;inset:0;z-index:30;opacity:0;overflow:hidden;background:linear-gradient(#15201925,#131c2470),url('assets/cat-wallpaper.png') center/cover;color:#f0eedf;font-family:var(--mono);display:flex;flex-direction:column}
.computer-bar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;background:#18201de6;border-bottom:1px solid #dfdac338;flex:none;font-size:11px}
.computer-bar button,.project-window-bar button{background:transparent;color:#e7e4ce;font:11px var(--mono);padding:10px 0}
.computer-bar strong{letter-spacing:3px;font-size:11px;font-weight:400;opacity:.65}
.desktop-games{position:relative;flex:1;padding:44px 5vw;overflow:auto;background:#15201d15}
.desktop-welcome{margin:0 0 30px;font:21px var(--mono);letter-spacing:-.5px;text-shadow:0 2px 8px #000;opacity:.9}
.game-icons{display:grid;grid-template-columns:repeat(3,112px);gap:25px 20px;width:max-content;max-width:100%}
.game-icon{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;color:#fff4dc;padding:10px 5px;border:1px solid transparent;border-radius:5px;text-shadow:0 2px 6px #000}
.game-icon:hover,.game-icon:focus-visible{background:#e9ebda24;border-color:#f4edcf4d;outline:0}
.game-icon-art{width:63px;height:63px;padding:14px;border:2px solid color-mix(in srgb,var(--game-color) 65%,#19241f);border-radius:9px;background:linear-gradient(135deg,#2e3933,#13201d);color:var(--game-color);box-shadow:inset 0 0 0 2px #ffffff0a,0 5px 12px #0004}
.game-icon-art svg{height:100%;width:100%;display:block;fill:currentColor;image-rendering:pixelated}
.game-icon strong{font-size:11px;font-weight:400}.game-icon small{font-size:9px;color:#e3e5d2;opacity:.8}
.desktop-note{margin:30px 0 0;font-size:9px;letter-spacing:.6px;color:#efedd8;text-shadow:0 2px 5px #000}
.computer-taskbar{height:36px;display:flex;align-items:center;gap:20px;padding:0 24px;background:#19231de8;border-top:1px solid #dfdac330;font-size:9px;flex:none}
.computer-taskbar>span:first-child{font-size:19px}.computer-taskbar time{margin-left:auto;color:#d8dac6}
.computer-project{position:relative;flex:1;min-height:0;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--game-color) 12%,#17221c),#101a19);animation:window-open .32s ease-out}
.project-window-bar{height:56px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 24px;border-bottom:1px solid #d6ddc41a;font-size:8px;background:#10201b7a}
.project-window-bar h1{font-size:12px;font-weight:400;margin:0;color:var(--game-color)}.project-window-bar>span{font-size:7px;letter-spacing:1px;color:#8b9e89}
.game-content{height:calc(100% - 56px);overflow:auto;display:flex;flex-direction:column;align-items:center;padding:28px 20px;gap:18px;color:#dce4d2}
.demo-heading{text-align:center;max-width:500px}.demo-heading h2{font-size:clamp(24px,4vw,39px);font-weight:400;color:var(--game-color);margin:0 0 12px}.demo-heading p{font:11px var(--mono);line-height:1.7;margin:0 0 13px;color:#aabbaa}.demo-heading strong{font:12px var(--mono)}
.demo-button{padding:11px 24px;border:1px solid color-mix(in srgb,var(--game-color) 45%,transparent);background:#ffffff08;color:var(--game-color);font:11px var(--mono);border-radius:3px}
.demo-button:hover{background:#ffffff12}
.star-field{position:relative;width:min(670px,90%);height:clamp(150px,31vh,300px);flex-shrink:0;border:1px solid #d8ddc21d;background:radial-gradient(ellipse,#24342b,#111d1b);overflow:hidden}
.collect-star{position:absolute;font:31px var(--mono);color:#e2c77a;text-shadow:0 0 11px #d7ad5944;background:none;padding:7px;line-height:1;transition:left .22s ease,top .22s ease}
.memory-board{display:grid;grid-template-columns:repeat(4,70px);gap:11px}.memory-card{width:70px;height:70px;background:#263330;border:1px solid #a897bd55;color:#c6abe6;font:29px var(--mono);border-radius:4px}.memory-card.revealed{background:#5f4971}.memory-card:disabled{background:#2f5547;border-color:#88c5a4;color:#d5ecbb}
.dungeon-enemy{font:100px var(--mono);color:#d79e83;text-shadow:0 0 40px #af603322}.enemy-health{width:min(340px,85%);height:10px;background:#292d27;border:1px solid #d7a17e55}.enemy-health i{display:block;width:100%;height:100%;background:#dca284;transition:width .18s}.game-content>p{font-size:11px;margin:0}
.paint-colors{display:flex;gap:10px}.paint-colors button{width:26px;height:26px;border:1px solid #ddd7bc66;border-radius:3px}.paint-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(280px,75vw);aspect-ratio:1;border:1px solid #92a68f66;touch-action:none}.paint-board button{border:1px solid #8a9d8325;background:#26312a;padding:0}
.orbit-demo{position:relative;width:min(275px,64vw);aspect-ratio:1;display:flex;align-items:center;justify-content:center;--orbit-duration:6s}.orbit-sun{width:38px;height:38px;border-radius:50%;background:#eac574;box-shadow:0 0 32px #d9ac4c55}.orbit-path{position:absolute;inset:7%;border:1px dashed #92b9cf40;border-radius:50%;animation:pc-spin var(--orbit-duration) linear infinite}.orbit-path i{position:absolute;top:50%;left:-8px;width:18px;height:18px;border-radius:50%;background:#91bfdc;box-shadow:0 0 14px #91bfdc55}.paused .orbit-path{animation-play-state:paused}.orbit-speed{display:flex;align-items:center;gap:14px;font-size:11px}.orbit-speed input{accent-color:#91bfdc;width:180px}
@keyframes fixture-spin{to{transform:rotate(360deg)}}@keyframes pc-spin{to{transform:rotate(360deg)}}@keyframes window-open{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.computer-bar{height:50px;padding:0 15px}.computer-bar strong{display:none}.computer-bar button{font-size:9px}.desktop-games{padding:30px 20px}.game-icons{grid-template-columns:repeat(3,90px);gap:16px 4px}.game-icon{padding:8px 2px}.game-icon-art{width:55px;height:55px;padding:12px}.game-icon strong{font-size:10px}.game-icon small{font-size:8px}.desktop-welcome{font-size:19px}.computer-taskbar{padding:0 16px;font-size:8px}.project-window-bar{padding:0 15px;height:50px}.project-window-bar h1{font-size:9px}.project-window-bar>span{display:none}.project-window-bar button{font-size:9px}.game-content{padding:22px 14px;height:calc(100% - 50px);gap:16px}.memory-board{grid-template-columns:repeat(4,57px);gap:8px}.memory-card{width:57px;height:57px;font-size:25px}.demo-heading h2{font-size:25px}.desktop-note{font-size:8px}.mini-game{width:14px;height:14px}}

/* Bilek sabit kalır; eski temizleme katmanı ve çift kasa halkaları yok. */
.character-hand{background-image:url('assets/room-headphones.png');clip-path:polygon(50.75% 62.9%,50.9% 61.4%,51.2% 60.5%,51.7% 59.9%,52.1% 59.9%,52.5% 60.3%,53% 61.1%,53.4% 62%,52.8% 62.6%,51.5% 63.5%);transform-origin:50.9% 63.3%;transform:rotate(var(--hand-angle,0deg));transition:transform .22s ease-out}
.headphones-hotspot{position:absolute;left:44.8%;top:47.7%;width:9.3%;height:12.7%;z-index:6;background:transparent;border-radius:48%;cursor:pointer}
.headphones-hotspot span{position:absolute;right:-9px;top:30%;color:#e8d4a4;background:#252822d9;border:1px solid #c4a57466;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:13px;opacity:.7;transition:opacity .2s}
.headphones-hotspot:hover span,.headphones-hotspot:focus-visible span{opacity:1}.headphones-hotspot:focus-visible{outline:1px dashed #d8bd80;outline-offset:3px}
.pc-original-glow{position:absolute;inset:0;pointer-events:none;background:url('assets/room-headphones.png') 0 0/100% 100%;clip-path:polygon(60.2% 45%,64% 46%,64.2% 60%,60.2% 57%,60.2% 45%,64.8% 46.2%,66.6% 46.5%,66.6% 58.4%,64.8% 58.4%);animation:pc-gentle-glow 3.5s ease-in-out infinite;z-index:2}
@keyframes pc-gentle-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}
.secret-video-button{display:flex;flex-direction:column;align-items:center;gap:9px;margin:24px 0 0 10px;padding:10px;background:#292321ad;border:1px solid #c08b6455;border-radius:5px;color:#e6b294;font:10px var(--mono);width:112px}.secret-video-button span{font-size:29px}.secret-video-button:hover{background:#50372cd9}.secret-video-button strong{font-weight:400}
.secret-video-dialog{width:min(900px,94vw);max-height:94vh;padding:0;border:1px solid #a58c60;background:#131916;color:#e5d4ac;box-shadow:0 22px 80px #000a;border-radius:5px}.secret-video-dialog::backdrop{background:#070c0bea}.secret-video-dialog header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;gap:15px}.secret-video-dialog h2{font:12px var(--mono);margin:0}.secret-video-dialog button{background:none;color:inherit;padding:8px;font-size:18px}.secret-video-dialog video{display:block;width:100%;max-height:78vh;background:#000}
.wall-repair{position:absolute;left:28.05%;top:7.45%;width:1.85%;height:3.6%;background:linear-gradient(95deg,#76782c,#74762b);mask-image:linear-gradient(90deg,transparent,#000 15% 85%,transparent);pointer-events:none;z-index:1}.headphones-hotspot{left:34.3%;top:48.2%;width:7.5%;height:12.2%}

/* Kasa animasyonları görseldeki gerçek fan merkezleriyle eşleşir. */
.case-animation{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.case-blades,.case-light{transform-box:view-box;transform-origin:0 0;animation:case-rotation 1.3s linear infinite}.case-light{animation-duration:3.2s}.case-animation>g:nth-child(2) .case-blades{animation-direction:reverse;animation-duration:1.6s}.case-animation>g:nth-child(2) .case-light{animation-delay:-1.5s}.case-animation>g:nth-child(3){opacity:.75}
@keyframes case-rotation{to{transform:rotate(360deg)}}
.secret-video-button{position:absolute;left:16px;bottom:48px;width:78px;padding:7px 4px;margin:0;gap:5px;font-size:8px;border-color:#c08b6430;background:#1e24219c;z-index:2}.secret-video-button span{font-size:17px}.secret-video-button strong{font-size:8px}.computer-screen[data-view=project]>.secret-video-button{display:none}.desktop-games{padding-bottom:95px}
/* Kulaklığın etkileşim alanı mouse ve klavye odağında yumuşakça parlar. */
.headphones-hotspot::after{content:'';position:absolute;inset:1px;border-radius:48%;border:1px solid #e5d39c99;box-shadow:0 0 10px #e5d39c55,inset 0 0 8px #e5d39c22;background:#d5e2b20d;opacity:0;transition:opacity .24s ease;pointer-events:none}
.headphones-hotspot:hover::after,.headphones-hotspot:focus-visible::after{opacity:1}
.headphones-hotspot:focus-visible{outline:0}