/* Phone edition. Desktop rules remain unchanged outside this root class. */
.mobile-os {--mobile-top:calc(56px + env(safe-area-inset-top));--mobile-nav:48px}
.mobile-os body {height:100dvh;overflow:hidden;background:#020403}
.mobile-os :is(#boot-scene,.scene-sound,.scene-languages,#disk-request,#guestbook,#prank-layer,#prank-recovery){display:none!important}
.mobile-os .desktop-surface{height:100dvh;position:fixed;inset:0;overflow:hidden;transform:none!important;text-shadow:0 0 4px #c5ff8122}
.mobile-os .desktop-surface .screen{padding:0;inset:0;height:100%;border:0;border-radius:0}
.mobile-os .desktop-surface .system-bar{position:absolute;inset:0 0 auto;height:var(--mobile-top);padding:env(safe-area-inset-top) 12px 0;gap:8px;box-sizing:border-box;background:#080e08}
.mobile-os .desktop-surface .system-launcher{gap:6px;min-height:44px;padding:4px 0;font-size:12px}
.mobile-os .system-launcher img{width:22px;height:22px}
.mobile-os .system-launcher strong{font-size:12px}
.mobile-os .desktop-surface .language-switch{min-width:44px;min-height:44px;font-size:12px}
.mobile-os .desktop-surface .language-controls{gap:2px}
.mobile-os .desktop-surface .system-status .sound-toggle{width:38px;height:40px;min-height:40px;padding:5px}
.mobile-os .desktop-surface :is(.clock,.arrange-menu,.active-app,.taskbar,.window-bar,.resize-handle,#menu-power,#replay-intro){display:none!important}
.mobile-os .desktop-surface .desktop{position:absolute;inset:var(--mobile-top) 0 0;height:auto;width:100%;padding:0;overflow:auto;background-size:200px 200px,200px 200px,40px 40px,40px 40px}
.mobile-os .desktop-surface .workspace-home{width:100%;max-width:620px;height:auto;min-height:100%;margin:auto;padding:28px 20px calc(28px + env(safe-area-inset-bottom));box-sizing:border-box;overflow:visible}
.mobile-os .desktop-surface .home-path{font-size:11px;letter-spacing:1px;margin:0 0 26px}
.mobile-os .mobile-intro{margin-bottom:28px}
.mobile-os .mobile-intro h2{font:400 clamp(22px,6.4vw,30px)/1.35 var(--font-ui);letter-spacing:-.6px;margin:0 0 12px}
.mobile-os .mobile-intro p{font:400 13px/1.65 var(--font-ui);color:var(--phosphor-dim);margin:0}
.mobile-os .desktop-surface .home-files{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0}
.mobile-os .desktop-surface .home-files button{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:10px 4px;min-height:122px;padding:15px 13px;border:1px solid var(--phosphor-line);background:#071007e8;box-shadow:none;align-items:start;align-content:start}
.mobile-os .home-files button[data-window=projects]{grid-column:1/-1;background:var(--phosphor);color:var(--phosphor-black);text-shadow:none;min-height:122px}
.mobile-os .desktop-surface .home-files button>span:first-child{width:auto;font-size:11px;color:inherit;opacity:.72}
.mobile-os .home-files strong{grid-column:1;font:400 17px/1.4 var(--font-ui);overflow-wrap:anywhere}
.mobile-os .home-files small{grid-column:1/-1;font:400 9px/1.5 var(--font-ui);letter-spacing:.3px;opacity:.72}
.mobile-os .home-files .mobile-file-arrow{position:absolute;right:14px;top:13px;font-size:22px}
.mobile-os .desktop-surface .home-files #workspace-tools{grid-column:1/-1;min-height:48px;display:flex;font-size:12px;align-items:center;padding:12px 4px;background:none;border-width:0 0 1px}
.mobile-os .home-files [data-window=readme]{display:none!important}
.mobile-os .desktop-surface .home-footer{font-size:10px;margin-top:24px}
.mobile-os .desktop-surface .window{position:fixed!important;inset:calc(var(--mobile-top) + var(--mobile-nav)) 0 0!important;width:100%!important;height:calc(100dvh - var(--mobile-top) - var(--mobile-nav))!important;max-width:none;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none!important;padding:0 0 env(safe-area-inset-bottom);box-sizing:border-box;container-type:inline-size;animation:none!important}
.mobile-os .desktop-surface .window[open]{display:flex;flex-direction:column}
.mobile-os .desktop-surface #mobile-app-bar{position:fixed;inset:var(--mobile-top) 0 auto;height:var(--mobile-nav);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;z-index:100;background:#0b150a;border-bottom:1px solid var(--phosphor-line);color:var(--phosphor)}
.mobile-os #mobile-app-bar[hidden]{display:none!important}
.mobile-os #mobile-app-bar button{min-height:44px;border:0;background:none;color:inherit;font:400 13px var(--font-ui);padding:0 5px;cursor:pointer}
.mobile-os #mobile-app-bar>span{font:400 11px var(--font-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--phosphor-dim)}
.mobile-os .desktop-surface .app-launcher{position:fixed;top:var(--mobile-top);bottom:auto;left:8px;right:8px;width:auto;max-height:calc(100dvh - var(--mobile-top) - 16px);overflow:auto;z-index:160;padding:8px}
.mobile-os .desktop-surface .app-launcher>button{min-height:48px;font-size:14px}
.mobile-os .desktop-surface :is(input,textarea,select){font-size:16px!important}
.mobile-os .desktop-surface :is(button,.button-link){touch-action:manipulation}
.mobile-os .desktop-surface :is(.archive-window,.dossier-window) button{min-height:44px}
.mobile-os .desktop-surface .archive-window .explorer-toolbar{flex-wrap:nowrap;min-height:58px;gap:8px;padding:7px 12px}
.mobile-os .desktop-surface .archive-window .search-field{flex:1 1 0;min-width:0}
.mobile-os .desktop-surface .archive-window #project-search{height:42px}
.mobile-os .desktop-surface .archive-window .technology-filter{width:auto;flex:none}
.mobile-os .desktop-surface #project-filter-trigger{min-height:42px;max-width:115px;font-size:11px}
.mobile-os .desktop-surface #technology-label{display:none}
.mobile-os .desktop-surface .archive-workbench{display:flex;flex-direction:column}
.mobile-os .desktop-surface .archive-directory{flex:none;max-height:58px;border-right:0;border-bottom:1px solid var(--phosphor-line)}
.mobile-os .desktop-surface .archive-directory-label{display:none}
.mobile-os .desktop-surface .archive-directory #project-list{display:flex;flex-direction:row;padding:5px 8px;overflow-x:auto;gap:5px}
.mobile-os .desktop-surface .archive-entry{display:flex;flex:none;width:auto!important;padding:7px 10px!important;min-height:44px!important;white-space:nowrap;font-size:12px}
.mobile-os .archive-entry-arrow{display:none}
.mobile-os .desktop-surface .archive-reader{flex:1}
.mobile-os .desktop-surface .archive-heading{min-height:62px;padding:9px 14px}
.mobile-os .desktop-surface .archive-heading h2{font-size:18px}
.mobile-os .desktop-surface #archive-sector{display:none}
.mobile-os .desktop-surface .file-tabs>[role=tab]{font-size:11px;min-height:44px;padding:10px}
.mobile-os .desktop-surface .archive-capture-tools{display:none}
.mobile-os .desktop-surface .archive-image-scroll{min-height:0}
.mobile-os .desktop-surface .archive-copy{padding:20px}
.mobile-os .desktop-surface .archive-copy p{font-size:14px;line-height:1.8}
.mobile-os .desktop-surface .archive-actions{padding:6px 12px;gap:5px;flex-wrap:wrap}
.mobile-os .desktop-surface .archive-pagination{font-size:11px;gap:10px}
.mobile-os .desktop-surface .archive-pagination button{min-width:44px;min-height:44px;font-size:18px}
.mobile-os .desktop-surface #archive-links{gap:12px;margin-left:auto}
.mobile-os .desktop-surface #archive-links a{display:inline-flex;align-items:center;min-height:44px;font-size:11px}
.mobile-os .desktop-surface .archive-window .window-status{display:none}
.mobile-os .desktop-surface .dossier-strip{padding:10px 16px;font-size:10px}
.mobile-os .desktop-surface .dossier-strip>span:last-child{display:none}
.mobile-os .desktop-surface .dossier-page{padding:20px}
.mobile-os .desktop-surface .operator-intro{display:flex;flex-direction:column;gap:24px}
.mobile-os .desktop-surface .operator-portrait{width:100%;height:auto;aspect-ratio:1.25;max-width:360px;align-self:center}
.mobile-os .desktop-surface .operator-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 36%}
.mobile-os .desktop-surface .operator-bio h2{font-size:24px;line-height:1.45}
.mobile-os .desktop-surface .operator-bio h2 span{display:inline}
.mobile-os .operator-bio h2 span+span::before{content:' '}
.mobile-os .desktop-surface .operator-bio>p:not(.archive-eyebrow):not(.operator-role){font-size:14px;line-height:1.85}
.mobile-os .desktop-surface .operator-role{font-size:13px}
.mobile-os .desktop-surface .operator-facts{grid-template-columns:1fr}
.mobile-os .desktop-surface .operator-facts>div{display:grid;grid-template-columns:90px 1fr;border:0;border-bottom:1px solid var(--phosphor-line)}
.mobile-os .desktop-surface .operator-facts dd{margin:0}
.mobile-os .desktop-surface .operator-timeline li{grid-template-columns:1fr;gap:7px}
.mobile-os .desktop-surface .operator-timeline p{font-size:13px}
.mobile-os .desktop-surface .operator-modules{gap:6px}
.mobile-os .desktop-surface .operator-modules button{padding:10px 7px;font-size:12px;min-height:65px}
.mobile-os .desktop-surface .operator-modules small{font-size:8px}
.mobile-os .desktop-surface .dossier-footer{font-size:9px;padding:6px 12px}
.mobile-os .desktop-surface .design-workbench{display:flex;flex-direction:column}
.mobile-os .desktop-surface .design-directory{flex:none;border-right:0;max-height:65px;border-bottom:1px solid var(--phosphor-line)}
.mobile-os .desktop-surface .design-directory-heading{display:none}
.mobile-os .desktop-surface #design-grid{display:flex;overflow-x:auto;padding:5px 8px}
.mobile-os .desktop-surface .design-file{flex:none;display:flex;min-height:46px;padding:8px 10px;max-width:220px;gap:8px}
.mobile-os .desktop-surface .design-file strong{font-size:12px;white-space:nowrap}
.mobile-os .desktop-surface .design-viewer{flex:1}
.mobile-os .desktop-surface .design-preview{min-height:100px}
.mobile-os .desktop-surface .design-viewer-heading{padding:9px 14px}
.mobile-os .desktop-surface #design-title{font-size:17px}
.mobile-os .desktop-surface #design-position{font-size:11px}
.mobile-os .desktop-surface .design-viewer-footer{padding:6px 12px}
.mobile-os .desktop-surface .design-pagination button{min-height:44px;min-width:44px}
.mobile-os .desktop-surface #design-external{font-size:12px}
.mobile-os .desktop-surface .document-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:12px;flex:none}
.mobile-os .desktop-surface .document-toolbar>span{flex:1 0 100%}
.mobile-os .desktop-surface .document-toolbar .button-link{min-height:44px;display:flex;align-items:center;padding:8px 10px;font-size:12px}
.mobile-os .desktop-surface #cv-viewer{overflow:auto;min-height:0;display:block;padding:12px;background:#0b100a}
.mobile-os #cv-viewer img{display:block;width:100%;height:auto}
.mobile-os .desktop-surface :is(.contact-content,.settings-content,.readme-content){padding:20px;overflow:auto;min-height:0}
.mobile-os .desktop-surface :is(.contact-content,.settings-content,.readme-content) :is(p,label){font-size:14px;line-height:1.75}
.mobile-os .desktop-surface :is(.contact-content,.settings-content,.readme-content) button{min-height:44px}
.mobile-os .desktop-surface .contact-content :is(input:not([type=checkbox]),textarea,select){min-height:44px;box-sizing:border-box}
.mobile-os .desktop-surface .contact-content .consent{min-height:44px;padding-block:4px}
.mobile-os .desktop-surface .contact-address{flex-wrap:wrap}
.mobile-os .desktop-surface .contact-address a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;overflow-wrap:anywhere}
.mobile-os .desktop-surface .crt-glass{border-radius:0;pointer-events:none;opacity:.46}
.mobile-os .desktop-surface :is(.crt-scratches,.crt-tear,.crt-roll,.ambient){display:none!important}
.mobile-os .desktop-surface .crt-vignette{opacity:.25}
.mobile-os .desktop-surface .crt-scanlines{opacity:.22}
.mobile-os .desktop-surface :is(.archive-scan,.operator-scanline){display:none!important}
@media(max-height:540px){.mobile-os .mobile-intro{margin-bottom:20px}.mobile-os .desktop-surface .home-files{grid-template-columns:repeat(3,1fr)}.mobile-os .home-files button[data-window=projects]{grid-column:auto}.mobile-os .desktop-surface .archive-directory{display:none}.mobile-os .desktop-surface .archive-window .explorer-toolbar{display:none}.mobile-os .desktop-surface .archive-heading{min-height:48px}.mobile-os .desktop-surface .archive-heading .archive-eyebrow{display:none}}