:root{font-family:"Segoe UI",Arial,sans-serif;color:#202e35;background:#0a2330;font-synthesis:none;--ink:#192b35;--muted:#51636c;--mint:#a9efd6;--line:#dbe4e6;--bar:60px;--accent:#176651;--paper:#f9fbfb}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #168366;outline-offset:3px}a{color:#176651;text-underline-offset:4px}button{color:inherit}button svg{pointer-events:none}svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:-80px;left:20px;z-index:10000;background:white;padding:12px}.skip-link:focus{top:12px}#desktop{height:calc(100dvh - var(--bar));min-height:480px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 84% 104%,#247e7499,transparent 49%),radial-gradient(ellipse at 39% -20%,#30565d80,transparent 55%),linear-gradient(125deg,#0c1f31 12%,#103441 58%,#16473f)}#desktop:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 52%,#ffffff03 52%,#ffffff03 72%,transparent 72%)}.desktop-topline{position:absolute;top:28px;left:32px;right:34px;display:flex;align-items:center;justify-content:space-between;color:#dcecea}.monogram{font-size:22px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.tiny-squares{font-size:22px;color:#80b7aa;font-weight:400}.preview-label{font:12px "Consolas",monospace;letter-spacing:1.8px;color:#b3cbc8}.preview-label span{padding:0 12px;color:#6b928d}.desktop-icons{position:absolute;top:102px;left:20px;display:grid;grid-template-rows:repeat(5,100px);grid-auto-flow:column;gap:11px 10px;z-index:1}.desktop-icon{width:100px;min-height:100px;border:1px solid transparent;background:none;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;color:#f0f7f6;border-radius:7px;font-size:14px;font-weight:500;line-height:1.15;text-shadow:0 1px 4px #0008}.desktop-icon:hover,.desktop-icon:focus-visible{background:#c4edec18;border-color:#d2f0ec33}.icon-tile{height:49px;width:49px;border-radius:11px;display:grid;place-items:center;box-shadow:0 5px 12px #00102022,inset 0 1px 0 #ffffff88;color:#184c5b;background:#c8e6ec;position:relative}.icon-tile svg{width:28px;height:28px}.icon-tile.resume,.icon-tile.education{background:#e5e9dc;color:#596343}.icon-tile.experience,.icon-tile.portfolio{background:#f6d5a0;color:#755422}.icon-tile.archive{background:#bfd0dd;color:#3d5267}.icon-tile.contact{background:#bde9d6;color:#205f4b}.icon-tile.duskwood{background:#d4cef1;color:#534879}.icon-tile.permissions{background:#233f4b;color:#b6f1d8;box-shadow:inset 0 0 0 1px #ffffff30,0 5px 12px #00102033}.shortcut{position:absolute;bottom:-2px;left:-3px;border-radius:2px;background:#e4f0ee;color:#315f61;font:13px Arial;width:14px;height:14px;text-shadow:none;display:grid;place-items:center}.wallpaper-type{position:absolute;right:6.8%;top:25%;width:49%;color:#deeeeb;pointer-events:none}.wallpaper-type>span{font:12px Consolas,monospace;letter-spacing:4px;color:#8bb4ac}.wallpaper-type strong{display:block;font-size:clamp(48px,5.7vw,90px);line-height:1.02;letter-spacing:-4px;font-weight:500;margin-top:24px}.period{color:#9fe7c9}.wallpaper-type p{color:#9dbeb5;font-size:18px;margin-top:30px;letter-spacing:.2px}.desktop-note{position:absolute;right:7%;bottom:40px;color:#b6d2cb;font-size:13px;display:flex;flex-direction:column;gap:9px}.note-line{height:1px;background:#7cb7a566;width:40px;margin-bottom:8px}.note-short{color:#8cafaa;font-size:12px}.taskbar{height:var(--bar);background:#e8f1efeF;border-top:1px solid #d8e8e688;display:flex;align-items:center;gap:12px;padding:8px 16px;position:fixed;bottom:0;left:0;right:0;z-index:5000;backdrop-filter:blur(18px)}.start-button{display:flex;align-items:center;gap:10px;background:transparent;border:0;border-radius:5px;padding:10px 12px;font-weight:600;font-size:14px}.start-button:hover,.start-button[aria-expanded=true]{background:#d0e0db}.windows-mark{display:grid;grid-template-columns:9px 9px;grid-template-rows:9px 9px;gap:3px}.windows-mark i{background:#226d5f}.task-separator{height:27px;border-left:1px solid #b7ccc5}#task-buttons{display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto}.task-button{border:1px solid transparent;border-radius:5px;background:#ffffff66;min-width:45px;height:42px;max-width:180px;display:flex;gap:9px;align-items:center;justify-content:center;padding:0 12px;position:relative;white-space:nowrap;font-size:13px}.task-button::after{content:"";position:absolute;bottom:0;height:3px;width:14px;background:#9dada8;border-radius:2px}.task-button.active{background:#fff;border-color:#c6d9d2}.task-button.active:after{width:26px;background:#226d5f}.task-button:hover{background:white}.task-button svg{width:20px;height:20px}.system-tray{display:flex;align-items:center;gap:22px;font-size:12px;color:#456158;margin-left:auto}.local-tag{font:11px Consolas,monospace;letter-spacing:1px}#clock{text-align:right;white-space:pre-line;line-height:1.5}#show-desktop{height:38px;width:8px;border:0;border-left:1px solid #b9d2c8;background:none;margin-left:4px;padding:0}#start-menu{position:fixed;left:16px;bottom:70px;width:350px;border:1px solid #c6d8d2;border-radius:10px;background:#f5faf8;box-shadow:0 16px 60px #0005;z-index:5100;padding:20px}#start-menu header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #d8e5df;padding-bottom:18px}.avatar{display:grid;place-items:center;border-radius:50%;width:43px;height:43px;background:#d2e9dd;color:#275a46;font-weight:600}#start-menu strong{font-size:16px}#start-menu header span:not(.avatar){display:block;font-size:12px;margin-top:5px;color:#607369}#start-apps{padding:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:5px}#start-apps button{display:flex;align-items:center;gap:10px;border:0;border-radius:5px;padding:11px 8px;text-align:left;background:none;font-size:14px}#start-apps button:hover{background:#dcece4}#start-menu footer{font-size:12px;color:#687a70;border-top:1px solid #d8e5df;padding-top:15px}.window{position:absolute;width:760px;max-width:calc(100% - 32px);height:570px;max-height:calc(100% - 28px);display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border:1px solid #acc4bf;border-radius:9px;box-shadow:0 24px 70px #03101866,0 3px 9px #0002;opacity:.97}.window.active{opacity:1;border-color:#daeae5;box-shadow:0 30px 85px #00111b80,0 4px 12px #0003}.titlebar{height:45px;flex:0 0 45px;background:#e4eeea;display:flex;align-items:center;justify-content:space-between;user-select:none;touch-action:none;color:#4a5f57}.active .titlebar{background:#eef5f1;color:#1c3e32}.title-caption{padding:0 15px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;overflow:hidden;white-space:nowrap}.title-caption svg{width:17px;height:17px}.window-controls{display:flex;align-self:stretch}.window-controls button{border:0;background:none;width:44px;display:grid;place-items:center;border-radius:0}.window-controls button:hover{background:#d6e5dd}.window-controls button:last-child:hover{background:#c44343;color:white}.window-controls svg{width:16px;height:16px}.window-content{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;scrollbar-color:#b9ccc4 transparent;scrollbar-width:thin}.window-status{height:28px;flex:0 0 28px;border-top:1px solid #dce7e2;background:#f0f5f2;padding:0 16px;display:flex;justify-content:space-between;align-items:center;font:11px Consolas,monospace;color:#60746a}.window.maximized{left:8px!important;top:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;max-width:none;max-height:none}.page{padding:35px 40px 38px}.eyebrow{font:11px Consolas,monospace;letter-spacing:1.8px;color:#587166;text-transform:uppercase;margin:0 0 14px}.page h1{font-size:34px;font-weight:600;line-height:1.15;letter-spacing:-1.2px;margin:0 0 18px}.page h2{font-size:19px;letter-spacing:-.3px;margin:27px 0 13px}.page h3{font-size:17px;margin:0 0 8px}.page p{font-size:16px;line-height:1.7;color:#4b5f62;margin:0 0 19px}.page .lead{font-size:18px;line-height:1.6;max-width:550px}.about-grid{display:grid;grid-template-columns:1fr 160px;gap:28px;align-items:start}.about-mark{background:#dcebe2;color:#537c68;min-height:178px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px}.about-mark span{font:11px Consolas,monospace;letter-spacing:1px}.about-mark strong{font-size:55px;font-weight:400;letter-spacing:-5px}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 26px}.tag{font-size:12px;padding:5px 8px;border:1px solid #d8e5de;border-radius:4px;background:#eff5f1;color:#406052}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid #c5d8ce;border-radius:5px;background:#fff;color:#27503f;font-size:14px;line-height:1.4;text-decoration:none;font-weight:600}.button.primary{background:#23664f;border-color:#23664f;color:white}.button:hover{filter:brightness(.96)}.button svg{width:17px;height:17px}.about-bottom{display:flex;gap:30px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.about-bottom div{flex:1}.about-bottom strong{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.about-bottom p{font-size:13px;line-height:1.6;margin:0;color:#607268}.timeline{border-left:1px solid #c7dbd0;padding-left:25px;margin-top:26px}.job{position:relative;margin-bottom:30px}.job::before{content:"";position:absolute;top:5px;left:-30px;width:9px;height:9px;border-radius:50%;background:#75a28b;border:2px solid #f9fbfb}.job-date{display:block;font:12px Consolas,monospace;color:#5c7869;margin-bottom:9px}.job .org{font-size:14px;color:#55705f;margin-bottom:10px}.job p{font-size:15px;margin:0;line-height:1.7}.notice{border-left:3px solid #96b8a5;background:#edf4ef;padding:14px 17px;margin:22px 0;color:#4c6658;font-size:14px;line-height:1.6}.project-row{display:flex;align-items:flex-start;gap:19px;padding:23px 0;border-top:1px solid var(--line)}.project-row .icon-tile{width:48px;height:48px;flex-shrink:0;box-shadow:none}.project-row>div:last-child{flex:1}.project-row p{font-size:14px;line-height:1.6;margin:7px 0 13px}.text-button{border:0;background:none;padding:0;font-size:14px;color:#176651;text-decoration:underline;text-underline-offset:4px}.badge{display:inline-block;border:1px solid #cfe2d6;border-radius:3px;color:#416853;font:10px Consolas,monospace;letter-spacing:.7px;padding:4px 7px;margin-bottom:8px}.badge.pending{color:#77604b;background:#f6efe6;border-color:#e5d8c8}.credential{padding:20px 0;border-top:1px solid var(--line)}.credential p{font-size:14px;line-height:1.6;margin-bottom:0}.credential small{color:#677b6e;font-size:12px;display:block;margin-top:9px}.study-path{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.study-path span{font-size:13px;border:1px solid #dae6de;padding:8px 11px;border-radius:4px}.study-path span:first-child{background:#e0eee5;color:#245c42}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:14px;margin-bottom:18px}.field input,.field textarea,.field select{width:100%;border:1px solid #b8cec1;border-radius:4px;background:white;padding:11px 12px;color:#263c30;font-size:16px}.field textarea{resize:vertical;min-height:112px}.form-note{font-size:13px!important;line-height:1.5!important}.form-result{font-size:14px;color:#205e43;background:#e7f0e9;border-radius:4px;padding:13px;margin-top:16px}.demo-splash{min-height:200px;border:1px solid #d7d4e5;background:#efedf7;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;padding:28px;margin:24px 0;color:#6a6086}.demo-splash svg{width:50px;height:50px;stroke-width:1.2}.demo-splash span{font:12px Consolas,monospace;letter-spacing:1px}.demo-frame{border:0;width:100%;height:100%;background:#fff}.frame-layout{height:100%;display:flex;flex-direction:column}.frame-toolbar{padding:12px 18px;background:#edf4f0;border-bottom:1px solid #d6e3db;font-size:13px;display:flex;justify-content:space-between;gap:10px}.frame-layout iframe{min-height:320px;flex:1}.noscript{position:relative;margin:100px auto;padding:30px;background:white;width:min(90%,700px);z-index:2} @media(min-width:1450px){.desktop-icons{grid-template-rows:repeat(5,108px);gap:15px 20px}.window{width:810px;height:610px}.page{padding:40px 45px}.page h1{font-size:38px}} @media(max-width:900px){.wallpaper-type{top:22%;right:5%;width:52%}.wallpaper-type strong{letter-spacing:-2px;font-size:55px}.task-button span{display:none}.system-tray{gap:10px}.desktop-note{max-width:230px;font-size:12px}.window{width:700px}} @media(max-width:600px){:root{--bar:58px}#desktop{min-height:unset}.desktop-topline{top:20px;left:20px;right:20px}.preview-label{font-size:10px;letter-spacing:1px}.preview-label span{padding:0 4px}.desktop-icons{top:83px;left:10px;right:10px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;grid-auto-flow:row;gap:14px 2px}.desktop-icon{width:100%;height:94px;font-size:12px;min-height:unset}.icon-tile{width:45px;height:45px}.wallpaper-type{top:auto;bottom:38px;left:28px;right:20px;width:auto}.wallpaper-type>span{font-size:10px;letter-spacing:2px}.wallpaper-type strong{font-size:43px;letter-spacing:-2px;margin-top:13px}.wallpaper-type p{font-size:14px;margin-top:18px}.desktop-note{display:none}.window{left:7px!important;top:7px!important;width:calc(100% - 14px)!important;height:calc(100% - 14px)!important;max-width:none;max-height:none}.window.maximized{left:7px!important;top:7px!important;width:calc(100% - 14px)!important;height:calc(100% - 14px)!important}.window-controls button{width:40px}.title-caption{padding-left:11px;font-size:12px}.page{padding:26px 23px 30px}.page h1{font-size:30px}.page .lead{font-size:17px}.about-grid{grid-template-columns:1fr;gap:0}.about-mark{display:none}.about-bottom{gap:18px}.about-bottom p{font-size:12px}.form-grid{grid-template-columns:1fr;gap:0}.taskbar{padding:8px;gap:7px}.start-button{padding:9px 7px}.start-button>span:last-child{display:none}.task-separator{display:none}.task-button{padding:0 8px;min-width:36px;height:40px}.task-button svg{width:18px}.local-tag{display:none}.system-tray{font-size:11px;margin-left:2px}#task-buttons{gap:3px}#show-desktop{margin-left:0}.window-status{font-size:10px;padding:0 11px}#start-menu{width:calc(100% - 24px);left:12px;bottom:68px}.frame-toolbar{font-size:12px}.project-row{gap:13px}.project-row .icon-tile{width:38px;height:38px}} @media(max-height:680px) and (min-width:601px){.desktop-icons{top:85px;grid-template-rows:repeat(4,89px);gap:6px}.desktop-icon{min-height:89px}.desktop-note{bottom:22px}} @media(max-height:650px) and (max-width:600px){.wallpaper-type{display:none}.desktop-icons{gap:7px 2px}} @media(prefers-reduced-motion:no-preference){.window{animation:window-in .16s ease-out}@keyframes window-in{from{transform:translateY(8px);opacity:.7}to{transform:translateY(0);opacity:1}}} @media print{body{background:white}.taskbar,.desktop-topline,.desktop-icons,.wallpaper-type,.desktop-note,#start-menu,.titlebar,.window-status{display:none!important}#desktop{height:auto;background:white;overflow:visible}.window{display:none!important}.window.active{display:block!important;position:static;width:auto;height:auto;max-height:none;max-width:none;border:0;box-shadow:none}.window-content{overflow:visible}.page{padding:0}} .document-link{display:flex;align-items:center;gap:18px;border-block:1px solid var(--line);padding:26px 0;margin:25px 0}.document-link strong,.document-link span:not(.icon-tile){display:block}.document-link strong{font-size:17px;margin-bottom:8px}.document-link div>span{font-size:14px;color:var(--muted)}.file-list{margin-top:26px;border-top:1px solid var(--line)}.file-list>button,.file-list>a{background:none;border:0;border-bottom:1px solid var(--line);padding:22px 8px;display:flex;align-items:center;gap:20px;width:100%;text-align:left;text-decoration:none;color:var(--ink)}.file-list>button:hover,.file-list>a:hover{background:#edf4ef}.file-list strong,.file-list small{display:block}.file-list strong{font-size:17px;font-weight:600}.file-list small{font-size:13px;color:var(--muted);margin-top:8px}.file-list .icon-tile{box-shadow:none;flex-shrink:0}.file-list>button>svg{margin-left:auto}.gameplay-video{width:100%;aspect-ratio:16/9;background:#111d24;border-radius:5px;display:block}.page .media-caption{font-size:12px;margin:8px 0 22px;color:#63766b}.game-controls{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.game-controls summary{cursor:pointer;font-size:14px;color:#325846}.game-controls dl{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:14px}.game-controls dt{font-weight:600}.game-controls dd{margin:0;color:#51665a}.game-controls p{font-size:13px}.page .archive-note{font-size:13px;margin-top:24px}#game-launch-form .field{max-width:300px}.window-content:focus{outline:none} @media(min-width:601px) and (min-height:760px){.window{height:640px}} /* Demo / clip layouts */ .clip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:.75rem} .clip-grid figure,.demo-video{margin:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden} .clip-grid video,.demo-video video{display:block;width:100%;max-height:240px;background:#000} .clip-grid figcaption,.demo-video figcaption{padding:.4rem .6rem;font-size:.75rem;opacity:.75} .frame-layout{display:flex;flex-direction:column;height:100%;min-height:0} .frame-toolbar{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.55rem .8rem;border-bottom:1px solid rgba(255,255,255,.08);font-size:.8rem} .demo-frame{flex:1;width:100%;border:0;min-height:420px;background:#0b0d12} .demo-splash{display:inline-flex;margin:.35rem 0 .75rem;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:.7rem;letter-spacing:.08em} /* Project galleries */ .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-top:1rem} .gallery-grid figure{margin:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden} .gallery-grid img,.gallery-grid video{display:block;width:100%;height:160px;object-fit:cover;background:#000} .gallery-grid figcaption{padding:.45rem .65rem;font-size:.75rem;opacity:.8;line-height:1.35} .icon-tile.hermes,.icon-tile.ffxiv,.icon-tile.concept,.icon-tile.lesson,.icon-tile.kanto,.icon-tile.aether{background:linear-gradient(145deg,#1a3a44,#0f2a32)} .game-launch{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1rem} .game-launch label{display:flex;gap:.5rem;align-items:center;font-size:.9rem} /* Folder desktop: five collections, with the existing window manager. */ .desktop-icons{top:115px;left:32px;bottom:100px;display:flex;flex-direction:column;gap:10px;overflow:auto;width:250px;padding:6px} .desktop-icon{flex:0 0 auto;width:100%;min-height:78px;padding:12px;flex-direction:row;justify-content:flex-start;gap:18px;text-align:left;border-radius:12px} .desktop-icon-copy{display:flex;flex-direction:column;gap:7px} .desktop-icon-copy strong{font-size:15px;font-weight:500;line-height:1.3} .desktop-icon-copy small{font:10px Consolas,monospace;color:#9fc3bc;letter-spacing:1px;text-transform:uppercase} .folder-tile{--folder:#dfc894;--folder-ink:#74552a;background:none!important;box-shadow:none!important;color:var(--folder-ink);width:54px;height:46px;border-radius:0;isolation:isolate;flex-shrink:0} .folder-tile::before{content:"";position:absolute;inset:8px 0 0;border-radius:4px 6px 6px;background:var(--folder);box-shadow:inset 0 1px 0 #ffffff90,0 5px 12px #00102022;z-index:-1} .folder-tile::after{content:"";position:absolute;top:2px;left:0;width:25px;height:10px;border-radius:4px 6px 0 0;background:var(--folder);z-index:-2} .folder-tile svg{width:25px;height:25px;margin-top:8px;stroke-width:1.4} .folder-tile.sage{--folder:#b5dac4;--folder-ink:#356b53} .folder-tile.gold{--folder:#efd298;--folder-ink:#846326} .folder-tile.blue{--folder:#b4d4e5;--folder-ink:#3b6780} .folder-tile.rose{--folder:#e3bfba;--folder-ink:#815952} .folder-tile.violet{--folder:#ccc3e3;--folder-ink:#67568b} .wallpaper-type{right:7%;top:25%;width:52%;max-width:750px} .wallpaper-type strong{font-size:clamp(42px,5.4vw,86px)} .window-path{flex:0 0 auto;display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 16px;border-bottom:1px solid var(--line);background:#f0f5f2;font-size:12px;color:#61756a;overflow:auto;white-space:nowrap} .window-path button{border:0;background:none;color:#27614c;padding:4px 2px;font-size:12px} .window-path button:hover{text-decoration:underline;text-underline-offset:3px} .window-path [aria-current]{overflow:hidden;text-overflow:ellipsis;min-width:45px} .folder-heading{display:flex;align-items:center;gap:18px;margin-bottom:17px} .folder-heading h1{margin:0}.folder-heading .eyebrow{margin-bottom:8px} .page .folder-intro{font-size:15px;line-height:1.6;max-width:520px;margin-bottom:22px} .folder-list{border-top:1px solid var(--line)} .folder-item{display:flex;align-items:center;gap:19px;width:100%;padding:18px 4px;background:none;border:0;border-bottom:1px solid var(--line);text-align:left} .folder-item:hover{background:#edf4ef}.folder-item:focus-visible{outline-offset:-3px} .folder-item .icon-tile{box-shadow:none;flex-shrink:0;width:44px;height:44px} .folder-item-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px} .folder-item-copy .item-kind{font:10px Consolas,monospace;letter-spacing:.8px;text-transform:uppercase;color:#5b7569} .folder-item-copy strong{font-size:16px;font-weight:600;line-height:1.4} .folder-item-copy>span{font-size:13px;line-height:1.55;color:var(--muted)} .folder-item>svg{width:18px;color:#648377} .icon-tile.hermes,.icon-tile.ffxiv,.icon-tile.concept,.icon-tile.lesson,.icon-tile.kanto,.icon-tile.aether,.icon-tile.command-art,.icon-tile.ops-notes{background:#e0e9ed;color:#335b69} #start-apps{grid-template-columns:1fr;gap:4px;padding:12px 0} #start-apps button{gap:14px;padding:11px;border:1px solid transparent} #start-apps button>span{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px} #start-apps small{font:10px Consolas,monospace;color:#718478} #start-menu{max-height:calc(100dvh - 90px);overflow:auto} .workflow-steps{border-top:1px solid var(--line);margin:25px 0} .workflow-steps section{padding:18px 0 0;border-bottom:1px solid var(--line)} .workflow-steps section>span{font:11px Consolas,monospace;color:#527969} .workflow-steps h2{margin:10px 0} .gallery-grid figure{background:#edf3f0;border:1px solid var(--line)} .gallery-grid img{height:auto;aspect-ratio:16/10;object-fit:contain;background:#e5ece9} .gallery-grid figcaption{opacity:1;color:#52695e;line-height:1.5;padding:10px 12px} .frame-toolbar{flex-wrap:wrap}.frame-toolbar a{flex-shrink:0} .frame-layout iframe{min-height:0} @media(max-width:1100px) and (min-width:601px){.desktop-icons{left:20px;width:220px}.wallpaper-type{right:4%;width:58%}.wallpaper-type strong{font-size:clamp(36px,5.4vw,59px);letter-spacing:-2px}.wallpaper-type p{font-size:15px}} @media(max-height:740px) and (min-width:601px){.desktop-icons{top:85px;bottom:20px;gap:4px}.desktop-icon{min-height:68px;padding:8px 12px}.desktop-note{bottom:25px}} @media(max-width:600px){ .desktop-icons{top:85px;left:16px;right:16px;bottom:20px;width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:100px;align-content:start;gap:12px} .desktop-icon{min-height:100px;height:auto;width:100%;padding:12px 8px;flex-direction:row;gap:11px;text-align:left;background:#c4edec08;border-color:#d2f0ec12} .desktop-icon-copy{gap:5px}.desktop-icon-copy strong{font-size:13px}.desktop-icon-copy small{font-size:9px} .desktop-icon .folder-tile{width:40px;height:38px}.folder-tile svg{width:21px;height:21px} .wallpaper-type{display:block;top:auto;bottom:30px;left:28px;right:20px;width:auto}.wallpaper-type strong{font-size:39px} .folder-heading{gap:13px}.folder-heading h1{font-size:28px}.folder-item{gap:12px;padding:17px 0}.folder-item-copy strong{font-size:14px}.folder-item-copy>span{font-size:12px}.folder-item>svg{width:15px} .window-path{padding:5px 12px;min-height:35px}.folder-page{padding:23px 20px} .gallery-grid{grid-template-columns:1fr} } @media(max-width:600px) and (max-height:770px){.wallpaper-type{display:none}} @media(max-width:350px){.desktop-icons{gap:8px;left:10px;right:10px}.desktop-icon{gap:7px;padding:10px 6px}.desktop-icon-copy strong{font-size:12px}.desktop-icon .folder-tile{width:34px}} @media print{.window-path{display:none}} /* ===== Start menu feature pack + distinctive folder tiles ===== */ .folder-tile.sage{background:#cfe8d8;color:#1f5a42} .folder-tile.gold{background:#e7d6a8;color:#6a4f18} .folder-tile.blue{background:#c5d8ea;color:#2a4f6e} .folder-tile.rose{background:#e8cfd8;color:#6e3a4f} .folder-tile.violet{background:#d5cee8;color:#4a3d6e} .icon-tile.steam-tile{background:#1b2838;color:#66c0f4;box-shadow:inset 0 0 0 1px #66c0f455,0 5px 12px #00102033} .icon-tile.photos{background:#d9ebe3;color:#2d5c4a} .icon-tile.short-stories{background:#e8e0d0;color:#5c4a2d} .icon-tile.steam{background:#1b2838;color:#66c0f4} .icon-tile.power{background:#e4d4d4;color:#6e3030} .icon-tile.programs{background:#d5e0e8;color:#345066} .desktop-icon-app .desktop-icon-copy small{letter-spacing:.2px} #start-menu{width:min(380px,calc(100vw - 24px));padding:18px 18px 14px} #start-apps{display:flex;flex-direction:column;gap:4px;padding:12px 0} #start-apps > .start-cascade-btn, #start-apps .start-quick button, #start-programs button, #start-power button{ display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;border-radius:5px; padding:10px 8px;text-align:left;background:none;font-size:14px } #start-apps > .start-cascade-btn:hover, #start-apps .start-quick button:hover, #start-programs button:hover, #start-power button:hover{background:#dcece4;border-color:#c5d9cf} #start-apps > .start-cascade-btn{font-weight:600} #start-apps > .start-cascade-btn .cascade-chevron{margin-left:auto;color:#6a8578;font-size:14px} #start-apps span{flex:1;display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0} #start-apps small, #start-programs small, #start-power small{font:10px Consolas,monospace;color:#718478;flex-shrink:0} .start-cascade{ margin:0 0 6px 12px;padding:4px 0 4px 8px;border-left:2px solid #c5d9cf; display:flex;flex-direction:column;gap:2px } .start-cascade[hidden]{display:none!important} .start-quick{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:10px;border-top:1px solid #d8e5df} /* Photos */ .photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:12px} .photo-thumb{border:1px solid var(--line);border-radius:6px;padding:0;overflow:hidden;background:#e8efeb;aspect-ratio:1;cursor:pointer} .photo-thumb img{width:100%;height:100%;object-fit:cover;display:block} .photo-thumb:hover{border-color:#8bb5a3} .photos-viewer{margin-top:12px;text-align:center} .photos-viewer img{max-width:100%;max-height:52vh;border-radius:6px;border:1px solid var(--line);background:#e5ece9} .photos-viewer-close{margin-bottom:10px} /* Short stories */ .story-tabs{display:flex;flex-direction:column;gap:4px;margin:18px 0} .story-tab{border:1px solid var(--line);border-radius:5px;background:#fff;padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:4px} .story-tab small{color:var(--muted);font-size:12px} .story-tab.active{border-color:#8bb5a3;background:#edf5f0} .story-panel h2{margin-top:0} .story-panel p{max-width:42rem} /* Steam */ .steam-page{background:linear-gradient(180deg,#1b2838 0%,#171d25 140px);color:#c7d5e0} .steam-page p,.steam-page .eyebrow,.steam-page h1,.steam-page .steam-meta,.steam-page .steam-level{color:#c7d5e0} .steam-page h1{color:#fff} .steam-profile{display:flex;gap:20px;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap} .steam-avatar{border-radius:4px;border:2px solid #66c0f4;background:#0e1621} .steam-meta{font-size:14px;margin:0 0 8px} .steam-level{font-size:13px;margin:0 0 16px} .steam-level code{font:12px Consolas,monospace;color:#8bb8d4} .steam-page h2{color:#fff;margin-top:8px} .steam-games{list-style:none;padding:0;margin:0} .steam-games li{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #2a475e;background:#1b2838;color:#c7d5e0} .steam-games img{width:122px;height:auto;border-radius:3px;background:#1b2838} .steam-games strong{display:block;font-size:15px} .steam-games span{font-size:12px;color:#b8c7d2} /* Rain overlay — gradual, calm; NO lightning, strobes, opacity blinks, or audio */ .rain-overlay{ position:fixed;inset:0;z-index:9000;pointer-events:none; display:grid;place-items:center;opacity:0;transition:opacity 1.8s ease } .rain-overlay.rain-active{opacity:1} .rain-overlay.rain-fade-out{opacity:0;transition:opacity 2.2s ease} .rain-veil{ position:absolute;inset:0; background:linear-gradient(180deg,#0a1a24cc,#0c2430e6); /* steady veil — no animation */ } .rain-layer{position:absolute;inset:0;overflow:hidden} .rain-drop{ position:absolute;top:-40px;width:1.5px; background:linear-gradient(180deg,transparent,#b8d4e8aa); border-radius:1px; animation-name:rain-fall; animation-timing-function:linear; animation-iteration-count:infinite; /* opacity set inline once — never toggled */ } @keyframes rain-fall{ 0%{transform:translateY(0)} 100%{transform:translateY(110vh)} } @media(prefers-reduced-motion:reduce){ .rain-drop{animation:none;display:none} } .rain-label{ position:relative;z-index:1;margin:0;padding:14px 22px; font:14px Consolas,monospace;letter-spacing:1px;color:#d7ebe6; background:#0c2430aa;border:1px solid #5a8a7e66;border-radius:6px } @media(max-width:600px){ .photos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))} .steam-games img{width:96px} .start-cascade{margin-left:6px} } @media print{ .rain-overlay,#start-menu{display:none!important} } .steam-badges,.steam-games{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:320px;overflow:auto}.steam-badges li,.steam-game-row{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:#1b2838;border:1px solid #2a475e;border-radius:4px;color:#c7d5e0}.steam-badges span,.steam-game-row span{color:#b8c7d2;font-size:12px}.steam-count{font-weight:400;color:#b8c7d2;font-size:12px}.steam-profile{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}.steam-avatar{border-radius:4px;border:1px solid #2a475e} /* ===== contrast pass 20260925: photos/stories/folder/resume/start chrome ===== */ /* Content pages — same dark readable treatment as Steam (scoped; layout preserved) */ .photos-page,.stories-page,.folder-page{ background:linear-gradient(180deg,#1b2838 0%,#171d25 160px);color:#c7d5e0 } .photos-page .eyebrow,.stories-page .eyebrow,.folder-page .eyebrow, .photos-page p,.stories-page p,.folder-page p, .photos-page .lead,.stories-page .lead,.folder-page .lead, .photos-page .folder-intro,.folder-page .folder-intro{color:#c7d5e0} .photos-page h1,.stories-page h1,.folder-page h1, .photos-page h2,.stories-page h2,.folder-page h2{color:#fff} .photos-page .folder-item-copy .item-kind, .folder-page .folder-item-copy .item-kind{color:#b8c7d2} .photos-page .folder-item-copy>span, .folder-page .folder-item-copy>span{color:#b8c7d2} .photos-page .folder-item>svg, .folder-page .folder-item>svg{color:#8bb8d4} .photos-page .folder-list, .folder-page .folder-list, .photos-page .folder-item, .folder-page .folder-item{border-color:#2a475e} .photos-page .folder-item:hover, .folder-page .folder-item:hover{background:#1b2838} .photos-page .photo-thumb{background:#0e1621;border-color:#2a475e} .photos-page .photo-thumb:hover{border-color:#66c0f4} .photos-page .photos-viewer img{background:#0e1621;border-color:#2a475e} .photos-page #photos-status,.photos-page .form-note{color:#b8c7d2} .stories-page .story-tab{background:#1b2838;border-color:#2a475e;color:#c7d5e0} .stories-page .story-tab small{color:#b8c7d2} .stories-page .story-tab.active{background:#171d25;border-color:#66c0f4;color:#fff} .stories-page .story-panel h2{color:#fff} .stories-page .story-panel p{color:#c7d5e0} /* Resume / iframe chrome — dark readable toolbar */ .frame-layout{background:#171d25;color:#c7d5e0} .frame-toolbar{background:#1b2838;color:#c7d5e0;border-bottom:1px solid #2a475e} .frame-toolbar a{color:#66c0f4} .frame-toolbar .button,.frame-toolbar a.button{color:#fff} /* Window chrome + Start menu — keep mint Explorer look, darken ink for AA */ .titlebar{color:#24352f} .active .titlebar{color:#0f1a16} .window-status{color:#2a3a34} .window-path{color:#2a3a34;background:#e8f0ec} #start-menu{color:#192b35} #start-menu header span:not(.avatar){color:#2a3a34} #start-menu footer{color:#2a3a34} #start-apps small, #start-programs small, #start-power small{color:#3a4a52} #start-apps > .start-cascade-btn .cascade-chevron{color:#3a4a52} /* September 2026: direct project access and two personal game collections. */ .desktop-icons{width:430px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,72px);grid-auto-flow:row;gap:7px;top:100px;bottom:38px;align-content:start} .desktop-icon{min-height:72px;padding:10px 7px;gap:12px;min-width:0}.desktop-icon .icon-tile{width:42px;height:42px;flex-shrink:0;border-radius:9px}.desktop-icon .icon-tile svg{width:24px;height:24px}.desktop-icon-copy strong{font-size:14px}.desktop-icon-copy small{font-size:9px;letter-spacing:.3px}.icon-tile.blender-agents{background:#f6ceb1;color:#793f18}.icon-tile.rytmik-agents{background:#d5cef7;color:#4c3d83}.icon-tile.blizzard{background:#103c61;color:#59c2ff}.icon-tile.steam{background:#183447;color:#7dcdff}.icon-tile.hermes{color:#a9efd6}.desktop-icon .icon-tile.about-folder{background:#b5dac4;color:#356b53} #start-menu{max-height:calc(100dvh - 90px);overflow:auto}#start-programs{max-height:42vh;overflow:auto}#start-programs span{align-items:flex-start;flex-direction:column;gap:3px}#start-programs small{white-space:normal} .library-window{width:min(900px,calc(100vw - 60px))}.library-page{padding:30px;min-height:100%;--library-line:#354c62;--library-blue:#8fcefa}.library-page h1{font-size:32px;letter-spacing:-.8px;margin:0}.library-page h2{font-size:21px;letter-spacing:-.4px}.library-page h3{font-size:19px;line-height:1.3;margin:8px 0 10px;color:#fff}.library-page a{color:var(--library-blue);text-decoration:none}.library-page a:hover{text-decoration:underline}.library-page button:focus-visible,.library-page a:focus-visible,.library-page li:focus-visible{outline:2px solid #86cdff;outline-offset:4px}.library-page p{color:#c4d1df;line-height:1.65}.library-page .eyebrow{color:#86b8d9;letter-spacing:1.7px;font-size:10px}.library-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:28px}.library-source{font-size:12px;white-space:nowrap;padding:9px 12px;border:1px solid var(--library-line);border-radius:4px}.library-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:28px 0 12px}.library-section-heading h2{margin:0!important}.library-section-heading>span{font:11px Consolas,monospace;color:#a6bed3}.library-page .library-caption{font-size:12px;margin:0 0 20px;color:#a9bdce}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.showcase-game{display:block;padding:0;text-align:left;border:1px solid #3e566c;background:#122333;color:#dceaf7;border-radius:3px;overflow:hidden;min-width:0}.showcase-game:hover{background:#23455f;border-color:#75b8e7;transform:translateY(-1px)}.showcase-game img{width:100%;height:auto;aspect-ratio:184/69;object-fit:cover;display:block}.showcase-game span{display:block;font-size:11px;line-height:1.4;padding:8px 9px;min-height:43px}.library-playtime{margin-top:38px}.game-collection{list-style:none;margin:0;padding:0;display:grid;gap:16px}.game-card{background:linear-gradient(120deg,#203448,#192938);border:1px solid #304a60;border-radius:5px;display:grid;grid-template-columns:36% 1fr;overflow:hidden;scroll-margin:20px}.game-art{position:relative;background:#0c1722;align-self:start}.game-art img{width:100%;height:auto;display:block;aspect-ratio:460/215;object-fit:cover}.game-rank{position:absolute;left:9px;top:9px;background:#07141dec;color:#e5f4ff;border:1px solid #8ec7ee55;border-radius:3px;font:11px Consolas,monospace;padding:4px 7px}.game-copy{padding:18px;min-width:0}.game-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-meta>span{font:9px Consolas,monospace;letter-spacing:.5px;text-transform:uppercase;color:#91b8d6}.game-meta>strong{font:16px Consolas,monospace;color:#c9edff;white-space:nowrap}.game-meta small{font-size:10px;color:#91b8d6}.library-page .game-copy p{font-size:13px;line-height:1.7;margin:0 0 14px}.game-copy>a{font-size:11px}.library-achievements{border-top:1px solid var(--library-line);margin-top:40px;padding-top:28px}.profile-level{display:flex;align-items:center;gap:18px;margin-bottom:24px}.level-orbit{display:grid;place-items:center;flex:0 0 62px;height:62px;border:3px solid #935ec5;border-radius:50%;font-size:27px;color:#fff;background:#192232;box-shadow:0 0 24px #784fac22}.profile-level .eyebrow{margin:0 0 5px}.profile-level h2{margin:0 0 5px}.profile-level p:last-child{font-size:12px;margin:0}.badge-collection{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.badge-collection li{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#162636;border:1px solid #304a60;border-radius:4px}.badge-collection img{width:52px;height:52px;object-fit:contain;flex-shrink:0}.badge-collection a{display:block;font-weight:600;font-size:12px;line-height:1.5}.badge-collection small{display:block;font:10px Consolas,monospace;color:#afc4d6;margin:5px 0}.library-page .badge-collection p{font-size:11px;line-height:1.6;margin:0;color:#aebfd0}.library-footnote{border-top:1px solid var(--library-line);margin-top:30px;padding-top:18px;color:#a7bed2;font-size:11px;line-height:1.7}.library-footnote p{font-size:11px;margin:6px 0 0}.library-loading{padding:40px 0} .blizzard-page{background:radial-gradient(ellipse at 95% 0,#153455 0,transparent 700px),#15191f;color:#cbd9e8;--library-line:#334355;--library-blue:#67c4ff}.blizzard-page h1,.blizzard-page h2{color:#f4f8ff}.bnet-wordmark{font-weight:800;font-stretch:condensed;letter-spacing:1px;font-size:19px;color:#38b1f0;text-align:center}.bnet-wordmark span{display:block;font:8px Consolas,monospace;letter-spacing:2.5px;color:#84adcb;margin-top:5px}.blizzard-favorites{background:#232a34;border:1px solid #3c4958;border-radius:4px;padding:14px;margin:0 0 24px}.blizzard-favorites>span{display:block;font-size:10px;font-weight:700;letter-spacing:1.4px;color:#a1aeba;margin:0 0 10px}.blizzard-favorites>div{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.blizzard-favorites button{display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:4px;padding:5px 0}.blizzard-favorites button:hover{border-color:#51b8fb;background:#384457}.blizzard-favorites img{width:30px;height:30px;object-fit:contain}.blizzard-collection{list-style:none;margin:0;padding:0;display:grid;gap:24px}.blizzard-card{background:#202833;border:1px solid #394756;border-radius:5px;overflow:hidden;scroll-margin:20px}.blizzard-cover{position:relative;height:220px;background:#111b28}.blizzard-cover>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 33%}.blizzard-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#20283388,transparent 40%);pointer-events:none}.beta-label{position:absolute;top:12px;right:12px;background:#121e2cef;border:1px solid #5abbec;color:#89d5ff;font:11px Consolas,monospace;padding:5px 9px;text-transform:uppercase;z-index:1}.blizzard-copy{display:flex;gap:18px;padding:24px}.blizzard-game-icon{width:46px;height:46px;object-fit:contain;flex-shrink:0;margin-top:3px}.blizzard-copy>div{min-width:0}.blizzard-copy .game-genre{font:10px Consolas,monospace;letter-spacing:1px;text-transform:uppercase;color:#81c4ed;margin:0}.blizzard-copy h3{font-size:25px;margin:8px 0 12px}.blizzard-copy p{font-size:13px;line-height:1.8;margin:0 0 16px}.blizzard-copy a{display:inline-block;font-size:12px;font-weight:600;border:1px solid #3d779c;padding:8px 14px;border-radius:3px;background:#174a6c} .project-tags{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 28px}.project-tags span{border:1px solid #bdd5cc;background:#edf6f0;border-radius:4px;color:#385e51;font:10px Consolas,monospace;padding:7px 10px}.project-page h2{font-size:22px;letter-spacing:-.5px;margin-top:30px}.project-process{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:25px 0}.project-process li{padding:18px;background:#edf3ef;border:1px solid #d3e2db;border-radius:5px;display:flex;flex-direction:column;gap:8px}.project-process strong{color:#285746;font-size:14px}.project-process span{font-size:12px;line-height:1.7;color:#4b655b}.project-evidence{border-left:3px solid #5d9e88;padding:5px 0 5px 20px;margin:30px 0}.project-evidence h2{margin-top:0}.project-evidence p{font-size:13px}.project-page .gallery-grid img{height:auto;aspect-ratio:16/9;object-fit:contain}.project-hero{margin:24px 0;border:1px solid #c7dcd2;border-radius:7px;overflow:hidden}.project-hero img{width:100%;display:block;height:auto}.project-hero figcaption{font-size:11px;line-height:1.5;padding:12px;background:#eef4f0;color:#476558}.audio-result{padding:24px;background:#182f37;color:#e1eee9;border:1px solid #304f51;border-radius:7px;margin:26px 0}.audio-result h2{color:#eff9f4;margin:5px 0 10px}.audio-result p,.audio-result .eyebrow{color:#b4cec4}.audio-result audio{width:100%;margin-top:12px;height:42px} @media(max-width:1100px){.desktop-icons{width:380px;left:18px}.desktop-icon{gap:10px}.desktop-icon-copy strong{font-size:12px}.desktop-icon-copy small{font-size:8px}.wallpaper-type{width:45%;right:5%}.wallpaper-type strong{font-size:clamp(38px,5vw,70px)}} @media(max-width:700px){.library-page{padding:22px}.game-card{grid-template-columns:1fr}.game-art{max-width:none}.game-art img{max-height:230px;object-fit:cover}.game-copy{padding:20px}.blizzard-favorites>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.badge-collection{grid-template-columns:1fr}.library-heading{align-items:flex-start}.library-source{font-size:10px;padding:8px}.library-page h1{font-size:26px}.blizzard-copy{padding:20px;gap:12px}.blizzard-copy h3{font-size:22px}.blizzard-cover{height:190px}.library-section-heading{align-items:flex-start;flex-direction:column;gap:7px}} @media(max-width:600px){.desktop-icons{top:135px;left:14px;right:14px;width:auto;bottom:25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:66px;gap:6px;padding:0}.desktop-icon{padding:8px 6px;min-height:66px;gap:9px;flex-direction:row;text-align:left}.desktop-icon .icon-tile{width:34px;height:36px}.desktop-icon-copy strong{font-size:12px}.desktop-icon-copy small{font-size:8px;letter-spacing:0}.wallpaper-type{top:70px;left:22px;right:22px;width:auto}.wallpaper-type>span,.wallpaper-type p{display:none}.wallpaper-type strong{font-size:24px;line-height:1;letter-spacing:-1px;margin:0}.wallpaper-type strong br{display:none}.desktop-note{display:none}.library-window{width:auto}.library-page{padding:18px}.library-heading{gap:10px;flex-wrap:wrap}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.showcase-game span{font-size:10px}.blizzard-copy{display:block}.blizzard-game-icon{margin-bottom:12px}.project-process{grid-template-columns:1fr}.bnet-wordmark{font-size:16px}.library-page .eyebrow{font-size:9px}.game-meta>span{font-size:9px}.game-meta>strong{font-size:15px}} @media(prefers-reduced-motion:reduce){.showcase-game:hover{transform:none}} /* Keep official cover artwork fully visible at every window size. */ .blizzard-cover{height:auto;aspect-ratio:16/9}.blizzard-cover>img{object-fit:contain;object-position:center}.icon-tile.hermes{background:#183c45!important;color:#a9efd6} /* Blender asset exhibition: one viewer, canonical images, and a contact sheet. */ @media screen and (min-width:601px){#window-blender-agents{width:min(1360px,calc(100% - 40px));height:calc(100% - 40px);max-width:none;max-height:none}} .blender-page{padding:34px clamp(20px,4vw,58px) 48px}.blender-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.blender-intro h1{max-width:460px;font-size:clamp(29px,3vw,42px)}.blender-intro .lead{font-size:16px;max-width:470px}.blender-intro section{border-left:1px solid #c9dcd4;padding-left:32px}.blender-intro section h2{margin-top:0;font-size:22px;line-height:1.3}.blender-intro section p{font-size:14px;margin-bottom:0}.blender-intro .project-tags{margin:18px 0 0} .blender-page .project-process{grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0 38px;gap:12px;counter-reset:step}.blender-page .project-process li{padding:18px;gap:9px;background:#edf3ef}.blender-page .project-process strong{display:flex;align-items:center;gap:10px;font-size:14px}.blender-page .project-process strong:before{counter-increment:step;content:'0' counter(step);font:10px Consolas,monospace;color:#718b80}.blender-page .project-process span{font-size:13px;line-height:1.65} .asset-carousel{border:1px solid #334d52;border-radius:12px;background:#13272e;color:#e7efeb;overflow:hidden;scroll-margin:20px;box-shadow:0 14px 32px #172f3c1c}.asset-carousel-heading{display:flex;justify-content:space-between;align-items:center;padding:26px 28px 0;gap:16px}.asset-carousel-heading .eyebrow{color:#ccbd96;font-size:10px;margin:0 0 8px}.asset-carousel-heading h2{font-size:25px;margin:0;color:#f2f5ed}.asset-edition{font:11px Consolas,monospace;color:#a8beb7;border:1px solid #506968;padding:9px 12px;border-radius:20px;white-space:nowrap}.asset-carousel .asset-intro{font-size:13px;color:#bdd0ca;margin:12px 28px 23px;max-width:650px} .asset-stage{position:relative;margin:0;background:#0c171f;outline-offset:-3px}.asset-stage>a{display:block}.asset-stage img{width:100%;height:clamp(320px,63vh,720px);object-fit:contain;display:block}.asset-stage figcaption{display:flex;align-items:center;gap:17px;background:#1e353b;border-block:1px solid #486063;padding:16px 24px;min-height:58px}.asset-stage figcaption>span{font:11px Consolas,monospace;color:#d7c99d}.asset-stage figcaption strong{font-size:16px;font-weight:500}.asset-stage figcaption>a{margin-left:auto;color:#c1e4d7;font-size:12px;white-space:nowrap}.asset-arrow{position:absolute;top:calc(50% - 47px);width:44px;height:54px;display:grid;place-items:center;font:34px Arial;background:#13292fed;color:#f1ecd7;border:1px solid #778c84;border-radius:6px;box-shadow:0 5px 18px #0004}.asset-prev{left:15px}.asset-next{right:15px}.asset-arrow:hover{background:#35534e;border-color:#e0ce99}.asset-carousel button:focus-visible,.asset-carousel a:focus-visible,.asset-carousel input:focus-visible{outline:3px solid #ebd49c;outline-offset:3px}.asset-stage>a:focus-visible{outline-offset:-5px} .asset-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px 10px;flex-wrap:wrap}.asset-toolbar button{border:1px solid #6c8580;border-radius:5px;color:#e5eee7;background:#213d42;padding:10px 15px;font-size:12px;min-height:40px}.asset-toolbar button:hover{background:#31584f}.asset-toolbar button[aria-pressed=true]{background:#dfcf9f;color:#1c302f;border-color:#dfcf9f}.asset-music{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.asset-music label{display:flex;align-items:center;gap:10px;font-size:11px;color:#c2d0c9}.asset-music input{width:90px;accent-color:#dfcf9f}.asset-carousel .asset-sound-note{font-size:11px;color:#9fb8ae;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:0 24px 17px;margin:0;line-height:1.6}.asset-sound-note a{color:#b5cbbf} .blender-page .project-evidence{margin:35px 0 20px;max-width:900px}.blender-page .project-evidence p{font-size:13px}.asset-contact-sheet{margin-top:40px;border-top:1px solid #ccddd6;padding-top:5px}.asset-contact-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.asset-contact-heading h2{font-size:22px}.asset-contact-heading p{font-size:12px;margin:0}.asset-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px}.asset-thumbnail{grid-column:span 4;min-width:0;height:200px;position:relative;display:block;padding:0;border:2px solid transparent;border-radius:8px;background:#183038;overflow:hidden;text-align:left}.asset-thumbnail:nth-child(1){grid-column:span 5;height:235px}.asset-thumbnail:nth-child(2){grid-column:span 3;height:235px}.asset-thumbnail:nth-child(3){grid-column:span 4;height:235px}.asset-thumbnail:nth-child(4){grid-column:span 3}.asset-thumbnail:nth-child(5){grid-column:span 5}.asset-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%;opacity:.88;transition:transform .25s,opacity .25s}.asset-thumbnail>span{position:absolute;inset:auto 0 0;display:flex;gap:10px;align-items:center;padding:30px 14px 13px;background:linear-gradient(transparent,#0a1c25f5);color:#f5f4e8;font-size:13px;line-height:1.4}.asset-thumbnail small{font:10px Consolas,monospace;color:#d3c797}.asset-thumbnail[aria-pressed=true]{border-color:#367967;box-shadow:0 0 0 2px #91b9a866}.asset-thumbnail:hover img{opacity:1;transform:scale(1.025)}.asset-thumbnail:focus-visible{outline-offset:3px} @media(min-width:1001px){.asset-carousel{display:grid;grid-template-columns:minmax(0,1fr) 245px;grid-template-rows:auto auto 1fr auto}.asset-stage{grid-column:1;grid-row:1/5;border-right:1px solid #486063}.asset-stage img{height:clamp(300px,calc(100dvh - 340px),670px)}.asset-stage figcaption{padding:15px 20px;flex-wrap:wrap}.asset-carousel-heading{grid-column:2;grid-row:1;padding:25px 22px 0;display:block}.asset-carousel-heading h2{font-size:25px;line-height:1.25}.asset-edition{display:none}.asset-carousel .asset-intro{grid-column:2;grid-row:2;margin:15px 22px 20px;font-size:12px}.asset-toolbar{grid-column:2;grid-row:3;display:block;padding:0 22px 18px;align-self:start}.asset-toolbar>button,.asset-music>button{width:100%}.asset-music{margin-top:10px;gap:12px}.asset-music label{width:100%;justify-content:space-between}.asset-carousel .asset-sound-note{grid-column:2;grid-row:4;display:block;padding:0 22px 20px;font-size:10px}.asset-sound-note a{display:block;margin-top:8px}} @media(max-width:1000px){.blender-intro{gap:25px}.blender-intro section{padding-left:22px}.blender-page .project-process{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-mosaic{gap:10px}.asset-thumbnail:nth-child(n){height:190px}.asset-contact-heading{display:block}.asset-contact-heading p{margin-bottom:18px}} @media(max-width:600px){.blender-page{padding:24px 18px 30px}.blender-intro{grid-template-columns:1fr;gap:24px}.blender-intro section{border-left:0;border-top:1px solid #c9dcd4;padding:22px 0 0}.blender-intro h1{font-size:31px}.blender-page .project-process{gap:8px;margin:23px 0}.blender-page .project-process li{padding:13px}.blender-page .project-process span{font-size:12px}.asset-carousel-heading{padding:20px 17px 0}.asset-carousel-heading h2{font-size:21px}.asset-edition{display:none}.asset-carousel .asset-intro{margin:12px 17px 18px;font-size:12px}.asset-stage img{height:auto;aspect-ratio:1920/1664}.asset-arrow{width:35px;height:43px;top:calc(50% - 58px);font-size:28px}.asset-prev{left:6px}.asset-next{right:6px}.asset-stage figcaption{padding:13px;gap:10px;flex-wrap:wrap}.asset-stage figcaption strong{font-size:14px}.asset-stage figcaption>a{margin-left:0;font-size:11px;flex-basis:100%}.asset-toolbar{padding:14px 13px 10px;gap:10px}.asset-music{gap:10px}.asset-music input{width:75px}.asset-carousel .asset-sound-note{padding:0 13px 15px;gap:5px}.asset-mosaic{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.asset-thumbnail:nth-child(n){height:155px;grid-column:span 2}.asset-thumbnail:nth-child(4n+1),.asset-thumbnail:nth-child(4n){grid-column:span 3}.asset-thumbnail>span{padding:30px 9px 10px;gap:6px;font-size:11px}} @media(prefers-reduced-motion:reduce){.asset-thumbnail img{transition:none}.asset-thumbnail:hover img{transform:none}} /* Direct launch index; demo content and media remain at their canonical locations. */ /* Top Secret: a floppy-disk game collection, with canonical standalone game files. */ .icon-tile.top-secret{background:#f3ca91;color:#634123}.icon-tile.solitaire{background:#b9d6b9;color:#1d5c46}.game-return{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;font:inherit}.secret-page{min-height:100%;background:#171f30;color:#f1eddf;padding:35px 38px}.secret-label{display:flex;align-items:center;gap:10px;font:10px Consolas,monospace;letter-spacing:1px;color:#f0bc79;border-bottom:1px solid #ffffff26;padding-bottom:20px;margin-bottom:35px}.secret-label svg{width:22px}.secret-page .eyebrow{color:#b8c7db;font:11px Consolas,monospace}.secret-page h1{font:48px Georgia,serif;color:#f5e2bc;margin:12px 0 28px;line-height:1.1}.secret-page h1>span{display:block;font:15px "Segoe UI",sans-serif;color:#b9c7d8;margin-top:13px}.secret-games{display:grid;gap:18px}.secret-game{border:1px solid #f1c58f44;border-radius:12px;background:#232d40;color:inherit;display:grid;grid-template-columns:180px 1fr;padding:0;text-align:left;overflow:hidden;cursor:pointer;width:100%}.secret-game:hover{border-color:#f1c58f;background:#2b374d}.secret-game-art{display:grid;place-items:center;min-height:210px;background:radial-gradient(ellipse at 50% 40%,#49856a,#123f36)}.secret-game-art svg{width:85px;height:105px;stroke:#fff2cf;stroke-width:.7;filter:drop-shadow(4px 6px 0 #03261c77)}.secret-game-copy{padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}.secret-game-copy>small{font:10px Consolas,monospace;color:#d9ba8d;text-transform:uppercase;letter-spacing:1px}.secret-game-copy>strong{font:29px Georgia,serif;color:#fff3da}.secret-game-copy>span{font-size:13px;line-height:1.7;color:#b9c8da}.secret-game-copy>b{display:flex;align-items:center;gap:12px;font-size:12px;color:#ffe2b2;margin-top:8px}.secret-game-copy>b svg{width:17px}.secret-footer{font:11px Consolas,monospace;color:#b6c4d5;margin-top:25px;line-height:1.8}@media(max-width:600px){.secret-page{padding:26px 22px}.secret-page h1{font-size:40px}.secret-game{grid-template-columns:1fr}.secret-game-art{min-height:130px}.secret-game-art svg{width:59px;height:80px}.secret-game-copy{padding:22px}.secret-label{font-size:9px}} .secret-art-pocket-dragon{background:radial-gradient(ellipse at 50% 40%,#92b6a0,#496e65)}.secret-art-lantern-gate{background:radial-gradient(ellipse at 50% 40%,#ba884a,#343b3d)}.icon-tile.pocket-dragon{background:#bdd6b3;color:#39624e}.icon-tile.lantern-gate{background:#ebc584;color:#5d4930} /* Give the Blizzard library room to browse while keeping desktop controls in view. */ @media screen and (min-width:601px){ #window-blizzard,#window-pocket-dragon,#window-lantern-gate{width:min(1280px,calc(100% - 40px));height:calc(100% - 40px);max-width:none;max-height:none} } #window-pocket-dragon .window-content,#window-lantern-gate .window-content{overflow:hidden;display:flex;flex-direction:column} #window-pocket-dragon .frame-layout,#window-lantern-gate .frame-layout{flex:1;min-height:0;height:100%;display:flex;flex-direction:column} #window-pocket-dragon .demo-frame,#window-lantern-gate .demo-frame{min-height:0} /* Top Secret: a physical game disk with one canonical Ultima VII cover label. */ .desktop-icon[data-desktop="top-secret"]{padding-block:5px;gap:10px} .desktop-icon .icon-tile.top-secret{width:58px;height:60px;border-radius:2px 2px 4px 2px;border:1px solid #5b5c58;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(125deg,#363735,#141613 55%,#2b2c29);box-shadow:inset 1px 1px 0 #8a898066,inset -2px -2px 0 #0009,0 4px 7px #0006;display:block;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 91%,91% 100%,0 100%)} .icon-tile.top-secret .floppy-label{position:absolute;left:12%;right:12%;top:4%;height:60%;overflow:hidden;background:#080909;border:1px solid #090a09;box-shadow:0 0 0 1px #77756855,inset 0 0 4px #000;border-radius:0 0 2px 2px} .floppy-label img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 7%;filter:contrast(1.08)} .icon-tile.top-secret .floppy-shutter{position:absolute;left:23%;bottom:0;width:54%;height:29%;border:1px solid #c1baa2;border-bottom:0;border-radius:3px 3px 0 0;background:linear-gradient(100deg,#a49e88,#e0d9bd 42%,#c9c1a5 62%,#a8a28c);box-shadow:0 -1px 2px #0008} .floppy-shutter::after{content:"";position:absolute;top:3px;bottom:0;right:22%;width:21%;border:1px solid #6b6759;border-bottom:0;background:linear-gradient(90deg,#0d100e,#252720);box-shadow:inset 1px 0 1px #000} .icon-tile.top-secret .floppy-notches{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#babcb0,#777b71) 3px 6px/3px 4px no-repeat,linear-gradient(#babcb0,#777b71) calc(100% - 3px) 6px/3px 4px no-repeat,linear-gradient(#070908,#070908) 3px calc(100% - 5px)/4px 5px no-repeat,linear-gradient(#070908,#070908) calc(100% - 3px) calc(100% - 5px)/4px 5px no-repeat} @media(max-width:600px){.desktop-icon .icon-tile.top-secret{width:44px;height:46px}.desktop-icon[data-desktop="top-secret"]{gap:9px}} /* Three canonical Rytmik exports, with a separate accessible player for each. */ .rytmik-listening{margin:30px 0}.rytmik-listening>.eyebrow{margin-bottom:8px}.rytmik-listening>h2{margin-top:0}.rytmik-track-list{display:grid;gap:12px}.rytmik-track-list .audio-result{margin:0;padding:20px 22px}.rytmik-track-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.rytmik-track-title>span{font:11px Consolas,monospace;color:#a3c7ba}.rytmik-track-title h3{margin:0;color:#f0f7f1;font-size:20px}.rytmik-track-title small{font:10px Consolas,monospace;color:#b8d0c6;margin-left:auto}.rytmik-track-list .audio-result p{font-size:13px;margin:10px 0 0}.rytmik-track-list audio{display:block;margin-top:16px}.rytmik-track-list audio:focus-visible{outline:3px solid #a9efd6;outline-offset:4px;border-radius:22px}@media(max-width:600px){.rytmik-track-list .audio-result{padding:18px 15px}.rytmik-track-title{gap:8px}.rytmik-track-title small{margin-left:23px;flex-basis:100%}} /* Restored Aetherglass hub: direct scene access, wide on desktop. */ .icon-tile.aetherglass{background:#173e50;color:#a7ecf2;border:1px solid #648b92} @media(min-width:601px){#window-aetherglass{width:min(1440px,calc(100% - 40px));height:calc(100% - 40px);max-width:none;max-height:none}} #window-aetherglass .window-content{overflow:hidden}#window-aetherglass .frame-toolbar{padding:7px 15px;font-size:11px}#window-aetherglass .demo-frame{min-height:0} /* Photos: a living contact print, reusing the gallery's original files. */ .desktop-icon .icon-tile.photos{width:60px;height:52px;position:relative;display:block;border:3px solid #f0f5ed;border-bottom-width:7px;border-radius:4px;background:#18303b;box-shadow:3px 3px 0 -1px #94b8b3,5px 5px 0 -2px #e2ece3,0 5px 9px #07171b70;transform:rotate(-3deg);overflow:hidden} .desktop-icon .icon-tile.photos img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:1px} .desktop-icon .icon-tile.photos>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#d9ebe3} @media(max-width:600px){.desktop-icon .icon-tile.photos{width:44px;height:40px;border-width:2px;border-bottom-width:5px}} /* Original title art is the focal point. Keep the accessible name in native text. */ .secret-game.secret-game-cover{display:flex;flex-direction:column;background:#1d2939;border-color:#dcbb8640;box-shadow:0 8px 28px #030e1c33;transition:border-color .18s,background .18s} .secret-game-cover .secret-game-art{display:block;min-height:0;aspect-ratio:16/9;width:100%;padding:10px 14px;background:radial-gradient(ellipse at 50% 52%,#395861,#192736 78%);border-bottom:1px solid #d1b98b25} .secret-game-cover .secret-art-pocket-dragon{background:radial-gradient(ellipse at 50% 50%,#4a665b,#182e3d 78%)} .secret-game-cover .secret-art-solitaire{background:radial-gradient(ellipse at 50% 50%,#255546,#142e31 78%)} .secret-game-cover .secret-art-lantern-gate{background:radial-gradient(ellipse at 50% 52%,#344953,#162331 78%)} .secret-game-cover .secret-game-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #030b1855)} .secret-game-cover .secret-game-copy{position:relative;width:100%;padding:18px 24px 20px;gap:9px} .secret-game-cover .secret-game-copy>small{font:600 10px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:1.5px;color:#dec4a0} .secret-game-cover .secret-game-copy>span{font:14px/1.6 'Segoe UI',Arial,sans-serif;max-width:78ch} .secret-game-cover .secret-game-copy>b{margin-top:4px;font-size:13px;min-height:28px} .secret-game-cover .secret-game-title{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;padding:0!important;margin:-1px!important;border:0!important} .secret-game-cover:focus-visible{outline:3px solid #ebca91;outline-offset:4px} .secret-game-cover:hover{border-color:#f2cc92;background:#263747} @media(max-width:600px){.secret-game-cover .secret-game-art{padding:6px}.secret-game-cover .secret-game-copy{padding:15px 17px 17px}.secret-game-cover .secret-game-copy>span{font-size:13px}.secret-game-cover .secret-game-copy>small{font-size:9px;letter-spacing:1px}.secret-games{gap:22px}} @media(prefers-reduced-motion:reduce){.secret-game.secret-game-cover{transition:none}} /* Borrowed Names is a native framed game, sharing existing concept asset URLs. */ .secret-game-cover .secret-art-borrowed-names{position:relative;padding:0;background:#10212c;overflow:hidden} .secret-game-cover .secret-art-borrowed-names img{object-fit:cover;filter:brightness(.74)} .secret-art-borrowed-names:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081823ee,#0c1d2780 60%,transparent)} .storybook-cover-title{position:absolute;z-index:1;top:50%;left:6%;transform:translateY(-50%);font:clamp(26px,4.5vw,62px)/1.09 Georgia,serif;color:#f7e4bb;text-shadow:0 3px 9px #0009} .storybook-cover-title small{display:block;font:600 9px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:2px;margin-bottom:18px;color:#dfbf80} .icon-tile.borrowed-names{background:#cab894;color:#342f30} #window-borrowed-names .window-content{overflow:hidden;display:flex;flex-direction:column} #window-borrowed-names .frame-layout{flex:1;min-height:0;height:100%;display:flex;flex-direction:column} #window-borrowed-names .demo-frame{min-height:0} @media(min-width:601px){#window-borrowed-names{width:min(1280px,calc(100% - 40px));height:calc(100% - 40px);max-width:none;max-height:none}} /* Spacious long story window. */ #window-short-stories{width:min(1230px,calc(100vw - 40px));height:min(950px,calc(100dvh - 105px))} #window-pocket-dragon,#window-moorland-hikers{width:min(1100px,calc(100vw - 40px));height:min(950px,calc(100dvh - 105px))} #window-short-stories .window-content,#window-pocket-dragon .window-content,#window-moorland-hikers .window-content{padding:0;overflow:hidden;display:flex;min-height:0} #window-pocket-dragon .frame-layout,#window-moorland-hikers .frame-layout{flex:1;min-height:0;display:flex;flex-direction:column} #window-pocket-dragon .demo-frame,#window-moorland-hikers .demo-frame{flex:1;min-height:0;width:100%;height:100%;border:0} #window-thirteenth-lantern{width:min(1100px,calc(100vw - 40px));height:min(950px,calc(100dvh - 105px))} #window-thirteenth-lantern .window-content{padding:0;overflow:hidden;display:flex;min-height:0} #window-thirteenth-lantern .frame-layout{flex:1;min-height:0;display:flex;flex-direction:column} #window-thirteenth-lantern .demo-frame{flex:1;min-height:0;width:100%;height:100%;border:0} #window-short-stories .story-library-frame{flex:1;min-height:0;display:flex;flex-direction:column} #window-short-stories .demo-frame{flex:1;min-height:0;width:100%;height:100%;border:0} #window-short-stories.maximized,#window-pocket-dragon.maximized,#window-moorland-hikers.maximized,#window-thirteenth-lantern.maximized{width:auto;height:auto} /* Fixed-height artwork prevents lazy images from moving a selected card. */ .secret-page{padding:24px 28px}.secret-label{padding-bottom:12px;margin-bottom:18px}.secret-page h1{font-size:36px;margin:8px 0 20px}.secret-page h1>span{font-size:13px;margin-top:8px} .secret-games{gap:12px}.secret-game.secret-game-cover{display:grid;grid-template-columns:minmax(160px,25%) 1fr;min-height:145px;border-radius:8px} .secret-game-cover .secret-game-art{position:relative;width:100%;height:100%;min-height:145px;aspect-ratio:auto;padding:8px;border-bottom:0;border-right:1px solid #d1b98b25} .secret-game-cover .secret-game-art img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain} .secret-game-cover .secret-game-copy{width:auto;padding:18px 20px;gap:7px;justify-content:center} .secret-game-cover .secret-game-title{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;white-space:normal!important;margin:0!important;font:23px/1.18 Georgia,serif} .secret-game-cover .secret-game-copy>span{font-size:13px;line-height:1.45}.secret-game-cover .secret-game-copy>b{font-size:12px;min-height:0;margin-top:3px} .secret-game-cover .storybook-cover-title{font-size:19px}.secret-game-cover .storybook-cover-title small{font-size:8px} @media(max-width:600px){#window-short-stories,#window-pocket-dragon,#window-moorland-hikers,#window-thirteenth-lantern{width:100%;height:calc(100dvh - 90px)}.secret-page{padding:20px 16px}.secret-game.secret-game-cover{grid-template-columns:105px 1fr;min-height:140px}.secret-game-cover .secret-game-art{min-height:140px;padding:4px}.secret-game-cover .secret-game-copy{padding:12px;gap:6px}.secret-game-cover .secret-game-title{font-size:19px}.secret-game-cover .secret-game-copy>small{font-size:8px}.secret-game-cover .secret-game-copy>span{font-size:12px}.secret-game-cover .storybook-cover-title{font-size:13px}.secret-game-cover .storybook-cover-title small{display:none}} @media(max-height:500px){#window-short-stories,#window-thirteenth-lantern,#window-moorland-hikers{height:calc(100dvh - 70px)}#window-short-stories .window-path,#window-short-stories .frame-toolbar,#window-thirteenth-lantern .window-path,#window-thirteenth-lantern .frame-toolbar,#window-moorland-hikers .window-path,#window-moorland-hikers .frame-toolbar{display:none}#window-short-stories .titlebar,#window-thirteenth-lantern .titlebar,#window-moorland-hikers .titlebar{height:35px;min-height:35px}#window-short-stories .window-status,#window-thirteenth-lantern .window-status,#window-moorland-hikers .window-status{height:22px;padding:4px 14px}} @media(max-height:760px){#window-pocket-dragon .window-path,#window-pocket-dragon .frame-toolbar{display:none}#window-pocket-dragon .titlebar{height:35px;min-height:35px}#window-pocket-dragon .window-status{height:22px;padding:4px 14px}} @media(max-width:600px){#window-pocket-dragon .window-path,#window-pocket-dragon .frame-toolbar{display:none}#window-pocket-dragon .titlebar{height:35px;min-height:35px}#window-pocket-dragon .window-status{height:22px;padding:4px 14px}} .task-button{overflow:hidden;flex-shrink:1}.task-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Duskwood project page only. Existing assets and window geometry are retained. */ #window-duskwood{ --paper:#10191f;--ink:#d8e3df;--muted:#a7bcb5;--line:#34453f;--accent:#edc283; color-scheme:dark;background:var(--paper);color:var(--ink);border-color:#647568; } #window-duskwood .window-content{ background:radial-gradient(ellipse at 92% 0%,#46574a32,transparent 52%),linear-gradient(155deg,#14221f,#10191f 55%,#10171f); color:#d8e3df;scrollbar-color:#617267 #15201f; } #window-duskwood .titlebar,#window-duskwood.active .titlebar{ background:linear-gradient(#28372e,#202c28);color:#e5eade;border-bottom:1px solid #4b5b49; } #window-duskwood .title-caption svg{color:#d4b17a} #window-duskwood .window-controls button:hover{background:#425243;color:#f3eee0} #window-duskwood .window-controls button:last-child:hover{background:#78433e;color:#fff4e7} #window-duskwood .window-status{ background:#17221e;color:#a7bcb5;border-color:#34453f; } #window-duskwood .window-path{ background:#1b2923;color:#b4c4b8;border-color:#34453f; } #window-duskwood .window-path a,#window-duskwood .window-path button{color:#e1c290} #window-duskwood .window-path [aria-current=page]{color:#d8e3df} #window-duskwood .duskwood-page{ color:#d8e3df;background:transparent;line-height:1.7; } #window-duskwood .duskwood-page .eyebrow{color:#d3b583;letter-spacing:1.8px} #window-duskwood .duskwood-page h1{ color:#f0ebde;font-family:Georgia,'Palatino Linotype',serif;font-weight:500; text-shadow:0 2px 15px #ecc48816;letter-spacing:-.6px; } #window-duskwood .duskwood-page h2,#window-duskwood .duskwood-page h3{color:#e4dcc8} #window-duskwood .duskwood-page p,#window-duskwood .duskwood-page .lead{color:#c4d4ce} #window-duskwood .duskwood-page a,#window-duskwood .duskwood-page .text-button{color:#edc283} #window-duskwood .duskwood-page a:hover{color:#fff0c7} #window-duskwood .duskwood-page .button{ background:#27362d;border-color:#5b6b51;color:#ede4ce; box-shadow:inset 0 1px 0 #ffffff09;transition:background .15s,border-color .15s; } #window-duskwood .duskwood-page .button.primary{background:#55432a;border-color:#a38452;color:#fff0d4} #window-duskwood .duskwood-page .button:hover{background:#354738;border-color:#899777;filter:none} #window-duskwood .duskwood-page .button.primary:hover{background:#665332;border-color:#c2a16e} #window-duskwood .duskwood-page .project-hero,#window-duskwood .duskwood-page figure{ padding:0;margin:24px 0;border:1px solid #3f5145;border-radius:9px;overflow:hidden;background:#15201c; box-shadow:0 8px 24px #030b0c4d; } #window-duskwood .duskwood-page figure img,#window-duskwood .duskwood-page figure video{ display:block;width:100%;max-width:100%;height:auto;background:#0b1215; } #window-duskwood .duskwood-page figcaption{ color:#a7bcb5;background:#17221e;border-top:1px solid #34453f;padding:9px 12px; font-size:12px;line-height:1.55;letter-spacing:.15px; } #window-duskwood .duskwood-page .notice{ color:#c4d4ce;background:#1c2b25;border-color:#b39157; } #window-duskwood :is(a,button,input,select):focus-visible{ outline:3px solid #f4d297;outline-offset:3px; } @media (max-width:600px){ #window-duskwood .duskwood-page{padding:22px 18px 28px} #window-duskwood .duskwood-page h1{font-size:30px} #window-duskwood .duskwood-page .lead{font-size:17px;line-height:1.65} #window-duskwood .duskwood-page .button{min-height:44px} } @media (prefers-reduced-motion:reduce){ #window-duskwood .duskwood-page .button{transition:none} } /* Desktop Start and menus: soft light, fixed geometry, visible mobile label. */ #start-button{ position:relative;isolation:isolate;flex:none;min-height:44px;min-width:102px;padding:9px 14px;gap:10px; color:#f2fff7;background:linear-gradient(145deg,#315f54,#1d493e);border:1px solid #618778; border-radius:10px;font-size:14px;font-weight:650;letter-spacing:.15px; box-shadow:inset 0 1px 0 #cbeada50,0 2px 4px #14352a20;transition:background .2s,border-color .2s; } #start-button:hover,#start-button[aria-expanded=true]{background:linear-gradient(145deg,#3b705f,#245447);border-color:#88ad98} #start-button .windows-mark{gap:3px;grid-template-columns:9px 9px;grid-template-rows:9px 9px} #start-button .windows-mark i{background:linear-gradient(#ddf7e6,#a6d5ba);box-shadow:inset 0 1px #ffffff88;border-radius:1px} #start-button>span:last-child{display:inline;white-space:nowrap} #start-button:focus-visible{outline:3px solid #437e68;outline-offset:3px} #start-menu{border-color:#b2cabe;background:linear-gradient(150deg,#f7fbf8,#edf5ef);max-height:calc(100dvh - 84px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain} #start-menu button{position:relative;isolation:isolate;min-height:44px} #start-menu .start-cascade{position:relative;isolation:isolate;border-radius:8px;background:#e6f0e680;border-left-color:#a5c6b1} #start-menu .start-cascade-btn[aria-expanded=true]{background:#e3eee5;border-color:#b4cfbd} #start-apps>.start-cascade-btn>.cascade-chevron{flex:0 0 auto;display:block;width:16px;min-width:16px;margin-left:0;align-self:center;text-align:right;line-height:1} #start-menu .start-power-divider{height:1px;flex:none;margin:8px 3px 4px;background:#cbdccf} #start-apps>.start-power-toggle{background:#e8efe9;border-color:#c8d8cb;color:#364f40} #start-apps>.start-power-toggle>svg{color:#6d5141} #start-menu .start-quick{margin-top:4px;padding-top:8px} #start-menu footer{font-size:11px;line-height:1.55;padding-top:10px} :is(.desktop-icon,.task-button,.window button,#power-scene button,#show-desktop){isolation:isolate} .desktop-icon,.task-button,.window button,#power-scene button,#show-desktop{position:relative} :is(#start-button,#start-menu button,.desktop-icon,.task-button,.window button,#power-scene button,#show-desktop):not(:disabled):not([aria-disabled=true])::before, #start-menu .start-cascade:not([hidden])::before{ content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1; box-shadow:0 0 0 1px #579e7629,0 0 11px 2px #458c6829;opacity:.08; } #power-scene button::before{box-shadow:0 0 0 1px #dfc98d29,0 0 11px 2px #dfc98d29} :is(#start-button,#start-menu button,.desktop-icon,.task-button,.window button,#power-scene button,#show-desktop):not(:disabled):not([aria-disabled=true])::before, #start-menu .start-cascade:not([hidden])::before{ animation:desktop-control-breathe 7.5s ease-in-out infinite; } @keyframes desktop-control-breathe{0%,100%{opacity:.08}50%{opacity:.32}} @media (max-width:600px){ #start-button{min-width:92px;min-height:44px;padding:8px 10px;gap:8px;font-size:13px} #start-button>span:last-child{display:inline} #start-menu button{min-height:44px} #start-apps>.start-cascade-btn>span:not(.cascade-chevron){align-items:flex-start;flex-direction:column;gap:3px} #start-menu .start-power-toggle small{font-size:9px;white-space:normal} } @media (prefers-reduced-motion:reduce){ :is(#start-button,#start-menu button,.desktop-icon,.task-button,.window button,#power-scene button,#show-desktop)::before, #start-menu .start-cascade::before{animation:none!important;opacity:.08} #start-button{transition:none} } @media print{ :is(#start-button,#start-menu button,.desktop-icon,.task-button,.window button,#power-scene button,#show-desktop)::before, #start-menu .start-cascade::before{content:none} } /* PC candidate: one window header, compact collections, complete image views. */ #windows .window .titlebar{height:42px;min-height:42px;gap:8px;padding-right:0;flex:0 0 auto} .window .title-caption{display:flex;gap:9px;padding:0 0 0 12px;min-width:0;flex:1;overflow:hidden} .window .title-caption>svg{flex:0 0 20px;width:20px;height:20px} #windows .window .titlebar .window-path{display:flex;flex:1;min-width:0;min-height:0;height:auto;margin:0;padding:0;gap:7px;background:none;border:0;overflow:hidden;font-size:12px;color:inherit} .window .titlebar .window-path button{flex:none;color:inherit;font-size:12px;padding:6px 2px;white-space:nowrap} .window .titlebar .window-path [aria-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:inherit;font-weight:600} .window .titlebar .window-path>span[aria-hidden]{opacity:.5;flex:none} .window .window-controls{flex:none;align-self:stretch;display:flex} .window .window-controls :is(button,a){display:grid;place-items:center;width:38px;height:100%;padding:0;border:0;background:none;color:inherit;text-decoration:none;border-radius:0} .window .window-controls a:hover{background:#d4e6dd} .window .window-controls a svg{width:17px;height:17px;transform:rotate(-45deg)} .window .window-status{height:23px;min-height:23px;justify-content:flex-end;padding:4px 12px;font-size:10px} .window .frame-layout{width:100%;height:100%;min-height:0;flex:1} .window .demo-frame{min-height:0;display:block} .window.maximized{left:12px!important;top:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;max-width:none!important;max-height:none!important} #window-short-stories .window-content,#window-thirteenth-lantern .window-content,#window-moorland-hikers .window-content,#window-pocket-dragon .window-content,#window-borrowed-names .window-content{display:flex;min-height:0;overflow:hidden} .desktop-icons{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,72px);grid-template-areas:'projects arcade' 'stories blizzard' '. steam' '. photos';width:430px;gap:10px} [data-desktop='portfolio']{grid-area:projects}[data-desktop='top-secret']{grid-area:arcade}[data-desktop='short-stories']{grid-area:stories}[data-desktop='blizzard']{grid-area:blizzard}[data-desktop='steam']{grid-area:steam}[data-desktop='photos']{grid-area:photos} .desktop-icon .icon-tile.portfolio{background:#173e50;color:#a7ecf2;border:1px solid #648b92} .desktop-icon .icon-tile.top-secret{display:flex;width:42px;height:42px;border-radius:9px;border:1px solid #bd9959;background:#f3ca91;color:#634123;box-shadow:0 4px 8px #00102022;clip-path:none;overflow:visible} .desktop-icon .icon-tile.top-secret svg{width:25px;height:25px} .secret-page{padding:23px 26px;container-type:inline-size} .secret-page .secret-label{margin-bottom:18px;padding-bottom:12px;letter-spacing:1.3px} .secret-page h1{font-size:29px;line-height:1.15;margin:0 0 20px} .secret-games{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch} .secret-game.secret-game-cover{display:flex;flex-direction:column;min-height:0;border-radius:8px} .secret-game-cover .secret-game-art{flex:none;position:relative;width:100%;height:auto;min-height:0;aspect-ratio:16/9;padding:7px;border-right:0;border-bottom:1px solid #d1b98b25} .secret-game-cover .secret-game-art img{position:static;display:block;width:100%;height:100%;object-fit:contain} .secret-game-cover .secret-art-borrowed-names img{object-fit:contain} .secret-game-cover .secret-game-copy{flex:1;padding:14px 15px;gap:8px;justify-content:flex-start} .secret-game-cover .secret-game-title{font:21px/1.2 Georgia,serif} .secret-game-cover .secret-game-copy>span{font-size:12px;line-height:1.55} .secret-game-cover .secret-game-copy>b{margin-top:auto;padding-top:6px} .secret-game-cover .storybook-cover-title{font-size:20px;line-height:1.2}.secret-game-cover .storybook-cover-title small{font-size:8px} .secret-footer{margin-top:17px} @container(max-width:1000px){.secret-games{grid-template-columns:repeat(2,minmax(0,1fr))}} .photos-page{display:flex;flex-direction:column;padding:22px;min-height:100%;gap:18px} .photos-heading h1{font-size:27px;margin:0 0 8px}.photos-heading p{font-size:13px;margin:0;line-height:1.5} .photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0} .photo-thumb{padding:8px;border:1px solid #ccdcd3;background:#f0f5f1;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:left;min-width:0;aspect-ratio:auto} .photo-thumb img{display:block;width:100%;height:180px;object-fit:contain;background:#0e1621} .photos-page .photo-thumb>span{font-size:11px;line-height:1.45;color:#c7d5e0} .photos-page.photo-viewing{height:100%;min-height:0;overflow:hidden;gap:0;padding:15px} .photos-page.photo-viewing .photos-heading{display:none} .photos-viewer{position:static;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;height:100%;min-height:0;margin:0;padding:0;background:none} .photos-viewer-controls{display:flex;align-items:center;gap:8px;flex:none} .photos-viewer-controls button{border:1px solid #2a475e;background:#0e1621;color:#c7d5e0;border-radius:4px;min-height:33px;padding:6px 12px} .photos-viewer-controls button:disabled{opacity:.4;cursor:default} .photos-viewer-close{position:static;margin-left:auto} #photos-viewer-position{font:11px Consolas,monospace;color:#c7d5e0} .photos-viewer img{display:block;flex:1;min-height:0;width:100%;height:0;max-height:none;object-fit:contain;background:#0e1621;border-radius:4px} .photos-page .photos-viewer p{flex:none;margin:0;font-size:12px;line-height:1.5;color:#c7d5e0} .photos-page [hidden]{display:none!important} /* Original pixel glyphs, shared by the desktop, window header and Photos. */ .pixel-icon{display:block;width:24px;height:24px;flex:none;image-rendering:pixelated;object-fit:contain;pointer-events:none} .desktop-icon .icon-tile:has(>.pixel-icon){width:60px;height:60px;display:grid;place-items:center;background:none;border:0;box-shadow:none;clip-path:none;overflow:visible} .desktop-icon .icon-tile>.pixel-icon{width:58px;height:58px;filter:drop-shadow(0 3px 2px #06181955)} .title-caption>.pixel-icon{width:22px;height:22px}.task-button>.pixel-icon{width:22px;height:22px}.folder-item .pixel-icon{width:32px;height:32px} .secret-art-pocket-dragon img{object-fit:contain!important} /* R1: compact desktop, responsive windows and touch targets. */ :root{--bar:44px} #desktop{min-height:0} .desktop-icons{left:18px;top:76px;bottom:12px;width:94px;display:grid;grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:minmax(76px,auto);grid-template-areas:none;align-content:start;gap:9px;overflow-y:auto;overflow-x:hidden;padding:2px 3px 8px} .desktop-icons [data-desktop]{grid-area:auto;width:100%;height:auto;min-height:76px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:3px} .desktop-icon .desktop-icon-copy{width:100%;text-align:center;min-width:0} .desktop-icon .desktop-icon-copy strong{font-size:11px;line-height:1.25;white-space:normal} .desktop-icon .desktop-icon-copy small{display:none} .wallpaper-type{left:clamp(145px,20vw,300px);max-width:calc(100% - 170px)} .taskbar{height:var(--bar);padding:2px 9px;gap:7px} #start-button{min-height:36px;height:36px;min-width:86px;padding:4px 10px;font-size:12px;gap:7px} .task-button{height:36px;min-height:36px;max-width:155px;font-size:11px;padding:4px 8px;gap:6px} .taskbar .system-tray{font-size:10px;gap:7px} #start-menu{bottom:calc(var(--bar) + 8px)} #windows .window .titlebar{height:38px;min-height:38px;gap:6px} .window .window-controls :is(button,a){width:36px} .window .window-status{flex:0 0 18px;height:18px;min-height:18px;padding:2px 10px;font-size:9px} .window.maximized{left:8px!important;top:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important} .story-window .window-content{display:flex;min-height:0;overflow:hidden} .secret-page{padding:18px 20px} .secret-page h1{font-size:26px;margin-bottom:17px} .secret-game.secret-game-cover .secret-game-title{position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;font:20px/1.2 Georgia,serif} .secret-game-cover .secret-game-copy{padding:11px 13px;gap:7px} .secret-game-cover .secret-game-copy>span{font-size:12px} @container(max-width:500px){.secret-games{grid-template-columns:1fr}} @media(max-width:800px){ .wallpaper-type{left:145px;max-width:calc(100% - 166px)} .desktop-note{display:none} } @media(max-width:600px){ .desktop-icons{left:10px;top:74px;bottom:8px;width:88px;grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:none;gap:7px} .desktop-icons [data-desktop]{grid-area:auto;min-height:72px} .desktop-icon .icon-tile:has(>.pixel-icon){width:48px;height:48px} .desktop-icon .icon-tile>.pixel-icon{width:46px;height:46px} .desktop-icon .icon-tile.photos{width:46px;height:40px} .wallpaper-type{left:112px;max-width:calc(100% - 128px)} .wallpaper-type strong{font-size:30px;letter-spacing:-1px} .preview-label{display:none} .window.maximized{left:4px!important;top:4px!important;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important} .window .title-caption{padding-left:7px;gap:5px} .window .title-caption>svg,.window .title-caption>.pixel-icon{display:none} #windows .window .titlebar .window-path{font-size:11px;gap:4px} .window .titlebar .window-path button{font-size:11px} .window .window-controls :is(button,a){width:32px} .taskbar{padding:2px 6px;gap:5px} .task-button{min-width:38px;max-width:112px;padding:4px 6px} .taskbar .system-tray{font-size:9px;gap:5px} .secret-page{padding:16px 12px} .photos-page{padding:16px 12px} } @media(pointer:coarse){ :root{--bar:48px} #start-button,.task-button{height:44px;min-height:44px} #windows .window .titlebar{height:44px;min-height:44px} .window .window-controls :is(button,a){width:44px;min-height:44px} .window .titlebar .window-path button{min-height:44px} .photos-viewer-controls button{min-height:44px} } @media(max-height:480px){ .desktop-icons{top:56px;grid-auto-rows:minmax(68px,auto)} .desktop-icons [data-desktop]{min-height:68px} #windows .window .titlebar .window-path{display:flex!important} .window .window-status{display:none} .window.maximized{top:4px!important;height:calc(100% - 8px)!important} } @media(max-width:600px){.wallpaper-type{right:16px;width:auto;top:76px;bottom:auto}.wallpaper-type strong{margin-top:10px}} /* Keep primary window controls and ancestor links usable on narrow phones. */ @media(max-width:430px){ .window .window-controls .window-external{display:none} .window .titlebar .window-path button[data-show-desktop]{font-size:0;min-width:28px} .window .titlebar .window-path button[data-show-desktop]::after{content:'⌂';font-size:18px;line-height:1} } @media(max-width:430px) and (pointer:coarse){.window .titlebar .window-path button[data-show-desktop]{min-width:44px}} /* Requested compact desktop correction; full touch targets remain available. */ :root{--bar:32px} .taskbar{padding:1px 8px;gap:6px} #start-button{height:28px;min-height:28px;min-width:72px;padding:2px 8px;font-size:11px;gap:6px} .task-button{height:28px;min-height:28px;padding:2px 7px;gap:5px;font-size:10px;max-width:150px} .task-button>.pixel-icon,.task-button>svg{width:18px;height:18px} .task-separator{height:22px} .windows-mark{grid-template-columns:7px 7px;grid-template-rows:7px 7px;gap:2px} .taskbar .system-tray{font-size:9px;gap:6px} #clock{line-height:1.15} #show-desktop{height:28px} .desktop-icons{left:10px;top:66px;bottom:8px;width:82px;grid-template-columns:1fr;grid-auto-flow:row;grid-auto-rows:minmax(64px,auto);gap:5px;padding:2px 2px 6px} .desktop-icons [data-desktop]{height:auto;min-height:64px;padding:3px 1px;gap:3px} .desktop-icon .desktop-icon-copy strong{font-size:10px;line-height:1.2} .desktop-icon .icon-tile,.desktop-icon .icon-tile:has(>.pixel-icon){width:40px;height:40px;flex:none} .desktop-icon .icon-tile>svg{width:25px;height:25px} .desktop-icon .icon-tile>.pixel-icon,.desktop-icon .icon-tile.photos>.pixel-icon{position:static;inset:auto;width:40px;height:40px;object-fit:contain;border-radius:0} .desktop-icon .icon-tile.photos:has(>.pixel-icon){display:grid;transform:none;background:none;border:0;box-shadow:none;overflow:visible} @media(max-width:600px){:root{--bar:44px}.taskbar{padding:1px 6px;gap:4px}#start-button,.task-button{height:40px;min-height:40px}.desktop-icons{top:66px;left:8px;width:80px}.task-button{min-width:38px}.taskbar .system-tray{font-size:9px}} @media(pointer:coarse){:root{--bar:48px}#start-button,.task-button,#show-desktop{height:44px;min-height:44px}#show-desktop{width:44px;flex:0 0 44px}.desktop-icons [data-desktop]{min-height:68px}.windows-mark{grid-template-columns:8px 8px;grid-template-rows:8px 8px;gap:2px}} /* Photos surfaces and transparent artwork share a dark backdrop. */ .photos-page,.photos-page .photos-grid,.photos-page .photo-thumb,.photos-page .photo-thumb img,.photos-page .photos-viewer,.photos-page .photos-viewer img{background:#0e1621} /* ===== dark vibe pass 20261006: no white gaps. Generated by inverting the light surfaces and dark text of the stylesheet above; the desktop wallpaper and icon tiles are untouched. ===== */ :root{--ink:#e6edf2;--muted:#9fb1bd;--line:#2a3a4a;--paper:#171d25;--accent:#7fd8bb} .window{color-scheme:dark;color:#dbe5ec;border-color:#3a5568}.window.active{border-color:#5f8aa3} .taskbar,.task-button,#start-menu,#start-menu button{color:#dbe5ec} .window :where(h1,h2,h3,h4,h5,strong,label,legend,dt,th,summary){color:#f2f7fa} a{color:#88ddc6} .shortcut{background:#212d3d;color:#92d1d3} .taskbar{background:rgba(30,41,54,0.937)} .start-button:hover,.start-button[aria-expanded=true]{background:#243244} .task-separator{border-left:1px solid #3a4c5c} .task-button{background:rgba(255,255,255,0.028)} .task-button::after{background:#243244} .task-button.active{background:#171d25;border-color:#2a3a4a} .task-button:hover{background:#171d25} .system-tray{color:#a8b8c4} #show-desktop{border-left:1px solid #3a4c5c} #start-menu{border:1px solid #2a3a4a;background:#1b2330} #start-menu header{border-bottom:1px solid #2a3a4a} .avatar{background:#243244;color:#8dd8bb} #start-menu header span:not(.avatar){color:#a8b8c4} #start-apps button:hover{background:#212d3d} #start-menu footer{color:#a8b8c4;border-top:1px solid #2a3a4a} .window{border:1px solid #3a4c5c} .window.active{border-color:#2a3a4a} .titlebar{background:#212d3d;color:#a8b8c4} .active .titlebar{background:#1e2936;color:#8ed7bd} .window-controls button:hover{background:#243244} .window-status{border-top:1px solid #2a3a4a;background:#1b2330;color:#a8b8c4} .eyebrow{color:#a8b8c4} .page p{color:#a8b8c4} .about-mark{background:#212d3d;color:#a8b8c4} .tag{border:1px solid #2a3a4a;background:#1e2936;color:#a8b8c4} .button{border:1px solid #2a3a4a;background:#171d25;color:#90d5b8} .about-bottom p{color:#a8b8c4} .timeline{border-left:1px solid #2a3a4a} .job::before{border:2px solid #2a3a4a} .job-date{color:#a8b8c4} .job .org{color:#a8b8c4} .notice{background:#1e2936;color:#a8b8c4} .text-button{color:#88ddc6} .badge{border:1px solid #2a3a4a;color:#99ccb1} .badge.pending{color:#ccb199;background:#1e2936;border-color:#2a3a4a} .credential small{color:#a8b8c4} .study-path span{border:1px solid #2a3a4a} .study-path span:first-child{background:#212d3d;color:#89dcb5} .field input,.field textarea,.field select{border:1px solid #3a4c5c;background:#171d25;color:#9acbb0} .form-result{color:#88ddb8;background:#1e2936} .demo-splash{border:1px solid #2a3a4a;background:#1e2936;color:#96a6b2} .demo-frame{background:#171d25} .frame-toolbar{background:#1e2936;border-bottom:1px solid #2a3a4a} .file-list>button:hover,.file-list>a:hover{background:#1e2936} .page .media-caption{color:#a8b8c4} .game-controls summary{color:#96cfb4} .game-controls dd{color:#a8b8c4} .clip-grid figure,.demo-video{background:rgba(255,255,255,0.0028)} .gallery-grid figure{background:rgba(255,255,255,0.0028)} .window-path{background:#1b2330;color:#a8b8c4} .window-path button{color:#8adbbe} .folder-item:hover{background:#1e2936} .folder-item-copy .item-kind{color:#a8b8c4} .folder-item>svg{color:#96a6b2} #start-apps small{color:#96a6b2} .workflow-steps section>span{color:#a8b8c4} .gallery-grid figure{background:#1e2936} .gallery-grid img{background:#212d3d} .gallery-grid figcaption{color:#a8b8c4} .folder-tile.sage{background:#243244;color:#88ddba} .folder-tile.gold{color:#ddc188} .folder-tile.blue{color:#89b6dc} .folder-tile.rose{background:#243244;color:#d293ac} .folder-tile.violet{background:#243244;color:#a595d0} #start-apps > .start-cascade-btn:hover,#start-apps .start-quick button:hover,#start-programs button:hover,#start-power button:hover{background:#212d3d;border-color:#2a3a4a} #start-apps > .start-cascade-btn .cascade-chevron{color:#96a6b2} #start-apps small,#start-programs small,#start-power small{color:#96a6b2} .start-cascade{border-left:2px solid #2a3a4a} .start-quick{border-top:1px solid #2a3a4a} .photo-thumb{background:#1e2936} .photos-viewer img{background:#212d3d} .story-tab{background:#171d25} .story-tab.active{background:#1e2936} .titlebar{color:#cdd9e2} .active .titlebar{color:#96cfba} .window-status{color:#cdd9e2} .window-path{color:#cdd9e2;background:#1e2936} #start-menu{color:#8fbdd6} #start-menu header span:not(.avatar){color:#cdd9e2} #start-menu footer{color:#cdd9e2} #start-apps small,#start-programs small,#start-power small{color:#cdd9e2} #start-apps > .start-cascade-btn .cascade-chevron{color:#cdd9e2} .library-page button:focus-visible,.library-page a:focus-visible,.library-page li:focus-visible{outline:2px solid #3a4c5c} .bnet-wordmark{color:#88c0dd} .project-tags span{border:1px solid #3a4c5c;background:#1e2936;color:#97cebb} .project-process li{background:#1e2936;border:1px solid #2a3a4a} .project-process strong{color:#8fd6bc} .project-process span{color:#a8b8c4} .project-hero{border:1px solid #2a3a4a} .project-hero figcaption{background:#1e2936;color:#a8b8c4} .blender-intro section{border-left:1px solid #2a3a4a} .blender-page .project-process li{background:#1e2936} .blender-page .project-process strong:before{color:#96a6b2} .asset-arrow:hover{border-color:#3a4c5c} .asset-carousel button:focus-visible,.asset-carousel a:focus-visible,.asset-carousel input:focus-visible{outline:3px solid #3a4c5c} .asset-toolbar button[aria-pressed=true]{color:#97cecc;border-color:#3a4c5c} .asset-contact-sheet{border-top:1px solid #2a3a4a} @media (max-width:600px){.blender-intro section{border-top:1px solid #2a3a4a}} .secret-game:hover{border-color:#3a4c5c} .secret-art-pocket-dragon{background:radial-gradient(ellipse at 50% 40%,#243244,#496e65)} .rytmik-track-list audio:focus-visible{outline:3px solid #3a4c5c} .secret-game-cover:focus-visible{outline:3px solid #3a4c5c} .secret-game-cover:hover{border-color:#3a4c5c} #window-duskwood :is(a,button,input,select):focus-visible{outline:3px solid #3a4c5c} #start-menu{border-color:#3a4c5c;background:linear-gradient(150deg,#1b2330,#1e2936)} #start-menu .start-cascade{background:rgba(30,41,54,0.502);border-left-color:#3a4c5c} #start-menu .start-cascade-btn[aria-expanded=true]{background:#212d3d;border-color:#3a4c5c} #start-menu .start-power-divider{background:#243244} #start-apps>.start-power-toggle{background:#1e2936;border-color:#2a3a4a;color:#cdd9e2} #start-apps>.start-power-toggle>svg{color:#cdab98} .window .window-controls a:hover{background:#243244} .photo-thumb{border:1px solid #2a3a4a;background:#1b2330} .window iframe{background:#0b1016}