:root{color-scheme:dark;font-family:"Courier New",Consolas,monospace;font-size:16px;color:#e2e0d5;background:#141514}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;background:radial-gradient(ellipse at center,#353630,#0b0c0b 80%);padding:clamp(8px,2vw,28px)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px dashed #fff2ab;outline-offset:4px}[hidden]{display:none!important}.monitor{max-width:1600px;margin:auto;padding:clamp(10px,1.8vw,24px);padding-bottom:0;border-radius:44px;background:linear-gradient(135deg,#3b3d38,#22241f 50%,#41433b);box-shadow:inset 2px 2px 4px #5c5d52,inset -3px -3px 6px #111,0 20px 50px #0009}.glass{position:relative;isolation:isolate;min-height:calc(100svh - 100px);overflow:hidden;border-radius:clamp(26px,4vw,66px) / clamp(30px,6vw,90px);background:#111213;box-shadow:0 0 0 5px #0b0d0a}.glass:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 22px 7px #000c,inset 0 0 100px 15px #0005;background:radial-gradient(ellipse at 50% 20%,#fff1,transparent 45%)}#grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:16;opacity:.19;mix-blend-mode:soft-light;image-rendering:pixelated}.crt{position:absolute;inset:0;z-index:17;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#ff000009 0 1px,#00ff0009 1px 2px,#0000ff09 2px 3px);opacity:.65}.bezel{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:11px;letter-spacing:.18em;color:#939589}.power-light{width:7px;height:7px;border-radius:50%;background:#b6c56b;box-shadow:0 0 7px #bfd371}.login{position:relative;min-height:calc(100svh - 100px);display:grid;place-items:center;background:#171718;background-image:radial-gradient(#9e9d9240 .7px,transparent 1px);background-size:5px 5px}.login-block{width:min(470px,80%);padding-bottom:2rem;text-align:center;text-shadow:2px 0 #d2d0ba30,-1px 0 #8ca0cf30}.wordmark{display:flex;align-items:center;justify-content:center;gap:12px}.wordmark h1{font-size:clamp(30px,4.5vw,54px);letter-spacing:-4px;line-height:1;margin:0;font-weight:900;color:#dddccd}sup{font-size:.35em;letter-spacing:-1px}.rainbow{font-size:58px;line-height:1;color:#a9b8bc;text-shadow:-3px -3px #c3bd7e,-6px -6px #b38265,-9px -9px #8c5759;transform:rotate(-35deg)}.edition{text-align:right;margin:12px 12px 48px;font-size:14px;font-weight:bold;letter-spacing:.15em}#login-form label{display:block;margin-bottom:15px;font-weight:bold;font-size:17px}.password-row{display:flex;position:relative;padding-right:36px}.password-row input{background:#cccac4;color:#27272b;border:3px solid;border-color:#55545c #eeeae2 #eeeae2 #55545c;min-width:0;width:100%;height:44px;padding:6px 12px;border-radius:0}.password-row button[type=submit]{background:#7b8caf;color:#eee6d0;font-size:30px;border:3px outset #a8b3ce;width:49px;height:44px;line-height:1}#hint{position:absolute;right:-6px;top:7px;background:transparent;color:#d5d3b5;border:2px solid #d5d3b5;border-radius:50%;width:27px;height:27px;font-weight:bold;padding:0}#login-message{min-height:42px;font-size:14px;color:#c0beb0;margin-top:18px}#login-message.error{color:#eab5a7}.login-footer{position:absolute;bottom:35px;left:45px;right:45px;display:flex;justify-content:space-between;font-size:12px;color:#a6a495}.sound{border:0;background:transparent;color:inherit;padding:5px}.boot{min-height:calc(100svh - 100px);display:grid;place-items:center;background:#131515;color:#b1c7af}.boot>div{width:min(650px,80%)}.boot pre{white-space:pre-wrap;min-height:180px;font:inherit;font-size:14px}.boot button{border:1px solid #8c9b80;background:transparent;color:inherit;padding:8px}.desktop{position:relative;min-height:calc(100svh - 100px);background:#8598bb;background-image:radial-gradient(#33465d55 .8px,transparent 1px),radial-gradient(#e4e5d740 .8px,transparent 1px);background-size:6px 6px,9px 9px;color:#1c2026;padding:60px 34px 65px}.menu-bar{position:absolute;top:0;left:0;right:0;height:42px;padding:0 32px;display:flex;align-items:center;gap:24px;background:#c0c0b8;border-bottom:3px solid #343943;box-shadow:0 2px #99a1b2;font-size:16px}.menu-bar button{border:0;background:transparent;color:#222629;padding:4px}.os-menu{font-weight:900;font-style:italic;font-size:23px;white-space:nowrap}.mini-rainbow{color:#a57971;text-shadow:-2px -2px #dfcc80;font-style:normal}.menu-right{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:13px;white-space:nowrap}.desktop-caption{position:absolute;top:100px;right:70px;text-align:right;color:#334361}.desktop-caption h2{font-size:clamp(24px,3.4vw,42px);font-weight:400;letter-spacing:-2px;margin:0}.desktop-caption p{margin:8px 0;font-size:14px}.apps{display:grid;grid-template-columns:repeat(2,115px);gap:25px 18px;width:max-content;margin-top:38px}.app{border:1px solid transparent;display:flex;flex-direction:column;align-items:center;gap:8px;color:#18232f;background:none;font-weight:bold;text-shadow:1px 1px #c9d3e2;font-size:16px;min-height:112px;padding:6px 3px}.app:hover,.app:focus-visible{background:#d4ddec25;border:1px dotted #283956}.icon{display:grid;place-items:center;width:57px;height:57px;line-height:1;font-size:53px;font-weight:bold;color:#d7d2b8;text-shadow:2px 2px #34322d,-1px -1px #eee2ae;filter:drop-shadow(3px 3px 0 #273440);font-family:monospace}.folder{color:#d5ad69;font-size:65px;transform:rotate(-5deg)}.disk{color:#666979}.flag{color:#afb990}.console-icon{font-size:25px;border:4px ridge #d1d0c1;background:#243e36;color:#b6c8a2;width:59px;height:49px;margin:4px 0}.welcome{position:absolute;bottom:110px;right:60px;width:300px;padding:24px;background:#d8d1a5;border:2px solid #343330;box-shadow:5px 5px #27364b55;color:#333124;transform:rotate(-1deg);line-height:1.65;font-size:16px}.welcome:after{content:"";position:absolute;bottom:-14px;right:34px;width:18px;height:18px;background:#d8d1a5;border-right:2px solid #343330;border-bottom:2px solid #343330;transform:skewY(40deg)}.welcome p{margin:0 0 14px}.welcome>span{font-size:14px}.welcome button{position:absolute;right:5px;top:2px;border:0;background:none;color:#6c6751;font-size:22px}.app-window{position:absolute;z-index:10;left:50%;top:53%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 80px));max-height:calc(100% - 115px);display:flex;flex-direction:column;background:#cfcec1;border:3px outset #e2e0ce;box-shadow:7px 8px #22304780;color:#272a28}.window-bar{display:flex;align-items:center;justify-content:space-between;background:#4b576f;color:#eeedde;padding:5px 8px;font-size:16px;user-select:none}.window-bar button{width:26px;height:26px;border:2px outset #dedbcf;background:#c4c2b7;color:#272b33;font-size:23px;line-height:16px}.window-content{overflow:auto;padding:24px;line-height:1.7;font-size:16px;background:#e0ded0;margin:6px;border:2px inset #eee9dc;min-height:160px}.window-content p{margin:0 0 18px}.window-content p:last-child{margin-bottom:0}.window-content h3{margin:0 0 18px;font-size:21px}.window-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;font-size:12px}.window-footer button{border:2px outset #eee9dc;background:#c7c5b9;color:#30322e;padding:6px;font-size:13px}.desktop-status{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:#b7b9b2;border-top:2px solid #dde0d3;padding:9px 34px;font-size:12px}.console-form{display:flex;gap:8px;flex-wrap:wrap}.console-form label{width:100%}.console-form input{flex:1;min-width:100px;background:#26362e;color:#d4e2c7;border:2px inset #afb4a4;padding:9px}.console-form button{background:#c7c5b9;color:#30322e;border:2px outset #eee9dc}.console-help{font-size:14px}
@media(max-width:700px){body{padding:8px}.monitor{padding:9px 9px 0;border-radius:28px}.glass{border-radius:25px / 38px;min-height:calc(100svh - 62px)}.login,.boot,.desktop{min-height:calc(100svh - 62px)}.bezel{height:29px;padding:0 10px;font-size:9px}.menu-bar{padding:0 15px;gap:10px}.menu-label,#clock{display:none}.menu-right{gap:5px;font-size:11px}.os-menu{font-size:18px}.desktop{padding:60px 18px 60px}.desktop-caption{position:static;text-align:left;margin:5px 0 20px}.desktop-caption h2{letter-spacing:-1px}.apps{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:15px 4px;margin:0}.app{font-size:13px;min-height:99px}.welcome{position:relative;right:auto;bottom:auto;width:calc(100% - 15px);margin:24px 8px 10px;font-size:14px;padding:18px}.app-window{width:calc(100% - 24px);max-height:calc(100% - 85px);top:50%}.window-content{padding:16px}.window-footer{font-size:10px}.login-footer{left:24px;right:24px;bottom:25px;font-size:10px}.edition{margin-bottom:35px;font-size:11px}.login-block{width:80%}#login-form label{font-size:14px}.desktop-status{padding:8px 18px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
:root .boot{position:relative;background:#171718;background-image:radial-gradient(#9e9d9240 .7px,transparent 1px);background-size:5px 5px}
.boot .boot-brand{width:min(470px,80%);text-align:center;padding-bottom:2rem}
.boot .wordmark h2{font-size:clamp(30px,4.5vw,54px);letter-spacing:-4px;line-height:1;margin:0;font-weight:900;color:#dddccd}
.boot .edition{margin-bottom:58px;color:#dddccd}
.loading-bar{width:178px;height:25px;margin:auto;padding:3px;border:2px solid #d6d4c4;border-radius:7px;background:#181819;box-shadow:1px 1px #000}
.loading-segments{display:flex;gap:2px;height:100%}
.loading-segments span{width:14px;flex:none;background:#e2e0d4;box-shadow:inset 1px 0 #fff8}
.boot #skip{position:absolute;bottom:22px;right:34px;border:0;padding:8px;background:transparent;color:#8a897f;font-size:12px;opacity:.45}
.boot #skip:hover,.boot #skip:focus-visible{opacity:1;color:#dedccc}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app{position:relative;touch-action:none;user-select:none}
.app.dragging{z-index:12;cursor:grabbing;background:#d4ddec40}
.window-bar{touch-action:none;cursor:grab}
.app-window.dragging .window-bar{cursor:grabbing}
.boot .startup-commands{width:min(760px,82%);height:350px;min-height:0;margin:0;font:clamp(12px,1.4vw,16px)/1.8 "Courier New",monospace;color:#b1c7af;white-space:pre-wrap;overflow:auto}
.startup-commands:after{content:"█"}
.assistant{position:absolute;right:48px;bottom:54px;z-index:8;width:104px;padding:0;border:0;background:transparent;color:#23324a;font-size:12px;font-weight:bold;text-shadow:1px 1px #c9d3e2}
.assistant img{display:block;width:104px;height:104px;object-fit:contain;image-rendering:pixelated;user-select:none;animation:smiley-bob 3.4s steps(6,end) infinite;filter:drop-shadow(3px 4px 0 #26324840)}
.assistant span{display:block;margin-top:-5px}
.welcome.assistant-bubble{bottom:200px;right:52px;width:285px;z-index:8;font-size:15px;line-height:1.6}
.assistant-bubble:after{right:42px}
.welcome #assistant-suggest{position:static;font-size:13px;padding:5px 8px;border:2px outset #eee6bf;background:#c9c192;color:#363326}
.assistant.giggling img{animation:smiley-giggle .6s steps(2,end)}
@keyframes smiley-bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes smiley-giggle{0%,100%{transform:rotate(0) scale(1)}20%,60%{transform:rotate(-9deg) scale(1.07,.93)}40%,80%{transform:rotate(9deg) scale(.97,1.04)}}
@media(max-width:700px){.assistant{right:24px;bottom:53px;width:82px}.assistant img{width:82px;height:82px}.welcome.assistant-bubble{position:relative;right:auto;bottom:auto;width:calc(100% - 10px);margin:24px 5px 85px;font-size:14px}.desktop{padding-bottom:70px}}
.volume-control{display:flex;align-items:center;gap:9px;font-size:12px}
.volume-control output{min-width:35px;text-align:right}
.volume-control input{appearance:none;width:115px;height:9px;margin:0;background:#787d7c;border:2px inset #d5d5c8;border-radius:0;cursor:pointer}
.volume-control input::-webkit-slider-thumb{appearance:none;width:15px;height:21px;background:#c8c7bc;border:2px outset #eeebd9;border-radius:0;box-shadow:1px 1px #515760}
.volume-control input::-moz-range-thumb{width:11px;height:17px;background:#c8c7bc;border:2px outset #eeebd9;border-radius:0}
@media(max-width:700px){.desktop-status .status-os{display:none}.volume-control{font-size:11px;gap:5px}.volume-control input{width:75px}.volume-control output{min-width:28px}}
.apps .app{touch-action:manipulation;cursor:default}
.apps .app.selected{background:#344f8a88;border:1px dotted #e1e8f5;color:#fff;text-shadow:1px 1px #263b65}
.apps .app.selected .icon{filter:drop-shadow(3px 3px 0 #273440) brightness(.85) sepia(.15)}
.selection-box{position:absolute;z-index:9;pointer-events:none;border:1px solid #d2e1ff;background:#365b9940}
.desktop-caption{user-select:none}
.apps .app{touch-action:none}
.app-window.projects-window{width:min(960px,calc(100% - 80px))}
.projects-window .window-content{padding:0}
.project-browser{display:grid;grid-template-columns:205px minmax(0,1fr)}
.project-files{background:#c6c8be;border-right:2px inset #eeebdc;padding:12px 8px;display:flex;flex-direction:column;gap:5px}
.project-files button{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid transparent;padding:9px 5px;background:transparent;color:#303629;font-size:13px;overflow-wrap:anywhere}
.project-files button.active{background:#4b576f;color:#eeedde;border:1px dotted #d9dfec}
.project-file-icon{font-size:24px}
.project-detail{padding:24px;min-width:0}
.project-detail .project-path{font-size:12px;color:#68705f;overflow-wrap:anywhere;margin-bottom:14px}
.project-detail h3{font-size:23px;line-height:1.3;margin-bottom:8px}
.project-detail .project-date{font-size:14px;margin-bottom:12px;color:#505747}
.project-detail .project-stack{padding:10px 12px;border:2px inset #ebe8db;background:#d0d1c4;font-size:14px;line-height:1.65}
.project-detail h4{font-size:14px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #a9ac9c;padding-bottom:8px;margin:22px 0 14px}
.project-detail ul{padding-left:20px;margin:0}
.project-detail li{margin:0 0 18px}
.project-detail li:last-child{margin-bottom:0}
@media(max-width:700px){.app-window.projects-window{width:calc(100% - 24px)}.project-browser{grid-template-columns:1fr}.project-files{border-right:0;border-bottom:2px inset #eeebdc;padding:8px}.project-files button{padding:6px;font-size:12px}.project-detail{padding:16px}.project-detail h3{font-size:20px}}
.desktop .app-window{left:30px;top:72px;transform:none;width:min(720px,calc(100% - 360px));max-height:calc(100% - 125px)}
.desktop .app-window.projects-window{width:min(900px,calc(100% - 360px))}
.experience-heading{border-bottom:2px solid #989c8b;padding-bottom:14px;margin-bottom:16px}
.experience-heading h3{margin-bottom:3px;font-size:24px}
.experience-heading p{font-size:12px;color:#626953;margin:0}
.experience-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}
.experience-tabs button{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 10px;border:2px outset #eceadd;background:#c4c8bc;color:#333b31;font-size:13px}
.experience-tabs button>span:first-child{font-size:22px;color:#5f6d58}
.experience-tabs button.active{background:#4f6151;color:#f0ecda;border-style:inset}
.experience-tabs button.active>span:first-child{color:#c0cba9}
.experience-record{background:#eee7ce;border:1px solid #a5a38e;padding:23px;box-shadow:3px 3px #9a9d8a}
.experience-record .record-number{font-size:12px;letter-spacing:.08em;color:#6f7359;border-bottom:1px dashed #9da184;padding-bottom:12px}
.experience-record h3{font-size:24px;line-height:1.3;margin-bottom:8px}
.experience-record .record-organization{font-size:16px;font-weight:bold;color:#4d5b41}
.experience-record dl{margin:20px 0;border-top:1px solid #c0bda5;border-bottom:1px solid #c0bda5;padding:10px 0;font-size:14px}
.experience-record dl div{display:grid;grid-template-columns:85px 1fr;gap:10px;margin:5px 0}
.experience-record dt{color:#6a6e54}.experience-record dd{margin:0}
.experience-record h4{text-transform:uppercase;font-size:13px;letter-spacing:.08em}
.experience-record ul{padding-left:20px}.experience-record li{margin-bottom:16px}
@media(max-width:900px){.desktop .app-window,.desktop .app-window.projects-window{left:12px;top:64px;width:calc(100% - 24px);max-height:calc(100% - 480px)}.desktop:has(.app-window:not([hidden])){min-height:max(calc(100svh - 62px),850px)}.desktop:has(.app-window:not([hidden])) .welcome.assistant-bubble{position:absolute;bottom:148px;right:25px;left:auto;width:min(285px,calc(100% - 50px));margin:0}.desktop:has(.app-window:not([hidden])) .assistant{bottom:45px}.experience-tabs{gap:5px}.experience-tabs button{padding:8px;font-size:12px}.experience-record{padding:16px}.experience-record h3{font-size:21px}}
@media(max-width:900px){.desktop .app-window,.desktop .app-window.projects-window{max-height:calc(100% - 480px)}.desktop:has(.app-window:not([hidden])) .welcome.assistant-bubble{max-height:245px;overflow-y:auto}}
.about-education{border:2px inset #ebe8d9;background:#d0d2c3;padding:16px 18px;margin:0 0 24px}
.about-education h4{font-size:20px;line-height:1.4;margin:0 0 5px}
.window-content .about-education p{margin:0 0 5px}
.window-content .about-education .education-details{font-size:14px;color:#505a45;margin-bottom:0}
.contact-card{position:relative;background:#efe8d0;border:1px solid #aba68d;box-shadow:4px 4px #a3a68f;padding:24px;margin-top:23px}
.contact-tab{position:absolute;top:-24px;left:-1px;height:24px;padding:3px 18px;background:#d2c494;border:1px solid #aba68d;border-bottom:0;font-size:12px;letter-spacing:.08em}
.contact-card header{border-bottom:2px solid #a8a287;padding-bottom:15px;margin-bottom:8px}
.contact-card header h3{font-size:27px;margin:0 0 3px}
.contact-card header p{font-size:14px;color:#62664e;margin:0}
.contact-card dl{margin:0}
.contact-card dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid #c4bea4}
.contact-card dl>div:last-child{border-bottom:0}
.contact-card dt{font-size:13px;text-transform:uppercase;color:#6a6e55;padding-top:3px}
.contact-card dd{margin:0;overflow-wrap:anywhere}
.contact-card a{color:#354d73;text-decoration-thickness:1px;text-underline-offset:4px}
.contact-card a:hover{color:#182c50;background:#d4d8c5}
@media(max-width:700px){.contact-card{padding:16px}.contact-card header h3{font-size:23px}.contact-card dl>div{grid-template-columns:1fr;gap:3px;padding:12px 0}.contact-card a{font-size:15px}}
.leadership-window .window-content{background:#868d75;padding:20px}
.leadership-board{color:#303b2b}
.club-banner{padding:20px;background:#d9ddc9;border:2px outset #e9ecdf;box-shadow:3px 3px #4d574c;margin-bottom:22px}
.club-banner>p:first-child{font-size:12px;letter-spacing:.1em;color:#596b4b;margin:0 0 12px}
.club-banner h3{font-size:26px;line-height:1.3;margin:0 0 14px}
.club-banner .club-badge{display:inline-block;border:1px solid #627358;background:#b9c4a6;padding:5px 10px;font-size:14px;margin:0}
.club-notes{display:grid;gap:18px;padding:0 6px}
.club-note{position:relative;padding:22px 18px 18px;background:#ede5bb;border:1px solid #aaa06e;box-shadow:4px 4px #444d3c70}
.club-note:nth-child(2){background:#d3ddd1}.club-note:nth-child(3){background:#dbd3b8}
.club-note:before{content:"";position:absolute;top:-6px;left:calc(50% - 24px);width:48px;height:14px;background:#f5efd3a8;border:1px solid #dbd7bc66}
.club-note-number{float:right;font-size:12px;color:#6a714e}
.club-note h4{font-size:17px;margin:0 30px 12px 0;line-height:1.4}
.club-note p{font-size:16px;line-height:1.7;margin:0}
@media(max-width:700px){.leadership-window .window-content{padding:12px}.club-banner{padding:15px}.club-banner h3{font-size:22px}.club-note{padding:18px 14px}}
.bin-game{color:#33462f}.game-score{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:13px}.game-score button{background:#c9cebd;border:2px outset #eef0df;color:#34432e;padding:5px;font-size:12px}
#bin-court{display:block;width:100%;height:auto;border:3px inset #dfe3d0;touch-action:none;cursor:grab;background:#bac4ad}
#bin-court:active{cursor:grabbing}.game-instructions{font-size:14px;line-height:1.6;margin-top:14px!important}.game-instructions span{font-size:12px;color:#68735e}.game-result{font-size:14px;font-weight:bold}
.arcade-menu{display:grid;grid-template-columns:1fr 1fr;gap:14px}.arcade-menu button{min-height:125px;padding:17px;background:#c7cfbb;border:3px outset #edf0df;text-align:left;color:#30432e}.arcade-menu strong{display:block;font-size:18px;margin-bottom:12px}.arcade-menu span{display:block;font-size:14px;line-height:1.5}.arcade-back,.arcade-controls button{background:#c7cfbb;border:2px outset #edf0df;color:#30432e;padding:7px 12px;margin-bottom:12px}.arcade-canvas{display:block;width:100%;height:auto;touch-action:none;border:3px inset #dfe3d0}.arcade-controls{margin-top:12px}
@media(max-width:700px){.arcade-menu{grid-template-columns:1fr}.arcade-menu button{min-height:90px}}
.games-window .window-bar{background:#283453;color:#f1d584}
.games-window .window-content{background:#172039;color:#e2dfca;border-color:#516080;background-image:repeating-linear-gradient(0deg,transparent 0 23px,#8095c00b 23px 24px)}
.games-window .window-footer{background:#313c52;color:#e0dcca}
.arcade-header{margin-bottom:24px;border-bottom:3px double #647395;padding-bottom:20px}
.arcade-header p:first-child{font-size:11px;letter-spacing:.15em;color:#93a6cb;margin:0 0 9px}
.arcade-header h3{font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:-1px;color:#f3d482;text-shadow:3px 3px #050c20;margin:0 0 9px}
.arcade-header p:last-child{font-size:13px;color:#b2bdd3;margin:0}
.games-window .arcade-menu{gap:15px}
.games-window .cartridge{position:relative;overflow:hidden;min-height:235px;padding:18px;background:#303b55;color:#f2ecd7;border:3px outset #61718c;box-shadow:3px 3px #080f23}
.games-window .cartridge:hover{background:#3c4865;border-color:#9baccc}
.games-window .cartridge:active{border-style:inset}
.games-window .cartridge .cartridge-number{font-size:11px;letter-spacing:.08em;color:#a8b5ce;line-height:1;margin-bottom:17px}
.games-window .cartridge .cartridge-emblem{float:right;margin:0 0 10px 10px;font-size:36px;line-height:1;color:#c1d2aa;text-shadow:2px 2px #0c1527}
.games-window .cartridge strong{font-size:21px;line-height:1.2;color:#f2d283;margin-bottom:12px;max-width:155px}
.games-window .cartridge>span:not([class]){font-size:13px;line-height:1.6;color:#c0c9da;clear:both;margin-bottom:18px}
.games-window .cartridge .cartridge-play{display:inline-block;background:#d3c68e;color:#263044;border:2px outset #eee3b7;padding:3px 12px;font-size:12px;font-weight:bold;letter-spacing:.12em}
.games-window .cartridge-inbox{border-top-color:#89b8aa}.games-window .cartridge-basketball{border-top-color:#c4a478}.games-window .cartridge-stack{border-top-color:#ad9cbd}.games-window .cartridge-breakout{border-top-color:#92abc7}
.arcade-footer{font-size:10px;line-height:1.7;letter-spacing:.07em;color:#8597bb;margin-top:23px!important;border-top:1px solid #455473;padding-top:13px}
.games-window .arcade-back,.games-window .arcade-controls button,.games-window .game-score button{background:#b9c3d0;color:#263044;border-color:#e6eaf0}
.games-window .bin-game{color:#dce1ed}.games-window .game-instructions span{color:#a1b2d0}
@media(max-width:700px){.games-window .cartridge{min-height:195px}.arcade-header h3{font-size:30px}.games-window .cartridge strong{max-width:none}}
/* Convex CRT glass: rounded silhouette, reflected light, and darker curved edges. */
body .monitor{padding:clamp(13px,2.3vw,32px);padding-bottom:0;background:linear-gradient(140deg,#55564a 0%,#33362d 28%,#22271f 70%,#4a4c3f 100%);box-shadow:inset 3px 3px 5px #83827480,inset -5px -5px 10px #11180e,0 24px 60px #000b;border-radius:48px}
body .glass{border-radius:8% / 11%;box-shadow:0 0 0 7px #10160e,0 0 0 10px #54584b55,inset 0 0 80px #0008}
body .glass:before{content:"";position:absolute;z-index:19;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 47% 44%,transparent 48%,#07130e1f 70%,#0008 100%),linear-gradient(113deg,transparent 5%,#e6fff421 8%,#effff42b 11%,#effff411 14%,transparent 19%);box-shadow:inset 3px 4px 8px #d3e9db28,inset -5px -7px 14px #0009}
body .glass:after{border-radius:inherit;background:radial-gradient(ellipse at 32% 8%,#edf9ec18 0%,#effff407 24%,transparent 48%),radial-gradient(ellipse at 55% 95%,#a8d9be10,transparent 45%);box-shadow:inset 0 0 15px 5px #000a,inset 0 0 65px 12px #00110760,inset 0 -10px 25px #0004}
body .bezel{height:44px;color:#b0b09e;text-shadow:1px 1px #10170e}
@media(max-width:700px){body .monitor{padding:12px 12px 0;border-radius:31px}body .glass{border-radius:8% / 4%;box-shadow:0 0 0 5px #10160e}body .bezel{height:32px}body .glass:before{background:radial-gradient(ellipse at 47% 44%,transparent 52%,#07130e15 78%,#0006 100%),linear-gradient(113deg,transparent 5%,#e6fff414 8%,#effff41b 11%,transparent 19%)}}
/* Full-tab display: retain screen texture without a physical monitor frame. */
html body{padding:0;min-height:100svh;background:#171718}
html body .monitor{max-width:none;width:100%;margin:0;padding:0;border-radius:0;background:none;box-shadow:none}
html body .glass{min-height:100svh;width:100%;border-radius:0;box-shadow:none}
html body .glass:before,html body .glass:after{border-radius:0;box-shadow:none}
html body .glass:before{background:linear-gradient(113deg,transparent 5%,#e6fff408 8%,#effff40c 11%,transparent 19%)}
html body .glass:after{background:radial-gradient(ellipse at 32% 8%,#edf9ec0c,transparent 48%)}
html body .bezel{display:none}
html body .login,html body .boot,html body .desktop{min-height:100svh}
html body .desktop:has(.app-window:not([hidden])){min-height:100svh}
@media(max-width:900px){html body .desktop:has(.app-window:not([hidden])){min-height:max(100svh,850px)}}
/* Edge-to-edge convex glass without a separate monitor bezel. */
html body .glass{border-radius:2.8% / 4%;background:#070c09}
html body .glass:before{border-radius:inherit;background:radial-gradient(ellipse at 50% 46%,transparent 55%,#06120c20 73%,#0009 100%),linear-gradient(112deg,transparent 3%,#eefff318 6%,#f3fff526 8%,#e9fff312 11%,transparent 16%);box-shadow:inset 0 0 14px 3px #0009,inset 0 0 65px 5px #0006,inset 2px 3px 7px #dbffeb30}
html body .glass:after{border-radius:inherit;background:radial-gradient(ellipse at 40% 3%,#ebfff023 0%,#eaffee08 28%,transparent 52%),radial-gradient(ellipse at 50% 98%,#d0ffe317,transparent 45%);box-shadow:inset 0 -12px 25px #0004}
@media(max-width:700px){html body .glass{border-radius:3% / 1.5%}html body .glass:before{box-shadow:inset 0 0 10px 2px #0007,inset 0 0 35px #0004;background:radial-gradient(ellipse at 50% 46%,transparent 60%,#06120c15 80%,#0007 100%),linear-gradient(112deg,transparent 3%,#eefff311 6%,#f3fff51a 8%,transparent 16%)}}
/* Thick tempered-glass rim: a milky corner fade instead of a hard black cutout. */
html body .monitor .glass{border-radius:0;background:#171718}
html body .monitor .glass:before{border-radius:0;background:radial-gradient(ellipse 110px 95px at 0 0,#c8d7ce99 0%,#b6c9c166 24%,#93aaa13b 46%,#77938918 67%,transparent 100%),radial-gradient(ellipse 110px 95px at 100% 0,#c8d7ce99 0%,#b6c9c166 24%,#93aaa13b 46%,#77938918 67%,transparent 100%),radial-gradient(ellipse 110px 95px at 0 100%,#b7cbc08c 0%,#a5bfb45c 24%,#88a69733 46%,#6d8c7b16 67%,transparent 100%),radial-gradient(ellipse 110px 95px at 100% 100%,#b7cbc08c 0%,#a5bfb45c 24%,#88a69733 46%,#6d8c7b16 67%,transparent 100%),linear-gradient(112deg,transparent 3%,#effff313 6%,#f3fff51f 8%,transparent 16%);box-shadow:inset 0 0 5px 1px #dbede568,inset 0 0 18px #9dbdad2b,inset 0 0 48px #00190b26}
html body .monitor .glass:after{inset:5px;border-radius:35px / 30px;background:radial-gradient(ellipse at 40% 3%,#ebfff018,transparent 52%);box-shadow:inset 0 0 2px #edfff04d,inset 0 0 12px #d4ebe51c;border:1px solid #d0e7dd18}
@media(max-width:700px){html body .monitor .glass:before{background:radial-gradient(ellipse 65px 60px at 0 0,#c8d7ce80,transparent),radial-gradient(ellipse 65px 60px at 100% 0,#c8d7ce80,transparent),radial-gradient(ellipse 65px 60px at 0 100%,#b7cbc073,transparent),radial-gradient(ellipse 65px 60px at 100% 100%,#b7cbc073,transparent);box-shadow:inset 0 0 5px #dbede54d,inset 0 0 25px #9dbdad1c}html body .monitor .glass:after{inset:3px;border-radius:23px}}
.login .login-user{font-weight:bold;margin:0 0 18px}
.login .login-button{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;min-width:220px;padding:12px 20px;background:#8498bd;color:#f4f1db;font: bold 20px "Courier New",monospace;border:3px solid;border-color:#d9e0ef #414b68 #414b68 #d9e0ef;box-shadow:0 0 0 2px #191b22;text-shadow:1px 1px #414b68;cursor:pointer}
.login .login-button:active{border-color:#414b68 #d9e0ef #d9e0ef #414b68;transform:translateY(1px)}
.login .login-button:focus-visible{outline:2px dashed #f4f1db;outline-offset:6px}
.menu-bar .resume-download{font:inherit;color:#222629;text-decoration:none;padding:4px 7px;background:#c7c9c2;border:2px outset #e5e7de}
.menu-bar .resume-download:active{border-style:inset}
.menu-bar .resume-download:focus-visible{outline:2px dashed #222629;outline-offset:2px}
@media(max-width:400px){.menu-bar{padding-left:8px;padding-right:8px;gap:4px}.menu-bar .os-menu{font-size:15px}.menu-right{gap:3px;font-size:10px}.menu-bar .resume-download{padding:4px}}