:root{--amber:#ffbf00;--amber-soft:#f5b642;--bg:#0a0a0a;--bg2:#000000;--ink:#1a1a1a;--muted:#b38f00;--white:#fef5d6}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 600px at 80% -20%,rgba(255,191,0,.08),transparent),radial-gradient(1000px 600px at 20% 120%,rgba(255,191,0,.06),transparent),var(--bg);color:var(--amber);font-family:"JetBrains Mono",monospace;letter-spacing:.02em}

#bg{position:fixed;inset:0;z-index:-2}
.scanlines{position:fixed;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,rgba(255,191,0,.04) 0,rgba(255,191,0,.04) 1px,transparent 3px,transparent 4px),radial-gradient(800px 400px at 50% 50%,rgba(255,191,0,.06),transparent)}

.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:5;width:var(--sidebar-w);display:flex;flex-direction:column;padding:14px;background:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.3));border-right:1px solid rgba(255,191,0,.25);backdrop-filter:blur(6px);transition:width .25s ease}
.sidebar .brand{font-weight:700;color:var(--white);text-shadow:0 0 10px rgba(255,191,0,.5);display:flex;align-items:center;justify-content:space-between}
.caret{animation:blink 1s steps(2,end) infinite;color:var(--amber)}
.collapse{margin-top:12px;align-self:flex-end;background:transparent;border:1px solid rgba(255,191,0,.4);border-radius:10px;color:var(--amber);padding:6px;display:grid;place-items:center}
.vertical{display:flex;flex-direction:column;margin-top:16px}
.nav-item{display:flex;align-items:center;gap:12px;color:var(--amber);text-decoration:none;padding:10px;border-radius:10px}
.nav-item:hover{background:rgba(255,191,0,.08);box-shadow:0 0 14px rgba(255,191,0,.18)}
.icon{width:22px;height:22px;flex:0 0 22px}
.label{color:var(--white)}
.sidebar.collapsed{width:var(--sidebar-c)}
.sidebar.collapsed .label{display:none}
.sidebar.collapsed .brand{justify-content:center}
.sidebar.collapsed .collapse{align-self:center}
.nav-item{transition:background .2s ease}

main{margin-left:var(--sidebar-w);transition:margin-left .25s ease}
.sidebar.collapsed ~ main{margin-left:var(--sidebar-c)}

.hero{min-height:80vh;display:grid;place-items:center;padding:40px 20px}
.terminal{width:min(1100px,92vw);border:1px solid rgba(255,191,0,.6);box-shadow:0 0 30px rgba(255,191,0,.25),inset 0 0 20px rgba(255,191,0,.1);background:linear-gradient(180deg,#0a0a0a,#000);border-radius:12px;overflow:hidden}
.terminal-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(to bottom,rgba(255,191,0,.15),rgba(255,191,0,.05));border-bottom:1px solid rgba(255,191,0,.2)}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block;filter:saturate(120%)}
.dot-red{background:#ff4d00}
.dot-yellow{background:#ffbf00}
.dot-green{background:#0aff6d}
.terminal-header .title{margin-left:auto;color:var(--muted);font-size:12px}
.terminal-body{padding:28px}
.line{font-size:18px;line-height:1.6;display:flex;align-items:center;gap:8px}
.prompt{color:var(--white)}
.path{color:var(--muted)}
.cursor{width:10px;height:20px;background:var(--amber);display:inline-block;margin-left:6px;animation:blink .8s steps(2,end) infinite}
.output{margin-top:16px;color:var(--white);opacity:.9}
.nav-tree{margin-top:12px;display:flex;align-items:center;gap:10px;color:var(--white)}
.nav-tree .node{padding:4px 8px;border:1px solid rgba(255,191,0,.4);border-radius:10px;background:rgba(0,0,0,.35)}
.nav-tree .node.active{background:rgba(255,191,0,.12);box-shadow:0 0 14px rgba(255,191,0,.25)}
.nav-tree .sep{color:var(--muted)}
.nav-tree .focus-hint{margin-left:auto;color:var(--muted);font-size:12px}
.prompt-help{margin-top:12px;color:var(--muted)}

.section{padding:80px 20px;max-width:1100px;margin:0 auto}
.section h2{font-size:28px;margin:0 0 20px;color:var(--white);text-shadow:0 0 18px rgba(255,191,0,.35)}
.section p{max-width:900px;opacity:.95}

.grid{display:grid;gap:16px}
.skills-grid{grid-template-columns:repeat(2,1fr)}
@media(min-width:700px){.skills-grid{grid-template-columns:repeat(4,1fr)}}
.card{border:1px solid rgba(255,191,0,.5);padding:18px;border-radius:12px;background:linear-gradient(180deg,rgba(255,191,0,.12),rgba(255,191,0,.04));color:var(--white);text-align:center;transition:transform .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(255,191,0,.25)}

.cases{grid-template-columns:1fr}
@media(min-width:900px){.cases{grid-template-columns:repeat(3,1fr)}}
.case{border:1px solid rgba(255,191,0,.5);padding:18px 18px 26px;border-radius:12px;background:linear-gradient(180deg,rgba(255,191,0,.12),rgba(255,191,0,.04));color:var(--white)}
.case h3{margin:0 0 10px;color:var(--white)}
.link{color:var(--amber);text-decoration:none}
.link:hover{text-shadow:0 0 14px rgba(255,191,0,.6)}

.contact{display:flex;gap:12px;flex-wrap:wrap}

.resume-actions{display:flex;gap:12px;margin-bottom:16px}
.resume-viewer{border:1px solid rgba(255,191,0,.5);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,rgba(255,191,0,.08),rgba(255,191,0,.03));height:70vh;box-shadow:0 0 22px rgba(255,191,0,.18)}
.resume-viewer object{width:100%;height:100%}

.footer{display:none}
.scroll{font-size:12px;text-transform:uppercase;letter-spacing:.2em;opacity:.7}

.statusbar{position:fixed;left:var(--sidebar-c);right:20px;bottom:12px;display:flex;gap:12px;align-items:center;padding:10px 14px;border:1px solid rgba(255,191,0,.5);border-radius:12px;background:linear-gradient(180deg,#0a0a0a,#000);color:var(--white);z-index:6;box-shadow:0 0 24px rgba(255,191,0,.25)}
.sidebar ~ .statusbar{left:var(--sidebar-w)}
.sidebar.collapsed ~ .statusbar{left:var(--sidebar-c)}
.statusbar .keys{opacity:.8}
.statusbar .current{margin-left:auto;color:var(--amber)}
.statusbar .hint{opacity:.7}

main{margin-left:var(--sidebar-w);transition:margin-left .25s ease;padding-bottom:84px}
.sidebar.collapsed ~ main{margin-left:var(--sidebar-c)}

.overlay{position:fixed;inset:0;z-index:20000;background:rgba(0,0,0,.9);display:grid;place-items:center}
.hidden{display:none}
.panel{width:min(900px,92vw);max-height:92vh;overflow:auto;border:1px solid rgba(255,191,0,.5);border-radius:12px;background:linear-gradient(180deg,#0a0a0a,#000);box-shadow:0 0 28px rgba(255,191,0,.3);padding:20px;color:var(--white)}
.panel-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.panel-header h3{margin:0;color:var(--white)}
.panel-tools{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted)}
.close{border:1px solid rgba(255,191,0,.5);background:#000;color:var(--amber);border-radius:8px;padding:6px 10px}
.esc-hint{font-size:12px;opacity:.75}
.help-grid{grid-template-columns:repeat(2,1fr)}
@media(min-width:720px){.help-grid{grid-template-columns:repeat(3,1fr)}}
.palette-box{width:min(640px,92vw)}
.palette-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,191,0,.4);background:rgba(0,0,0,.35);color:var(--white)}
.palette-list{margin-top:12px;max-height:40vh;overflow:auto}
.palette-list .item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:10px}
.palette-list .item.active{background:rgba(255,191,0,.1)}
.modal-box{width:min(700px,92vw)}
.visible{transform:translateY(0);opacity:1}
.section{opacity:.98;transform:translateY(24px);transition:transform .6s ease,opacity .6s ease}

@keyframes blink{0%{opacity:1}49%{opacity:1}50%{opacity:.15}100%{opacity:.15}}
@keyframes flicker{0%{opacity:.92}5%{opacity:.88}10%{opacity:.94}15%{opacity:.9}20%{opacity:.96}25%{opacity:.88}30%{opacity:.93}35%{opacity:.89}40%{opacity:.95}45%{opacity:.92}50%{opacity:.94}55%{opacity:.88}60%{opacity:.96}65%{opacity:.9}70%{opacity:.93}75%{opacity:.88}80%{opacity:.96}85%{opacity:.92}90%{opacity:.95}95%{opacity:.89}100%{opacity:.94}}
body{animation:flicker 8s infinite}
:root{--amber:#ffbf00;--amber-soft:#f5b642;--bg:#0a0a0a;--bg2:#000000;--ink:#1a1a1a;--muted:#b38f00;--white:#fef5d6;--sidebar-w:220px;--sidebar-c:68px;--taskbar-h:56px}
.app-views{margin-top:18px;max-height:62vh;overflow:auto;padding-right:6px}
.view{display:none}
.view.active{display:block}
.view h2{font-size:22px;margin:0 0 16px;color:var(--white)}
.ascii{color:var(--white);opacity:.95}
.mono{font-family:"JetBrains Mono",monospace}
.list{list-style:none;padding:0;margin:10px 0}
.list li{padding:6px 0;border-bottom:1px dashed rgba(255,191,0,.2)}
.hint-line{margin-top:10px;color:var(--muted)}
.link-line{color:var(--amber);text-decoration:none}
.link-line:hover{text-shadow:0 0 12px rgba(255,191,0,.6)}
.desktop{position:fixed;inset:0;z-index:4;padding:24px}
.desktop-icons{position:absolute;inset:0}
.desktop-icon{position:absolute;width:96px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--white);cursor:pointer;user-select:none;padding:6px}
.desktop-icon::before{display:block}
.desktop-icon .icon{width:56px;height:56px;filter:drop-shadow(0 0 8px rgba(255,191,0,.3))}
.desktop-icon .label{margin-top:4px;padding:4px 10px;border-radius:12px;border:1px solid rgba(255,191,0,.3);background:rgba(0,0,0,.35);color:var(--white);font-size:12px}
.desktop-icon:hover .label,.desktop-icon.active .label{box-shadow:0 0 16px rgba(255,191,0,.35);background:rgba(255,191,0,.12)}
.desktop-icon:hover .icon,.desktop-icon.active .icon{filter:drop-shadow(0 0 12px rgba(255,191,0,.45))}

.app-window{position:fixed;display:flex;flex-direction:column;max-height:calc(100vh - var(--taskbar-h) - 24px);background:linear-gradient(180deg,#0a0a0a,#000);border:1px solid rgba(255,191,0,.5);border-radius:12px;box-shadow:0 0 24px rgba(255,191,0,.25);min-width:520px;min-height:220px;z-index:5;overflow:hidden}
.app-window.maximized{left:0;top:0;right:0;bottom:var(--taskbar-h);width:auto;height:auto}
.app-titlebar{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid rgba(255,191,0,.25);background:linear-gradient(180deg,rgba(255,191,0,.18),rgba(255,191,0,.06))}
.app-title{color:var(--white)}
.app-controls{margin-left:auto;display:flex;gap:6px}
.win-btn{border:1px solid rgba(255,191,0,.5);background:#000;color:var(--amber);border-radius:8px;padding:4px 8px;cursor:pointer;transition:background .12s, transform .12s, box-shadow .12s}
.win-btn[disabled]{opacity:.45;color:#777;border-color:rgba(255,191,0,.2);pointer-events:none}
.win-btn:hover{background:rgba(255,191,0,.12);box-shadow:0 0 10px rgba(255,191,0,.35)}
.win-btn:active{background:rgba(255,191,0,.22);transform:translateY(1px)}
.app-content{height:100%;flex:1 1 auto;min-height:0;max-height:inherit;overflow-y:auto;overflow-x:hidden;padding:12px 12px calc(60px + env(safe-area-inset-bottom))}
/* Markdown content should not be its own scroll container; parent handles scroll */
.md-content{overflow:visible;max-height:none;padding-bottom:36px}

/* Custom scrollbars matching amber theme */
.app-content,.panel,.md-content{scrollbar-color:var(--amber) rgba(255,191,0,.12);scrollbar-width:thin;scrollbar-gutter:stable}
.app-content::-webkit-scrollbar,.panel::-webkit-scrollbar,.md-content::-webkit-scrollbar{width:10px;height:10px}
.app-content::-webkit-scrollbar-track,.panel::-webkit-scrollbar-track,.md-content::-webkit-scrollbar-track{background:rgba(255,191,0,.08);border-radius:10px}
.app-content::-webkit-scrollbar-thumb,.panel::-webkit-scrollbar-thumb,.md-content::-webkit-scrollbar-thumb{background:var(--amber);border-radius:10px;border:2px solid rgba(0,0,0,.6)}
.app-content::-webkit-scrollbar-thumb:hover,.panel::-webkit-scrollbar-thumb:hover,.md-content::-webkit-scrollbar-thumb:hover{background:var(--amber-soft)}

.resize-handle{position:absolute;right:0;bottom:0;width:14px;height:14px;border-right:3px solid rgba(255,191,0,.45);border-bottom:3px solid rgba(255,191,0,.45);border-bottom-right-radius:10px;background:transparent;box-shadow:none;cursor:nwse-resize}

.mail-form pre{background:rgba(255,191,0,.06);padding:12px;border-radius:10px;border:1px dashed rgba(255,191,0,.3)}
.mail-compose{display:flex;flex-direction:column;gap:10px}
.mail-compose .row{display:flex;align-items:center;gap:10px}
.mail-compose label{display:inline-block;min-width:70px;color:var(--white)}
.mail-compose a.mailto{color:var(--amber);text-decoration:none}
.mail-compose a.mailto:hover{text-decoration:underline}
.mail-compose input,.mail-compose textarea{flex:1;border:1px solid rgba(255,191,0,.35);background:rgba(0,0,0,.25);color:var(--white);border-radius:10px;padding:8px;font-family:inherit}
.mail-compose textarea{min-height:160px}
.mail-compose input:focus,.mail-compose textarea:focus{outline:none;box-shadow:0 0 0 2px rgba(255,191,0,.35)}
.mail-compose .actions{display:flex;gap:10px;justify-content:flex-end}
.mail-compose .btn{border:1px solid rgba(255,191,0,.5);background:#000;color:var(--amber);border-radius:10px;padding:6px 12px;cursor:pointer}
.mail-compose .btn.ghost{background:transparent;color:var(--white);border-color:rgba(255,191,0,.35)}
.mail-compose .status{min-height:20px;color:var(--white);opacity:.8}
.mail-compose .btn[disabled]{opacity:.6;cursor:not-allowed}
.mail-compose .status.success{color:#0aff6d}
.mail-compose .status.error{color:#ff4d00}

.sidebar{display:none}
main{margin-left:0;padding-bottom:84px}
.statusbar{display:none}
.taskbar{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:8px 12px;border-top:1px solid rgba(255,191,0,.35);background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.5));backdrop-filter:blur(6px);z-index:10000}
.start-btn{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,191,0,.5);background:rgba(0,0,0,.4);color:var(--white);border-radius:12px;padding:6px 12px;cursor:pointer}
.task-items{display:flex;gap:10px}
.dock-item{display:flex;align-items:center;gap:8px;color:var(--white);background:transparent;border:1px solid rgba(255,191,0,.35);border-radius:12px;padding:6px 10px;cursor:pointer}
.dock-item .icon{width:20px;height:20px}
.dock-item .label{font-size:12px;color:var(--muted)}
.dock-item .indicator{width:6px;height:6px;border-radius:50%;background:transparent;box-shadow:0 0 0 1px rgba(255,191,0,.5)}
.dock-item.active .indicator{background:var(--amber);box-shadow:0 0 8px rgba(255,191,0,.6)}
.dock-item.minimized{opacity:.8}
.clock{margin-left:auto;color:var(--white)}

.start-menu{position:fixed;left:12px;bottom:56px;width:220px;border:1px solid rgba(255,191,0,.5);border-radius:12px;background:linear-gradient(180deg,#0a0a0a,#000);box-shadow:0 0 28px rgba(255,191,0,.35);z-index:10001;padding:10px}
.start-header{color:var(--white);font-weight:700;margin:4px 8px 8px}
.start-item{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;padding:8px 10px;border-radius:10px}
.start-item:hover{background:rgba(255,191,0,.12)}
.start-item.has-submenu{position:relative;display:flex;align-items:center;gap:8px}
.start-item.has-submenu .submenu-arrow{margin-left:auto;color:var(--muted)}
.start-menu .icon-mask{flex:0 0 20px}
.start-menu .label{line-height:1.2}
.start-submenu{position:absolute;left:100%;top:0;min-width:220px;border:1px solid rgba(255,191,0,.5);border-radius:12px;background:linear-gradient(180deg,#0a0a0a,#000);box-shadow:0 0 28px rgba(255,191,0,.35);padding:10px;display:none}
.start-item.has-submenu:hover .start-submenu{display:block}
.start-item.has-submenu.open .start-submenu{display:block}
.start-subitem{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;padding:8px 10px;border-radius:10px}
.start-subitem:hover{background:rgba(255,191,0,.12)}
.file-list{display:flex;flex-direction:column;gap:8px}
.file-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(255,191,0,.25);border-radius:10px;background:rgba(0,0,0,.25);cursor:pointer}
.file-item:hover{background:rgba(255,191,0,.12);box-shadow:0 0 12px rgba(255,191,0,.25)}
.file-icon{filter:drop-shadow(0 0 6px rgba(255,191,0,.3))}
/* Desktop icons: swap inline SVGs with Lucide assets */
.desktop-icon[data-app="terminal"] .icon,
.desktop-icon[data-app="welcome"] .icon,
.desktop-icon[data-app="files"] .icon,
.desktop-icon[data-app="mail"] .icon,
.desktop-icon[data-app="resume"] .icon,
.desktop-icon[data-app="pong"] .icon{display:none}
.desktop-icon[data-app="terminal"]::before{content:"";width:22px;height:22px;background:var(--amber);-webkit-mask:url(icons/square-terminal.svg) no-repeat center/contain;mask:url(icons/square-terminal.svg) no-repeat center/contain}
.desktop-icon[data-app="welcome"]::before{content:"";width:22px;height:22px;background:var(--amber);-webkit-mask:url(icons/file-txt.svg) no-repeat center/contain;mask:url(icons/file-txt.svg) no-repeat center/contain}
.desktop-icon[data-app="files"]::before{content:"";width:22px;height:22px;background:var(--amber);-webkit-mask:url(icons/folder.svg) no-repeat center/contain;mask:url(icons/folder.svg) no-repeat center/contain}
.desktop-icon[data-app="mail"]::before{content:"";width:22px;height:22px;background:var(--amber);-webkit-mask:url(icons/mail.svg) no-repeat center/contain;mask:url(icons/mail.svg) no-repeat center/contain}
.desktop-icon[data-app="resume"]::before{content:"";width:22px;height:22px;background:var(--amber);-webkit-mask:url(icons/file-chart-pie.svg) no-repeat center/contain;mask:url(icons/file-chart-pie.svg) no-repeat center/contain}
.desktop-icon[data-app="pong"]::before{content:"";width:22px;height:22px;background:var(--amber);-webkit-mask:url(icons/game.svg) no-repeat center/contain;mask:url(icons/game.svg) no-repeat center/contain}
.desktop-icon:hover::before,.desktop-icon.active::before{filter:drop-shadow(0 0 10px rgba(255,191,0,.45))}

/* Files app: icon-view grid */
.file-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}
.file-item{flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid rgba(255,191,0,.25);border-radius:12px;background:rgba(0,0,0,.25)}
.file-item .file-icon{display:none}
.file-item::before{content:"";width:22px;height:22px;background:var(--amber);-webkit-mask:url(icons/file-txt.svg) no-repeat center/contain;mask:url(icons/file-txt.svg) no-repeat center/contain}
.file-item .file-name{text-align:center;font-size:12px;color:var(--white)}

.files-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.files-toolbar .path{color:var(--white);font-weight:700}
.files-toolbar .tools{margin-left:auto;display:flex;gap:8px}
.files-toolbar .input{border:1px solid rgba(255,191,0,.35);background:rgba(0,0,0,.25);color:var(--white);border-radius:10px;padding:6px 10px}
.files-toolbar select{border:1px solid rgba(255,191,0,.35);background:rgba(0,0,0,.25);color:var(--white);border-radius:10px;padding:6px 10px}
.files-toolbar .btn{border:1px solid rgba(255,191,0,.5);background:#000;color:var(--amber);border-radius:10px;padding:6px 10px}

.file-view{min-height:180px}
.file-view.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}
.file-view.list{display:flex;flex-direction:column;gap:8px}
.file-view.list .file-item{flex-direction:row;align-items:center}
.file-view.grid .file-item{flex-direction:column;align-items:center}
.file-view .file-item{display:flex;gap:8px;padding:6px;background:transparent;border:none;border-radius:0;cursor:pointer}
.file-view .file-item.hidden{display:none}
.file-view.grid .file-item::before{content:"";width:44px;height:44px;background:var(--amber);-webkit-mask:url(icons/file-txt.svg) no-repeat center/contain;mask:url(icons/file-txt.svg) no-repeat center/contain;margin-bottom:8px}
.file-view.list .file-item::before{content:"";width:22px;height:22px;background:var(--amber);-webkit-mask:url(icons/file-txt.svg) no-repeat center/contain;mask:url(icons/file-txt.svg) no-repeat center/contain;margin-right:8px}
.file-view.grid .file-item .file-name{text-align:center}
.file-view.list .file-item .file-name{text-align:left}
.file-view .file-item .file-name{text-decoration:none}
.file-view .file-item:hover .file-name{text-decoration:underline;text-underline-offset:2px}
.file-view .file-item.active{box-shadow:none;background:transparent}
.file-view .file-item:hover{background:transparent;box-shadow:none}
.files-status{margin-top:10px;color:var(--muted)}

.icon-mask{width:20px;height:20px;background:var(--amber);display:inline-block}
.icon-mask[data-icon="game"]{-webkit-mask:url(icons/game.svg) no-repeat center/contain;mask:url(icons/game.svg) no-repeat center/contain}
.icon-mask[data-icon="folder"]{-webkit-mask:url(icons/folder.svg) no-repeat center/contain;mask:url(icons/folder.svg) no-repeat center/contain}
.icon-mask[data-icon="file-txt"]{-webkit-mask:url(icons/file-txt.svg) no-repeat center/contain;mask:url(icons/file-txt.svg) no-repeat center/contain}
.icon-mask[data-icon="square-terminal"]{-webkit-mask:url(icons/square-terminal.svg) no-repeat center/contain;mask:url(icons/square-terminal.svg) no-repeat center/contain}
.icon-mask[data-icon="mail"]{-webkit-mask:url(icons/mail.svg) no-repeat center/contain;mask:url(icons/mail.svg) no-repeat center/contain}
.icon-mask[data-icon="file-chart-pie"]{-webkit-mask:url(icons/file-chart-pie.svg) no-repeat center/contain;mask:url(icons/file-chart-pie.svg) no-repeat center/contain}

.start-btn .start-icon{width:18px;height:18px;background:var(--amber);display:inline-block;-webkit-mask:url(icons/start.svg) no-repeat center/contain;mask:url(icons/start.svg) no-repeat center/contain}
.icon-pong{display:none}
.app-titlebar,.app-title,.app-controls,.win-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.app-window[data-app="pong"] .resize-handle{display:none}