:root{--bg:#0a0a0a;--fg:#d8d8d3;--muted:#858580;--line:#2c2c2a;--case:#686864;--case2:#4e4e4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:"Courier New",ui-monospace,monospace;overflow-x:hidden}.topbar{position:absolute;z-index:30;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:38px 3vw;font-size:11px;letter-spacing:.08em}.identity{display:flex;gap:24px;align-items:flex-start}.identity b{font:700 21px Arial}.identity span{color:#969691;line-height:1.15}.langs{font-size:11px}.side-nav{position:absolute;z-index:30;left:3vw;top:118px;display:grid;gap:25px}.side-nav a{display:grid;grid-template-columns:30px auto;gap:10px;color:#c7c7c2;text-decoration:none;font-size:11px}.side-nav i{font-style:normal;color:#555}.side-nav a:hover span{text-decoration:underline;text-underline-offset:4px}.hero{position:relative;height:735px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#242424 0,#121212 39%,#090909 75%)}.hero:before{content:"";position:absolute;inset:0;opacity:.18;background-image:repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 4px);mix-blend-mode:soft-light;pointer-events:none}.computer-wrap{position:absolute;z-index:10;left:50%;top:47px;transform:translateX(-50%);width:665px}.computer{width:100%;filter:drop-shadow(0 28px 26px #000c)}.bezel{padding:43px 47px 38px;background:linear-gradient(145deg,#858581 0,#696965 46%,#555550 100%);border:1px solid #969691;border-radius:26px 26px 4px 4px;box-shadow:inset 1px 1px #aaa8,inset -8px -7px 16px #3335}.screen{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:42px 42px 30px 30px;background:#050505;border:17px solid #292927;box-shadow:inset 0 0 55px #000,0 1px #aaa5;transition:filter .3s}.screen.off:before{content:"";position:absolute;z-index:20;left:10%;right:10%;top:50%;height:1px;background:#aaa0;box-shadow:0 0 0 #fff;transition:.25s}.screen.off{filter:brightness(.08)!important}.scanlines{position:absolute;z-index:12;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#0005 3px);opacity:.5}.glass{position:absolute;z-index:13;inset:0;pointer-events:none;background:radial-gradient(ellipse at 48% 40%,transparent 35%,#0007 100%)}.base{height:128px;background:linear-gradient(#6d6d69,#52524e);border:1px solid #777771;border-top-color:#353532;border-radius:0 0 18px 18px;display:flex;align-items:center;padding:18px 28px;box-shadow:inset 0 1px #9996}.brand{display:flex;gap:12px;align-items:center;min-width:195px}.brand b{font:800 28px Arial}.brand small{font-size:8px;line-height:1.25;color:#181818}.drive{width:150px;margin-left:0;text-align:center;font-size:7px;color:#222}.drive .slot{height:11px;border:2px inset #777;background:#242422;box-shadow:inset 0 2px 5px #000;margin-bottom:7px}.drive button{font:8px inherit;background:#5d5d59;color:#222;border:1px outset #888;padding:3px 8px}.drive small{display:block;margin-top:4px}.controls{margin-left:auto;display:grid;grid-template-columns:40px 68px 68px;grid-template-rows:17px 43px 13px;gap:0 10px;text-align:center;font-size:8px;color:#1c1c1b}.controls i{grid-column:1;width:8px;height:8px;border-radius:50%;background:#292927;margin:auto}.controls i.on{background:#d7ff9d;box-shadow:0 0 9px #d7ff9d}.controls button{grid-column:1;grid-row:2;width:28px;height:35px;margin:auto;background:#5c5c58;border:2px outset #888;color:#222}.controls label:nth-of-type(1){grid-column:1;grid-row:3}.controls label:nth-of-type(2){grid-column:2;grid-row:3}.controls label:nth-of-type(3){grid-column:3;grid-row:3}.knob{width:39px;height:39px;border-radius:50%;margin:auto;background:radial-gradient(circle,#4c4c49 0 42%,#222 45% 49%,#777 52% 60%,#333 62%);position:relative}.knob:after{content:"";position:absolute;width:2px;height:12px;background:#111;left:50%;top:3px}.knob input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:ew-resize}.knob:nth-of-type(1){grid-column:2;grid-row:2}.knob:nth-of-type(2){grid-column:3;grid-row:2}.desktop{position:relative;height:100%;background:#101010;color:#efefe9;font-size:11px}.menubar{height:31px;border:1px solid #deded7;display:flex;align-items:center;gap:19px;padding:0 9px}.menubar b{font:800 18px Arial}.menubar time{margin-left:auto}.grid-icon{border-left:1px solid #ddd;padding-left:9px}.icon{position:absolute;background:none;border:0;color:#eee;font:inherit;width:82px;top:54px;left:20px;cursor:default}.icon small{display:block;font-size:10px;margin-top:6px}.icon.p{top:128px}.icon.t{top:208px}.icon.trash{left:auto;right:11px;top:auto;bottom:14px}.pixel-icon{display:block;width:36px;height:31px;margin:auto;border:2px solid #ddd}.pixel-icon.doc{width:27px;background:linear-gradient(#ddd 0 0) 7px 9px/12px 2px no-repeat,linear-gradient(#ddd 0 0) 7px 15px/12px 2px no-repeat}.pixel-icon.folder{height:25px;margin-top:5px;position:relative}.pixel-icon.folder:before{content:"";position:absolute;left:-2px;top:-7px;width:15px;height:7px;border:2px solid #ddd;border-bottom:0}.pixel-icon.term{font-size:16px;line-height:27px}.pixel-icon.bin{border:0;font-size:28px}.window{position:absolute;left:27%;top:25%;width:54%;background:#d8d8d3;color:#111;border:2px solid #eee;box-shadow:5px 5px #000;z-index:8}.title{padding:4px 7px;background:#111;color:#eee;display:flex;justify-content:space-between;border-bottom:1px solid #ddd;cursor:move}.window .content{padding:15px;min-height:92px;line-height:1.35}.close{background:none;color:inherit;border:1px solid currentColor}.boot{position:absolute;inset:0;white-space:pre-wrap;padding:28px;color:#ddd;font-size:11px;line-height:1.5}.hidden{display:none}.computer-shadow{position:absolute;left:8%;right:8%;bottom:-8px;height:25px;background:#000;filter:blur(15px);z-index:-1}.disc-deck{position:absolute;right:-175px;bottom:6px;width:150px;display:flex;gap:10px;flex-wrap:wrap}.disc{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#111 0 7px,#999 8px 10px,#3d3d3a 11px 29px);border:1px solid #888;box-shadow:0 7px 13px #0009,inset 0 0 0 2px #333;display:grid;place-items:center;color:#eee;font-size:7px;cursor:grab;position:relative}.disc span{background:#111;border:1px solid #777;padding:3px}.disc small{position:absolute;bottom:6px}.disc.loaded{opacity:.18;pointer-events:none}.drive.ready .slot{box-shadow:0 0 8px #aaa,inset 0 2px 5px #000}.game-shell{padding:7px!important;background:#080808;color:#eee}.game-canvas{width:100%;display:block;background:#050505;border:1px solid #aaa;image-rendering:pixelated}.game-help{font-size:8px;color:#777;margin-top:5px}.game-score{float:right}.game-window{left:18%;top:12%;width:70%}.scene-props{position:absolute;z-index:2}.left-props{left:0;bottom:58px;width:285px}.note{position:absolute;left:275px;bottom:275px;background:#aaa9;color:#111;padding:18px 15px;font:bold 15px Arial;transform:rotate(-3deg);box-shadow:0 4px 12px #0007}.books{position:absolute;left:-25px;bottom:0;display:grid;gap:2px}.books b{display:block;width:275px;padding:14px 35px;background:linear-gradient(#222,#111);border:1px solid #292929;color:#555;font-size:18px;transform:skewY(-1deg);box-shadow:0 3px 8px #000}.pen{position:absolute;left:170px;bottom:-18px;width:220px;height:10px;background:#111;border:1px solid #444;border-radius:50% 8px 8px 50%;transform:rotate(-4deg)}.right-props{right:0;bottom:60px;width:340px;height:500px}.poster{position:absolute;top:10px;left:20px;width:180px;height:270px;border:6px solid #111;background:#101010;padding:105px 22px;color:#292929;font:bold 20px Arial;line-height:.92;box-shadow:0 0 0 1px #222}.plant{position:absolute;right:0;top:140px;width:150px;height:230px}.plant i{position:absolute;width:80px;height:35px;background:#090909;border-radius:100% 0 100% 0;transform-origin:left center}.plant i:nth-child(1){left:50px;top:20px;transform:rotate(-55deg)}.plant i:nth-child(2){left:65px;top:75px;transform:rotate(-15deg)}.plant i:nth-child(3){left:35px;top:110px;transform:rotate(35deg)}.plant i:nth-child(4){left:70px;top:145px;transform:rotate(15deg)}.tower{position:absolute;right:70px;bottom:0;width:180px;height:190px;background:linear-gradient(90deg,#171715,#252522,#121210);border:1px solid #292926;box-shadow:0 15px 25px #000}.tower:before{content:"";position:absolute;inset:20px 15px auto;height:70px;background:repeating-linear-gradient(0deg,#111 0 4px,#3a3a36 5px 7px)}.desk-line{position:absolute;left:0;right:0;bottom:58px;height:2px;background:#4a4a47;box-shadow:0 10px 40px #000}.scroll-hint{position:absolute;left:3vw;right:3vw;bottom:22px;display:flex;align-items:center;gap:14px;font-size:9px;color:#8b8b86}.scroll-hint i{height:1px;background:#555;flex:1}.section{border-top:1px solid var(--line);position:relative}.about{min-height:330px;display:grid;grid-template-columns:1fr 1fr 150px}.about>div{padding:35px 3vw}.about .big{border-right:1px solid var(--line)}.big>span,.eyebrow,.lab span,.contact>span{font-size:9px;color:#777}.big h1{font:900 clamp(75px,10vw,145px)/.75 Arial,sans-serif;letter-spacing:-.075em;margin:30px 0 18px;color:#deded9}.big p{font-size:11px}.bio{font-size:11px;line-height:1.45}.bio p{max-width:560px}.outline{display:inline-flex;gap:45px;margin-top:12px;padding:14px 17px;border:1px solid #777;color:#ddd;text-decoration:none;font-size:9px}.words{font-size:9px;line-height:1.8;color:#999}.words hr{width:16px;margin:8px 0 12px;border:0;border-top:1px solid #555}.projects{padding:80px 3vw}.project-grid{margin-top:35px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}article{min-height:330px;padding:25px;border-right:1px solid var(--line)}article:last-child{border-right:0}article small{color:#666}article h2{font:800 clamp(34px,4vw,70px)/.9 Arial;letter-spacing:-.05em;margin-top:100px}article p{font-size:10px;color:#777}.lab{min-height:500px;padding:80px 3vw;display:grid;grid-template-columns:1fr 1fr;align-items:center}.lab h2,.contact h2{font:900 clamp(60px,8vw,120px)/.82 Arial;letter-spacing:-.06em;margin:35px 0}.lab p{max-width:500px;color:#999;line-height:1.7}.contact{min-height:520px;padding:80px 3vw}.contact a{color:#ddd;text-decoration:none;font-size:clamp(18px,3vw,42px);border-bottom:1px solid #777}footer{height:70px;border-top:1px solid var(--line);padding:25px 3vw;display:flex;gap:20px;align-items:center;font-size:8px;color:#777}footer span{height:1px;background:#444;flex:1}
@media(max-width:1100px){.scene-props{opacity:.35}.computer-wrap{width:590px}.disc-deck{right:-100px}.side-nav{display:none}}@media(max-width:760px){.topbar{padding:22px}.identity span{display:none}.hero{height:690px}.computer-wrap{width:min(94vw,560px);top:100px}.bezel{padding:28px 28px 26px}.base{height:105px;padding:12px}.brand{min-width:105px}.brand small{display:none}.drive{width:90px}.controls{transform:scale(.78);transform-origin:right}.disc-deck{right:auto;left:10px;bottom:-85px;width:210px}.scene-props{display:none}.scroll-hint{bottom:12px}.about{grid-template-columns:1fr}.about .big{border-right:0;border-bottom:1px solid var(--line)}.about .words{display:none}.project-grid{grid-template-columns:1fr}article{border-right:0;border-bottom:1px solid var(--line);min-height:250px}.lab{grid-template-columns:1fr}.menubar{gap:10px;font-size:9px}.window{left:12%;width:78%}}
/* interactive desktop v2 */
.controls{grid-template-columns:40px 62px 62px 62px}.controls label:nth-of-type(4){grid-column:4;grid-row:3}.sound-knob{grid-column:4!important;grid-row:2!important}.sound-label{grid-column:4!important;grid-row:3!important}.menu-trigger{background:transparent;border:0;color:inherit;font:inherit;padding:4px 1px;cursor:pointer}.menu-trigger.active,.menu-trigger:hover{background:#deded7;color:#111}.menu-layer{position:absolute;left:0;top:31px;z-index:100}.dropdown{position:absolute;min-width:135px;background:#d8d8d3;color:#111;border:1px solid #eee;box-shadow:4px 4px #000;padding:4px}.dropdown button{display:block;width:100%;border:0;background:none;text-align:left;font:10px 'Courier New';padding:6px 8px}.dropdown button:hover{background:#111;color:#eee}.icon.account{top:286px}.pixel-icon.user{border-radius:50%;font-size:22px;line-height:27px}.window{min-width:220px}.window .title .window-actions{display:flex;gap:4px}.window .title button{width:18px;height:18px;padding:0;line-height:14px}.window.minimized .content{display:none}.window.minimized{height:auto}.window .content button,.window .content input,.window .content textarea{font:inherit}.retro-btn{background:#d8d8d3;color:#111;border:2px outset #eee;padding:5px 9px}.retro-input{width:100%;background:#eee;color:#111;border:2px inset #aaa;padding:6px;margin:4px 0 8px}.notes-list{display:grid;gap:5px;margin-top:8px;max-height:105px;overflow:auto}.note-row{display:flex;justify-content:space-between;border-top:1px solid #777;padding:5px 0;gap:8px}.note-row button{border:0;background:none;text-decoration:underline}.statusline{font-size:9px;color:#555;margin-top:8px}.project-row{border-bottom:1px solid #888;padding:7px 0;display:flex;justify-content:space-between;gap:8px}.project-row:last-child{border-bottom:0}.term-input{background:#111!important;color:#eee!important;border:0!important;outline:0;width:75%;font:inherit}.desktop-toast{position:absolute;right:8px;bottom:8px;background:#d8d8d3;color:#111;border:1px solid #eee;box-shadow:3px 3px #000;padding:7px 10px;z-index:200;font-size:9px}
@media(max-width:760px){.controls{grid-template-columns:34px 52px 52px 52px}.icon.account{top:270px}}
/* v3 discs, language and rotary controls */
.langs{display:flex;gap:7px;align-items:center}.lang{border:0;background:transparent;color:#777;font:inherit;padding:2px 3px;cursor:pointer}.lang.active{color:#eee;text-decoration:underline;text-underline-offset:4px}.music-deck{position:absolute;left:-180px;bottom:0;width:155px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.music-deck>small{width:100%;font-size:7px;color:#666;letter-spacing:.08em}.disc.music{background:radial-gradient(circle,#111 0 7px,#b0b0aa 8px 10px,#242422 11px 29px)}.disc.mounted{opacity:.18;pointer-events:none}.desktop-disc{position:absolute!important;left:auto!important;right:92px!important;top:54px!important;width:86px!important}.desktop-disc.music-mounted{top:130px!important}.desktop-disc .pixel-icon{border-radius:50%;background:radial-gradient(circle,#111 0 5px,#ddd 6px 8px,#111 9px 17px)}.icon.login-icon{top:286px}.icon.account{top:208px;left:100px}.knob{--angle:0deg}.knob:after{transform-origin:50% 16px;transform:rotate(var(--angle));transition:transform .08s}.controls{grid-template-columns:40px 62px 62px 62px}.disc{transition:opacity .2s,transform .2s}.disc:active{transform:scale(.94)}
@media(max-width:1100px){.music-deck{left:-105px}}@media(max-width:760px){.music-deck{left:auto;right:10px;bottom:-85px;width:180px}.icon.login-icon{top:270px}.icon.account{top:208px;left:90px}}
/* V4 refinements */
.desktop>.icon:not(.trash){position:absolute!important;width:78px!important;margin:0!important;transition:left .18s ease,top .18s ease}.desktop-disc,.desktop-disc.music-mounted,.icon.account,.icon.login-icon,.icon.p,.icon.t{right:auto!important;bottom:auto!important}.desktop-disc .pixel-icon{width:34px;height:34px}.controls{gap:0 8px}.knob{width:46px;height:46px;background:radial-gradient(circle at 38% 32%,#8a8a85 0 10%,#555 12% 40%,#1d1d1b 43% 49%,#777 51% 59%,#30302d 61%);box-shadow:inset 1px 1px #aaa7,0 2px 4px #1118}.knob:after{height:14px;top:4px;background:#111;box-shadow:1px 0 #9995}.knob input{pointer-events:none}.knob-step{position:absolute!important;z-index:4!important;top:13px!important;width:17px!important;height:20px!important;border:1px solid #333!important;background:#777!important;color:#151515!important;font:bold 13px Arial!important;line-height:15px!important;padding:0!important;margin:0!important;cursor:pointer}.knob-step.minus{left:-19px!important}.knob-step.plus{right:-19px!important}.knob-value{position:absolute;left:50%;transform:translateX(-50%);top:-15px;font:7px 'Courier New';color:#222;min-width:30px}.drive{position:relative}.drive.disc-spinning:after{content:"";position:absolute;left:50%;top:-21px;width:42px;height:42px;margin-left:-21px;border-radius:50%;background:conic-gradient(#ffffff22 0 14%,#1118 15% 28%,#ffffff18 29% 47%,#1118 48% 65%,#ffffff22 66% 82%,#1118 83%);border:1px solid #9998;box-shadow:inset 0 0 0 7px #0005,inset 0 0 0 9px #aaa4;backdrop-filter:blur(1px);animation:discspin .65s linear infinite;opacity:.72;pointer-events:none}.drive.disc-spinning:before{content:"";position:absolute;z-index:2;left:50%;top:-7px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#242422;border:1px solid #aaa8}.drive.fx-off:after,.drive.fx-off:before{display:none}@keyframes discspin{to{transform:rotate(360deg)}}.disc-fx-toggle{margin-top:3px!important;padding:2px 5px!important;font:6px 'Courier New'!important;letter-spacing:.03em;color:#20201e!important}.game-msg{max-width:70%;display:inline-block}.game-score{white-space:nowrap}
@media(max-width:760px){.knob-step{display:none!important}.knob-value{top:-12px}.desktop>.icon:not(.trash){width:70px!important}}
/* V5 repair: clean desktop, vertical controls, shelves, in-drive disc */
.menubar .account-menu{background:none;border:0;color:#efefe9;font:inherit;padding:0;cursor:pointer}.menubar .account-menu:hover{text-decoration:underline}.icon{position:absolute!important;margin:0!important}.vault-icon.hidden{display:none!important}
.controls{margin-left:auto!important;display:flex!important;align-items:flex-end!important;gap:12px!important;height:88px!important;color:#1b1b1a!important}.power-unit{width:42px;display:grid;justify-items:center;gap:3px;font-size:7px}.power-unit i{width:8px;height:8px;border-radius:50%;background:#292927}.power-unit i.on{background:#d7ff9d;box-shadow:0 0 9px #d7ff9d}.power-unit button{width:28px;height:35px;background:#5c5c58;border:2px outset #888;color:#222}.slider-unit{width:42px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;font-size:7px}.slider-unit input{appearance:none;-webkit-appearance:none;writing-mode:vertical-lr;direction:rtl;width:8px;height:61px;background:#282826;border:1px inset #888;border-radius:0;cursor:ns-resize}.slider-unit input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:9px;background:#6d6d68;border:1px outset #aaa}.slider-unit input::-moz-range-thumb{width:18px;height:9px;border-radius:0;background:#6d6d68;border:1px outset #aaa}.knob-step,.knob-value{display:none!important}
.drive{position:relative}.drive .slot{position:relative;overflow:hidden;height:13px}.inserted-disc{display:none;position:absolute;left:50%;top:50%;width:74px;height:74px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,transparent 0 6px,#9998 7px 10px,#d8d8d355 11px 27px,#6667 28px 35px,transparent 36px);border:1px solid #aaa6;animation:discInside .8s linear infinite}.drive.has-disc .inserted-disc{display:block}.drive.fx-off .inserted-disc{animation:none}@keyframes discInside{to{transform:translate(-50%,-50%) rotate(360deg)}}.disc-fx-toggle{font-size:6px!important;padding:2px 4px!important;margin-left:3px!important}
.disc-shelf{position:absolute!important;width:178px!important;padding:10px 10px 5px;background:#111c;border:1px solid #2d2d2a;box-shadow:0 12px 20px #0008}.music-deck{left:-205px!important;right:auto!important;bottom:5px!important}.disc-deck{right:-205px!important;bottom:5px!important}.disc-shelf>small{display:block;color:#777;font-size:7px;margin-bottom:7px}.shelf-row{display:flex;gap:8px;align-items:flex-end;justify-content:center}.shelf-board{height:7px;margin-top:2px;background:linear-gradient(#4d4d48,#222);border-top:1px solid #777;box-shadow:0 5px 8px #000}.disc{width:46px!important;height:46px!important;font-size:6px!important}.disc span{padding:2px!important}.disc small{bottom:3px!important}
@media(max-width:1100px){.music-deck{left:-150px!important}.disc-deck{right:-150px!important}.disc-shelf{width:135px!important}.disc{width:38px!important;height:38px!important}}
/* V6 stability + CD library */
.menubar{gap:13px}.menubar button{font:inherit;color:inherit;background:none;border:0;padding:2px 3px}.account-menu{order:0}.menu-trigger[data-menu="file"]{order:1}.menu-trigger[data-menu="edit"]{order:2}.menu-trigger[data-menu="view"]{order:3}.menu-trigger[data-menu="help"]{order:4}
.desktop>.icon{width:66px!important;height:66px!important;margin:0!important;padding:2px!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.desktop>.icon small{max-width:64px;white-space:normal;line-height:1.05;text-align:center}.desktop>.icon .pixel-icon{flex:0 0 auto}
.blank-deck{left:-172px!important;right:auto!important;bottom:118px!important}.music-deck{left:-172px!important;right:auto!important;bottom:6px!important}.burned-deck{right:-235px!important;bottom:118px!important;width:215px!important}.disc-deck{right:-175px!important;bottom:6px!important}.burned-rack{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);gap:6px;padding:7px;background:#111;border:1px solid #333;min-height:198px}.rack-slot{width:58px;height:58px;border:1px dashed #3d3d3a;display:grid;place-items:center}.rack-slot .disc{width:50px;height:50px;font-size:6px}.disc.cover{background-size:cover!important;background-position:center!important}.disc.cover:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 0 7px,#aaa 8px 9px,transparent 10px 100%);box-shadow:inset 0 0 0 2px #7778}.disc.cover span{z-index:2;background:#000b}.disc.blank{background:radial-gradient(circle,#111 0 7px,#aaa 8px 9px,#7778 10px 29px)}
.burner-form{display:grid;gap:8px}.burner-form .retro-input{width:100%}.burner-status{font-size:9px;color:#555;min-height:12px}.youtube-player{aspect-ratio:16/9;width:100%;border:1px solid #111;background:#000}.youtube-player iframe{width:100%;height:100%;border:0}.disc-card{display:flex;gap:10px;align-items:center}.disc-thumb{width:74px;aspect-ratio:16/9;object-fit:cover;filter:grayscale(1);border:1px solid #222}
/* V7 — deterministic desktop icon grid. This overrides legacy absolute icon rules. */
.icon-grid{position:absolute;left:10px;top:44px;right:76px;bottom:10px;display:grid;grid-template-rows:repeat(4,68px);grid-auto-flow:column;grid-auto-columns:68px;gap:4px 6px;align-content:start;justify-content:start;z-index:3;pointer-events:none}
.icon-grid>.icon{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:68px!important;height:68px!important;margin:0!important;padding:2px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;pointer-events:auto;background:transparent;border:0;color:#eee;font:8px 'Courier New';cursor:default}
.icon-grid>.icon.hidden{display:none!important}.icon-grid>.icon small{display:block;width:64px;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.1}.icon-grid>.icon .pixel-icon{width:30px;height:30px;flex:0 0 30px;margin-bottom:3px;box-sizing:border-box}
.desktop>.trash{position:absolute!important;right:8px!important;bottom:8px!important;left:auto!important;top:auto!important;width:62px!important;height:62px!important;z-index:4}
.icon-grid .desktop-disc .disc-icon.cover{background-size:cover!important;background-position:center!important;border-radius:50%;color:transparent!important}
@media(max-width:760px){.icon-grid{grid-template-rows:repeat(4,62px);grid-auto-columns:62px;gap:2px}.icon-grid>.icon{width:62px!important;height:62px!important}.icon-grid>.icon small{width:58px;max-width:58px}}
.player-note{border:1px solid #777;padding:7px;font-size:8px;line-height:1.35;background:#cfcfc9;color:#111}.disc-card{display:flex;gap:8px;align-items:center}.disc-thumb{width:72px;height:54px;object-fit:cover;filter:grayscale(1)}

/* V8 — readable physical media + stable rack layout */
.disc-shelf{width:210px!important;padding:12px!important}
.blank-deck,.music-deck{left:-215px!important}.burned-deck{right:-275px!important;width:255px!important}.disc-deck{right:-215px!important}
.shelf-row{gap:12px!important}.disc{width:60px!important;height:60px!important;font-size:8px!important;line-height:1.05!important}.disc span{font-weight:700!important;text-shadow:0 1px 2px #000;max-width:52px}.disc small{font-size:7px!important}
.burned-rack{grid-template-columns:repeat(3,70px)!important;grid-template-rows:repeat(3,70px)!important;gap:7px!important;min-height:232px!important}.rack-slot{width:70px!important;height:70px!important}.rack-slot .disc{width:62px!important;height:62px!important;font-size:7px!important}.rack-slot .disc span{max-width:54px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.desktop>.trash.trash-ready{outline:2px dashed #eee;background:#ffffff18!important}.media-choice{display:grid;gap:8px;margin-top:8px}.media-choice label{display:grid;gap:4px;font-size:8px}.media-choice input[type=file]{font:8px 'Courier New';max-width:100%}.audio-player{width:100%;filter:grayscale(1);margin-top:8px}.disc-card .disc-thumb{width:92px;height:69px}.media-hint{font-size:8px;line-height:1.35;color:#444;border-top:1px solid #777;padding-top:7px;margin-top:7px}
@media(max-width:1100px){.disc-shelf{width:160px!important}.blank-deck,.music-deck{left:-155px!important}.burned-deck{right:-190px!important;width:180px!important}.disc-deck{right:-155px!important}.disc{width:48px!important;height:48px!important}.burned-rack{grid-template-columns:repeat(3,48px)!important;grid-template-rows:repeat(3,48px)!important;min-height:166px!important}.rack-slot{width:48px!important;height:48px!important}.rack-slot .disc{width:43px!important;height:43px!important}}

/* V9 Spotify player */
.spotify-player{width:100%;height:152px;border:0;background:#111;display:block}.spotify-window{width:min(360px,82%)}.spotify-cover{width:78px!important;height:78px!important;aspect-ratio:1/1!important;object-fit:cover!important}.media-choice .burn-url{width:100%}

/* V10 — larger hardware, readable media shelves, refined retro player */
@media (min-width:1101px){
  .hero{height:860px}
  .computer-wrap{width:790px;top:34px}
  .bezel{padding:48px 54px 42px}
  .desktop{font-size:13px}.menubar{height:36px;font-size:12px}.menubar b{font-size:20px}
  .icon-grid .icon small,.icon small{font-size:11px!important;line-height:1.15}
  .window{font-size:12px}.window .content{padding:18px}
  .disc-shelf{width:250px!important;padding:14px!important}
  .blank-deck,.music-deck{left:-258px!important}.burned-deck{right:-318px!important;width:295px!important}.disc-deck{right:-258px!important}
  .disc-shelf>small{font-size:10px!important;letter-spacing:.06em;margin-bottom:10px!important;color:#aaa!important}
  .shelf-row{gap:14px!important}.disc{width:74px!important;height:74px!important;font-size:10px!important}.disc span{max-width:64px!important;padding:4px!important;font-size:9px!important}.disc small{font-size:9px!important;bottom:5px!important}
  .burned-rack{grid-template-columns:repeat(3,82px)!important;grid-template-rows:repeat(3,82px)!important;gap:8px!important;min-height:278px!important}.rack-slot{width:82px!important;height:82px!important}.rack-slot .disc{width:74px!important;height:74px!important}.rack-slot .disc span{max-width:65px!important;font-size:9px!important}
}
.spotify-window{width:min(500px,88%)!important;background:#d8d8d3!important}.spotify-player{height:232px!important;border:3px double #111!important;box-shadow:inset 0 0 0 2px #777;background:#0a0a0a!important}.disc-card{padding:9px;border:2px groove #777;background:#c9c9c3}.spotify-cover{width:96px!important;height:96px!important;image-rendering:auto;filter:grayscale(1)}.player-note{font-size:10px!important}.retro-player-head{font:bold 11px 'Courier New';letter-spacing:.08em;border-bottom:2px groove #777;padding:6px 8px;background:repeating-linear-gradient(0deg,#bbb 0 1px,#d8d8d3 1px 3px);margin:-4px -4px 10px}.spotify-player-wrap{border:2px outset #eee;padding:8px;background:#aaa}.spotify-player-wrap:before{content:'NOW PLAYING // SPOTIFY';display:block;font:bold 10px 'Courier New';color:#111;margin-bottom:7px}

/* V14 — compact Macintosh-era CD player shell */
.retro-cd-player{width:min(470px,88%)!important;background:#c9c9c3!important}
.retro-player-body{padding:12px!important;background:#bdbdb7!important}
.retro-player-display{display:grid;grid-template-columns:88px 1fr 16px;gap:12px;align-items:center;background:#171916;color:#d7e0cf;border:3px inset #8b8b86;padding:10px;box-shadow:inset 0 0 18px #000;font-family:'Courier New',monospace}
.retro-album-art{width:88px;height:88px;object-fit:cover;filter:grayscale(1) contrast(1.08);border:2px solid #73766e;background:#090a09}.retro-album-art.fallback{display:grid;place-items:center;font-size:38px}
.retro-track-meta{min-width:0}.retro-track-meta small{display:block;font-size:8px;letter-spacing:.18em;color:#8f9b88;margin-bottom:7px}.retro-track-meta strong{display:block;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro-track-meta span{display:block;font-size:8px;margin-top:8px;color:#9ba395}.retro-led{align-self:start;color:#aeb6a6;font-size:9px;text-shadow:0 0 6px #cbd6c3}
.retro-player-controls{height:28px;margin-top:8px;border:2px outset #e4e4df;background:#cfcfc9;display:flex;align-items:center;gap:13px;padding:0 9px;font:bold 9px 'Courier New';color:#222}.retro-counter{margin-left:auto;background:#2b2d29;color:#cfd8c8;border:1px inset #777;padding:3px 7px;font-weight:normal}
.spotify-player-wrap.compact{margin-top:8px!important;padding:5px!important;background:#777!important;border:2px inset #aaa!important}.spotify-player-wrap.compact:before{content:'SPOTIFY AUDIO MODULE';font-size:8px;margin:0 0 4px 2px;color:#e4e4df}.spotify-player-wrap.compact .spotify-player{height:152px!important;border:0!important;box-shadow:none!important;background:#111!important}
.retro-volume-note{font:8px/1.35 'Courier New';color:#3e3e3a;padding:7px 2px 0;text-align:center}
@media(max-width:600px){.retro-player-display{grid-template-columns:68px 1fr 10px}.retro-album-art{width:68px;height:68px}.retro-track-meta strong{font-size:11px}.retro-player-controls{gap:8px}.spotify-player-wrap.compact .spotify-player{height:152px!important}}

/* V16 game start control */
.game-help{align-items:center;gap:8px;flex-wrap:wrap}
.game-start{margin-left:auto;min-width:76px;padding:5px 10px;font-size:11px;line-height:1.1}
.game-start[hidden]{display:none!important}

/* V17 — readability, full light/dark site themes, terminal easter egg */
.header-actions{display:flex;align-items:center;gap:18px}.theme-toggle{border:1px solid var(--line);background:transparent;color:inherit;font:inherit;font-size:10px;letter-spacing:.08em;padding:7px 9px;cursor:pointer}.theme-toggle:hover{background:#ffffff0c}
.bio,.lab p{font-size:15px;line-height:1.75}.big p{font-size:13px}.project-grid article p{font-size:14px;line-height:1.65;max-width:30ch}.project-grid article small,.eyebrow,.big>span,.lab>div>span,.contact>span{font-size:11px}.words{font-size:11px;line-height:2}.scroll-hint{font-size:10px}footer{font-size:10px}.side-nav{font-size:10px}
body.light-theme{--bg:#e8e7e1;--fg:#171715;--line:#b7b5ad;background:#e8e7e1;color:#171715}.light-theme .topbar{background:#e8e7e1dd}.light-theme .side-nav a,.light-theme .outline,.light-theme .contact a{color:#171715}.light-theme .big h1{color:#171715}.light-theme .bio,.light-theme .lab p,.light-theme .words,.light-theme footer,.light-theme .project-grid article p{color:#494842}.light-theme .hero{background:radial-gradient(circle at 50% 42%,#d7d5ce 0,#c7c5bd 36%,#aaa79e 75%,#929087 100%)}.light-theme .desk-line{background:#77746c}.light-theme .note{background:#e7e1cf;color:#171715}.light-theme .books b{background:linear-gradient(#d4d1c8,#bdbab1);border-color:#99968e;color:#55534e}.light-theme .poster{background:#d8d5cc;border-color:#77746d;color:#77746d}.light-theme .tower{background:linear-gradient(90deg,#aaa79e,#cbc8bf,#99968d);border-color:#8d8a82}.light-theme .plant i{background:#5f6257}.light-theme .theme-toggle:hover{background:#0000000a}
.termout{max-height:230px;overflow:auto;white-space:normal}.term-input{font-size:12px}
.mustafa-easter{position:fixed;inset:0;z-index:99999;background:#050505;display:grid;place-items:center;overflow:hidden;animation:mustafaIn .22s steps(2,end)}.mustafa-easter-grid{position:absolute;inset:-30%;background:repeating-linear-gradient(0deg,transparent 0 8px,#fff1 9px),repeating-linear-gradient(90deg,transparent 0 38px,#fff1 39px);transform:perspective(420px) rotateX(62deg) translateY(32%);animation:gridRush 1.8s linear infinite}.mustafa-easter-word{position:relative;font:900 clamp(64px,15vw,220px)/.8 Arial,sans-serif;letter-spacing:-.08em;color:#eee;text-shadow:7px 0 #777,-7px 0 #333;animation:mustafaGlitch .13s steps(2,end) infinite}.mustafa-easter-sub{position:absolute;top:67%;font:12px monospace;letter-spacing:.35em;color:#aaa}.mustafa-easter.out{animation:mustafaOut .65s forwards}@keyframes mustafaIn{from{filter:brightness(5);transform:scaleY(.02)}to{filter:brightness(1);transform:none}}@keyframes mustafaOut{to{opacity:0;transform:scale(1.08);filter:blur(8px)}}@keyframes mustafaGlitch{0%,100%{transform:translate(0)}25%{transform:translate(5px,-2px)}50%{transform:translate(-4px,2px)}75%{transform:translate(2px,1px)}}@keyframes gridRush{to{transform:perspective(420px) rotateX(62deg) translateY(42%)}}
@media(max-width:700px){.header-actions{gap:8px}.theme-toggle{font-size:8px;padding:5px}.bio,.lab p{font-size:13px}.project-grid article p{font-size:12px}}

/* V18 — readable typography, collision-safe hero scene, clean footer */
.bio,.lab p{font-size:clamp(17px,1.12vw,20px)!important;line-height:1.72!important;letter-spacing:.005em}
.big p{font-size:15px!important;line-height:1.55}
.project-grid article p{font-size:clamp(16px,1.05vw,19px)!important;line-height:1.65!important;max-width:36ch!important;color:var(--muted)}
.project-grid article small,.eyebrow,.big>span,.lab>div>span,.contact>span{font-size:12px!important;letter-spacing:.05em}
.tech-grid article h2{margin-top:76px}.tech-grid article{min-height:350px}
.contact a{font-size:clamp(18px,1.5vw,25px)!important}
.light-theme .project-grid article p,.light-theme .bio,.light-theme .lab p{color:#2f2e2a!important}
footer{border:0!important;border-top:0!important;box-shadow:none!important;background:transparent!important;padding-top:20px!important}
footer:before,footer:after{display:none!important;content:none!important}

/* The computer owns the center lane; shelves stay outside that lane. */
@media (min-width:1101px) and (max-width:1450px){
  .hero{height:820px}
  .computer-wrap{width:min(650px,56vw)!important;top:44px}
  .bezel{padding:42px 46px 36px}
  .disc-shelf{width:168px!important;padding:10px!important}
  .blank-deck,.music-deck{left:-178px!important}
  .burned-deck{right:-188px!important;width:178px!important}
  .disc-deck{right:-178px!important}
  .disc-shelf>small{font-size:9px!important;line-height:1.25!important}
  .disc{width:54px!important;height:54px!important;font-size:8px!important}
  .disc span{font-size:8px!important;max-width:47px!important;padding:3px!important}
  .disc small{font-size:8px!important}
  .burned-rack{grid-template-columns:repeat(3,50px)!important;grid-template-rows:repeat(3,50px)!important;gap:4px!important;min-height:158px!important}
  .rack-slot{width:50px!important;height:50px!important}.rack-slot .disc{width:46px!important;height:46px!important}
}
@media (min-width:1451px){
  .computer-wrap{width:790px!important}
  .blank-deck,.music-deck{left:-268px!important}
  .burned-deck{right:-318px!important}.disc-deck{right:-268px!important}
}
@media (max-width:1100px){
  .hero{height:820px!important;overflow:hidden}
  .computer-wrap{width:min(650px,64vw)!important;top:52px!important}
  .disc-shelf{width:145px!important;padding:8px!important}
  .blank-deck,.music-deck{left:-150px!important}
  .burned-deck{right:-150px!important;width:145px!important}.disc-deck{right:-150px!important}
  .disc{width:44px!important;height:44px!important}.disc span{font-size:7px!important;max-width:39px!important}
  .burned-rack{grid-template-columns:repeat(3,41px)!important;grid-template-rows:repeat(3,41px)!important;gap:3px!important;min-height:130px!important}.rack-slot{width:41px!important;height:41px!important}.rack-slot .disc{width:38px!important;height:38px!important}
}
@media (max-width:760px){
  .bio,.lab p{font-size:15px!important}.project-grid article p{font-size:15px!important}
  .computer-wrap{width:92vw!important}
  .disc-shelf{display:none!important}
}

/* V19 — final readability + clean ending */
.bio p,.lab p,.project-grid article p{font-family:Arial,sans-serif!important;font-size:18px!important;line-height:1.62!important;letter-spacing:.01em!important}
.bio p{max-width:640px!important}.lab p{max-width:620px!important;color:var(--fg)!important}
.project-grid article p{max-width:38ch!important;color:var(--fg)!important}
.project-grid article small,.eyebrow,.big>span,.lab>div>span,.contact>span{font-size:13px!important;color:var(--muted)!important}
.light-theme .bio p,.light-theme .lab p,.light-theme .project-grid article p{color:#1f1f1d!important}
.lab{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr)!important;column-gap:70px!important}
footer{display:none!important}
.contact{border-bottom:0!important}
@media(max-width:900px){.bio p,.lab p,.project-grid article p{font-size:16px!important}.lab{grid-template-columns:1fr!important;gap:15px!important}}


/* V20 — unified readable typography + unobstructed content + simple copyright */
body,button,input,textarea,select{font-family:"Courier New",ui-monospace,monospace!important}
.about{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important}
.about .words{display:none!important}
.about>div{min-width:0}
.bio{padding-right:5vw!important}
.bio p,.lab p,.project-grid article p,.big p,.contact a,.outline{
  font-family:"Courier New",ui-monospace,monospace!important;
}
.bio p,.lab p,.project-grid article p{
  font-size:17px!important;
  line-height:1.7!important;
  letter-spacing:0!important;
}
.big p{font-size:16px!important;line-height:1.5!important;letter-spacing:.02em!important;margin-top:20px!important}
.outline{font-size:13px!important;padding:13px 16px!important}
.side-nav a{font-size:12px!important;line-height:1.25!important}
.project-grid article small,.eyebrow,.big>span,.lab>div>span,.contact>span{font-size:12px!important}
.contact a{font-size:18px!important}
.light-theme .bio p,.light-theme .lab p,.light-theme .project-grid article p,.light-theme .big p{color:#20201e!important}
.site-footer{
  display:block!important;
  border:0!important;
  margin:0!important;
  padding:24px 3vw 30px!important;
  background:var(--bg)!important;
  color:var(--muted)!important;
  font:12px/1.4 "Courier New",ui-monospace,monospace!important;
  letter-spacing:.04em!important;
}
.site-footer:before,.site-footer:after{display:none!important;content:none!important}
.contact{border-bottom:0!important}
@media(max-width:900px){
  .about{grid-template-columns:1fr!important}
  .about .big{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .bio{padding-right:3vw!important}
  .bio p,.lab p,.project-grid article p{font-size:16px!important}
  .big p{font-size:15px!important}
}

/* V21 — scene spacing + readable body copy */
/* Keep physical media furniture clearly outside the computer chassis. */
@media (min-width:1451px){
  .blank-deck,.music-deck{left:-315px!important}
  .burned-deck{right:-365px!important;width:295px!important}
  .disc-deck{right:-315px!important}
}
@media (min-width:1101px) and (max-width:1450px){
  .blank-deck,.music-deck{left:-205px!important}
  .burned-deck{right:-225px!important;width:178px!important}
  .disc-deck{right:-205px!important}
}
/* Paragraphs are content, not micro-labels. */
.bio p,.lab p,.project-grid article p{
  font-size:20px!important;
  line-height:1.62!important;
}
.lab{
  grid-template-columns:minmax(430px,.9fr) minmax(520px,1.1fr)!important;
  column-gap:90px!important;
}
.lab p{max-width:720px!important;margin:0!important}
.project-grid article p{max-width:34ch!important}
.site-footer{font-size:13px!important}
@media(max-width:1100px){
  .bio p,.lab p,.project-grid article p{font-size:18px!important}
  .lab{grid-template-columns:1fr 1fr!important;column-gap:45px!important}
}
@media(max-width:900px){
  .lab{grid-template-columns:1fr!important;gap:20px!important}
}
@media(max-width:760px){
  .bio p,.lab p,.project-grid article p{font-size:17px!important}
}

/* V22 — final layout/readability corrections */
/* LAB copy: nested translation span must inherit the readable paragraph size. */
.lab p,
.lab p span,
.lab p [data-i18n="labtext"]{
  font-size:20px!important;
  line-height:1.7!important;
  letter-spacing:.01em!important;
  color:var(--fg)!important;
  font-family:"Courier New",ui-monospace,monospace!important;
}
.lab p{max-width:760px!important}
.light-theme .lab p,
.light-theme .lab p span{color:#20201e!important}

/* Keep the header visually transparent so it never masks the computer in light mode. */
.topbar,
.light-theme .topbar{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
.light-theme .topbar{color:#171715!important}

/* Symmetric disc stations around the computer. */
@media (min-width:1401px){
  .disc-shelf{width:210px!important;padding:12px!important}
  .blank-deck{left:-235px!important;right:auto!important;bottom:170px!important}
  .music-deck{left:-235px!important;right:auto!important;bottom:15px!important}
  .burned-deck{left:auto!important;right:-235px!important;bottom:170px!important;width:210px!important}
  .disc-deck{left:auto!important;right:-235px!important;bottom:15px!important;width:210px!important}
  .shelf-row{justify-content:center!important;gap:12px!important;flex-wrap:nowrap!important}
  .disc{flex:0 0 auto!important}
  .burned-rack{margin-inline:auto!important}
}
@media (min-width:1101px) and (max-width:1400px){
  .disc-shelf{width:165px!important;padding:10px!important}
  .blank-deck{left:-180px!important;right:auto!important;bottom:155px!important}
  .music-deck{left:-180px!important;right:auto!important;bottom:12px!important}
  .burned-deck{left:auto!important;right:-180px!important;bottom:155px!important;width:165px!important}
  .disc-deck{left:auto!important;right:-180px!important;bottom:12px!important;width:165px!important}
  .shelf-row{justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important}
  .disc{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .burned-rack{grid-template-columns:repeat(3,44px)!important;grid-template-rows:repeat(3,44px)!important;gap:5px!important;min-height:152px!important;padding:5px!important;margin-inline:auto!important}
  .rack-slot{width:44px!important;height:44px!important}
  .rack-slot .disc{width:39px!important;height:39px!important}
}
@media (max-width:1100px) and (min-width:701px){
  .lab p,.lab p span{font-size:18px!important}
}
@media (max-width:700px){
  .lab p,.lab p span{font-size:17px!important}
}

/* V23 — rebuilt hero/media layout */
.hero{height:860px!important}
.topbar{height:76px!important;padding:22px 3vw!important;align-items:flex-start!important;background:transparent!important}
.computer-wrap{width:720px!important;top:92px!important}

/* Media is now two real columns, not four independently positioned boxes. */
.media-column{position:absolute;bottom:18px;width:220px;display:flex;flex-direction:column;gap:16px;z-index:12}
.media-left{right:calc(100% + 34px)}
.media-right{left:calc(100% + 34px)}
.media-column .disc-shelf{position:relative!important;inset:auto!important;width:220px!important;padding:12px!important;margin:0!important}
.media-column .shelf-row{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important}
.media-column .disc{width:54px!important;height:54px!important;flex:0 0 54px!important;font-size:7px!important}
.media-column .burned-rack{grid-template-columns:repeat(3,56px)!important;grid-template-rows:repeat(3,56px)!important;gap:6px!important;padding:7px!important;min-height:0!important;margin:auto!important;width:max-content!important}
.media-column .rack-slot{width:56px!important;height:56px!important}
.media-column .rack-slot .disc{width:49px!important;height:49px!important}
.media-column .disc-shelf>small{font-size:8px!important;line-height:1.25!important;letter-spacing:.06em!important}

/* Light theme: keep all identity/profession copy visible and dark. */
.light-theme .identity,.light-theme .identity span,.light-theme .langs,.light-theme .lang,
.light-theme .big p,.light-theme .big p span,.light-theme [data-i18n="profession"]{color:#171715!important}
.light-theme .lang.active{color:#000!important}

@media(max-width:1280px) and (min-width:901px){
  .computer-wrap{width:620px!important;top:96px!important}
  .media-column{width:170px!important;gap:12px!important}
  .media-left{right:calc(100% + 20px)!important}.media-right{left:calc(100% + 20px)!important}
  .media-column .disc-shelf{width:170px!important;padding:9px!important}
  .media-column .disc{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:6px!important}
  .media-column .burned-rack{grid-template-columns:repeat(3,43px)!important;grid-template-rows:repeat(3,43px)!important;gap:5px!important;padding:5px!important}
  .media-column .rack-slot{width:43px!important;height:43px!important}.media-column .rack-slot .disc{width:38px!important;height:38px!important}
}
@media(max-width:900px){
  .hero{height:760px!important}.computer-wrap{width:min(92vw,620px)!important;top:92px!important}
  .media-column{display:none!important}
}

/* V25 — Spotify uses the native embed only */
.spotify-window{width:min(500px,88%)!important;background:#d8d8d3!important}
.spotify-embed-only{padding:10px!important;background:#bdbdb7!important}
.spotify-embed-only .spotify-player.spotify-rounded{
  display:block!important;
  width:100%!important;
  height:352px!important;
  border:0!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  background:#121212!important;
}
@media(max-width:600px){.spotify-embed-only .spotify-player.spotify-rounded{height:352px!important;border-radius:12px!important}}


/* V26 — keep artwork/title, use Spotify native controls only */
.spotify-disc-content{padding:12px!important;background:#bdbdb7!important}
.spotify-disc-header{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;margin-bottom:10px;padding:10px;border:2px groove #777;background:#d8d8d3}
.spotify-disc-art{width:92px;height:92px;display:block;object-fit:cover;border:2px inset #888;border-radius:8px;image-rendering:auto;background:#111}
.spotify-disc-art-fallback{display:grid;place-items:center;font:42px/1 'Courier New';color:#ddd}
.spotify-disc-meta{min-width:0;font-family:'Courier New',monospace;color:#111}.spotify-disc-meta small{display:block;font-size:9px;letter-spacing:.14em;margin-bottom:7px}.spotify-disc-meta strong{display:block;font-size:15px;line-height:1.2;overflow-wrap:anywhere}.spotify-disc-meta span{display:block;margin-top:7px;font-size:9px;letter-spacing:.08em}
.spotify-player-wrap.native-only{padding:0!important;border:0!important;background:transparent!important}.spotify-player-wrap.native-only:before{content:none!important;display:none!important}
.spotify-player-wrap.native-only .spotify-player.spotify-rounded{width:100%!important;height:152px!important;border:0!important;border-radius:14px!important;overflow:hidden!important;box-shadow:none!important;background:#121212!important}
@media(max-width:600px){.spotify-disc-header{grid-template-columns:72px 1fr;gap:10px}.spotify-disc-art{width:72px;height:72px}.spotify-player-wrap.native-only .spotify-player.spotify-rounded{height:152px!important;border-radius:12px!important}}

/* Hidden M. COLOR MODE — terminal only */
body.mustafa-theme{
  --bg:#09071a;
  --fg:#f6f1ff;
  --muted:#bcb1d6;
  --line:#4b3f70;
  background:
    radial-gradient(circle at 12% 18%,#6325a844,transparent 31%),
    radial-gradient(circle at 88% 28%,#007f9f3d,transparent 34%),
    radial-gradient(circle at 52% 90%,#d2466a2e,transparent 30%),#09071a!important;
  color:var(--fg)!important;
}
.mustafa-theme .hero{background:radial-gradient(circle at 50% 37%,#233a58 0,#18162f 38%,#090713 76%)!important}
.mustafa-theme .hero:before{opacity:.24;background-image:repeating-linear-gradient(90deg,#9cecff 0 1px,transparent 1px 4px)!important}
.mustafa-theme .bezel{background:linear-gradient(145deg,#7770a3 0,#4e527d 45%,#35334f 100%)!important;border-color:#aaa4cf!important}
.mustafa-theme .base{background:linear-gradient(90deg,#56547a,#3e405f)!important;border-color:#77759b!important}
.mustafa-theme .screen{border-color:#24213c!important;box-shadow:inset 0 0 55px #000,0 0 24px #52d7ff33!important}
.mustafa-theme .desktop{background:#111326!important;color:#f7f3ff!important}
.mustafa-theme .menubar{border-color:#d9d2ff!important;background:#272443!important}
.mustafa-theme .title{background:linear-gradient(90deg,#542e80,#175a76)!important;color:#fff!important}
.mustafa-theme .window{border-color:#d9d2ff!important;box-shadow:5px 5px #171126,0 0 18px #7d4cff33!important}
.mustafa-theme .pixel-icon{border-color:#8fe7ff!important}
.mustafa-theme .disc{background:radial-gradient(circle,#111 0 7px,#e8e4ff 8px 10px,#69469b 11px 29px)!important;border-color:#b49bea!important;box-shadow:0 7px 13px #0009,0 0 13px #7047b866,inset 0 0 0 2px #352455!important}
.mustafa-theme .disc.music{background:radial-gradient(circle,#111 0 7px,#f2f0ff 8px 10px,#157e9d 11px 29px)!important}
.mustafa-theme .disc.game{background:radial-gradient(circle,#111 0 7px,#f2f0ff 8px 10px,#b33f6e 11px 29px)!important}
.mustafa-theme .disc-shelf{border-color:#574876!important;background:#100d20cc!important;box-shadow:0 0 18px #6540a52b!important}
.mustafa-theme .section{border-color:#44375f!important}
.mustafa-theme .big h1,.mustafa-theme .lab h2,.mustafa-theme .contact h2{color:#f5f0ff!important;text-shadow:3px 3px 0 #633a8b55!important}
.mustafa-theme .project-grid article:nth-child(1) h2{color:#82ddff!important}
.mustafa-theme .project-grid article:nth-child(2) h2{color:#cba2ff!important}
.mustafa-theme .project-grid article:nth-child(3) h2{color:#ff8eae!important}
.mustafa-theme .outline,.mustafa-theme .theme-toggle{border-color:#8066a9!important;color:#f4efff!important}
.mustafa-theme .contact a{color:#8fe7ff!important;border-color:#6d80b9!important}
.mustafa-theme .desk-line{background:linear-gradient(90deg,#6f4ca3,#3f9fb4,#a54871)!important}
.mustafa-theme .note{background:#e7b7e0!important;color:#25132d!important}
.mustafa-theme .books b{background:linear-gradient(90deg,#30234a,#172f49)!important;border-color:#4d456d!important;color:#9f8fbc!important}
.mustafa-theme .poster{background:#17132b!important;border-color:#4f3e70!important;color:#815aa9!important}
.mustafa-theme .plant i{background:#315d57!important}
.mustafa-theme .tower{background:linear-gradient(90deg,#17162d,#2c3150,#151427)!important;border-color:#45466c!important}
.mustafa-theme .identity span,.mustafa-theme .side-nav a,.mustafa-theme .langs,.mustafa-theme .lang{color:#d5c9eb!important}
.mustafa-theme .lang.active{color:#8fe7ff!important}
.mustafa-theme .scroll-hint{color:#bbaed0!important}
.mustafa-theme .scroll-hint i{background:linear-gradient(90deg,#774aa5,#329bb2,#a94670)!important}
.mustafa-theme footer{color:#bcb1d6!important}
.mustafa-theme .spotify-disc-header{background:#d8d0e6!important;border-color:#78658d!important}

/* brief color-mode transition */
body.mustafa-theme .computer-wrap{animation:mColorWake .72s steps(5,end)}
@keyframes mColorWake{0%{filter:hue-rotate(0deg) saturate(.2);transform:translateX(-50%) scale(.985)}50%{filter:hue-rotate(110deg) saturate(1.7)}100%{filter:none;transform:translateX(-50%) scale(1)}}

/* V28 — physical CD transport */
.cd-flight{position:fixed!important;z-index:99999!important;margin:0!important;pointer-events:none!important;transition:left .38s cubic-bezier(.2,.8,.2,1),top .38s cubic-bezier(.2,.8,.2,1),width .38s ease,height .38s ease,transform .38s ease,opacity .18s ease!important;filter:drop-shadow(0 10px 12px #0009)}
.drive.cd-accepting .slot{box-shadow:0 0 0 1px #ddd,0 0 16px #ddd8,inset 0 2px 6px #000!important}
.drive.cd-loading .slot:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff7,transparent);animation:driveScan .42s linear infinite}
.drive.cd-loading #discLabel{animation:driveBlink .28s steps(2,end) infinite}
.drive.cd-ejecting .slot{box-shadow:0 0 12px #eee8,inset 0 2px 5px #000}
@keyframes driveScan{to{transform:translateX(100%)}}@keyframes driveBlink{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.cd-flight{transition:none!important}.drive.cd-loading .slot:after,.drive.cd-loading #discLabel{animation:none}}