:root{color-scheme:dark;--cream:#eee6d3;--muted:#b8b4a7;--mint:#c5ecaa;--mono:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#171b20;color:var(--cream);font-family:var(--sans);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}#room{position:relative;height:100svh;min-height:530px;overflow:hidden}#scene,.vignette{position:absolute;inset:0}#scene{touch-action:none}#scene canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(90deg,#101417a3,transparent 50%),linear-gradient(0deg,#0d1214dd,transparent 25%,transparent 85%,#0d121450);z-index:1}.site-header{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:32px 42px}.wordmark{display:flex;gap:15px;align-items:center;text-decoration:none;font:11px/1.7 var(--mono);letter-spacing:.12em}.wordmark small{font-size:8px;color:var(--muted)}.brand-mark{font:bold 34px/.8 var(--sans);letter-spacing:-7px;margin-right:7px;transform:skewY(-8deg)}.brand-mark>span{color:var(--mint)}.header-actions{display:flex;align-items:center;gap:28px;font:10px var(--mono)}#sound-toggle{border:0;background:transparent;padding:10px 0;letter-spacing:.05em}.sound-bars{color:var(--mint);margin-right:7px}.text-link{text-decoration:none;border-bottom:1px solid #99968666;padding-bottom:5px}.text-link span{margin-left:12px}.intro{position:absolute;z-index:2;left:7vw;top:23vh;pointer-events:none;transition:opacity .4s}.eyebrow{font:9px/1.5 var(--mono);letter-spacing:.15em;display:flex;gap:9px;align-items:center}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #c5ecaa50;flex-shrink:0}h1{font:normal clamp(42px,5.3vw,82px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:26px 0 20px}.intro-copy{font:13px/1.85 var(--sans);color:#c9c5b8}.room-actions{position:absolute;z-index:3;left:7vw;bottom:100px;display:flex;align-items:center;gap:28px}.start-button{border:1px solid #d6dec944;background:#d8e6c30d;backdrop-filter:blur(12px);padding:17px 22px 17px 15px;display:flex;align-items:center;text-align:left;gap:15px;transition:background .2s,transform .2s}.start-button:hover{background:#d8e6c31c;transform:translateY(-3px)}.a-button{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--mint);color:#243027;font:bold 19px var(--mono);box-shadow:0 3px 0 #6d8b5c}.start-button>span:nth-child(2){font:17px Georgia,serif}.start-button small{display:block;font:8px var(--mono);letter-spacing:.12em;color:#b4bcae;margin-top:5px}.button-arrow{margin-left:22px;font:21px var(--mono)}.reset-button{border:0;background:transparent;padding:14px 0;font:10px var(--mono);color:#d0cbbc}.reset-button>span{font-size:20px;vertical-align:middle;margin-right:7px}.room-footer{position:absolute;z-index:3;bottom:max(28px,env(safe-area-inset-bottom));left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em;color:#b8b7a6;pointer-events:none}.room-footer i{display:inline-block;width:3px;height:3px;background:#a5ab92;border-radius:50%;vertical-align:middle;margin:0 9px}.room-number span{color:var(--mint);margin-left:20px;font-size:20px;vertical-align:middle}#tv-hint{position:absolute;z-index:2;pointer-events:none;opacity:0;transition:opacity .5s;font:9px var(--mono);letter-spacing:.12em;color:#d0e5c3;transform:translate(-90%,-110%)}#tv-hint svg{display:block;width:80px;height:50px;margin-left:35px}#tv-hint path{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round}#scene-status{position:absolute;z-index:2;bottom:45%;left:60%;font:10px var(--mono);color:var(--mint);transition:opacity .4s}.scene-ready #scene-status{opacity:0;pointer-events:none}.fallback-art{position:absolute;width:260px;height:220px;left:65%;top:40%;transform:translate(-50%,-25%);background:#383e3b;border-radius:25px;border:10px solid #222928;box-shadow:30px 30px 100px #b1df8833}.fallback-tv{position:absolute;inset:14px 32px 24px 14px;border-radius:50% / 9%;background:repeating-linear-gradient(#1d4536 0 2px,#163929 3px 4px);color:var(--mint);display:grid;align-content:center;justify-content:center;text-align:center;box-shadow:0 0 30px #b3ec9c33;font:bold 30px/.95 var(--mono)}.fallback-tv small{font:6px var(--mono);margin-top:18px}.scene-ready .fallback-art{display:none}.scene-failed #scene-status{left:50%;bottom:28%;transform:translateX(-50%);width:max-content;max-width:85%;text-align:center;line-height:1.7}.scene-failed #reset-view{display:none}.exploring .intro{opacity:0}.exploring .vignette{background:linear-gradient(0deg,#0e151c80,transparent 25%)}#joystick{display:none}
dialog{padding:0;border:0;width:calc(100% - 72px);max-width:1240px;height:min(860px,calc(100svh - 72px));max-height:none;overflow:hidden;background:#1c2420;color:#d8e4cd;border-radius:22px;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#0d1416c9;backdrop-filter:blur(10px)}.crt-shell{height:100%;padding:13px;background:linear-gradient(145deg,#414840,#202a23 45%,#121b16);border:1px solid #727a6455;border-radius:22px}.crt-content{position:relative;height:100%;border:1px solid #d1e6b929;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 70% 35%,#27382a,#15261e 80%);display:flex;flex-direction:column}.crt-content::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0000000c 3px 4px);border-radius:12px;box-shadow:inset 0 0 65px #0005}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #c9e1b225;font:9px var(--mono);letter-spacing:.1em;flex-shrink:0}.menu-brand{text-decoration:none;display:flex;gap:12px;align-items:center}.pixel-star{color:var(--mint);font-size:23px}#close-resume{border:0;background:none;font:9px var(--mono);letter-spacing:.08em;padding:7px 0}#close-resume>span{font:22px/1 var(--sans);vertical-align:middle;margin-left:15px;color:var(--mint)}.menu-layout{display:grid;grid-template-columns:280px minmax(0,1fr);flex:1;min-height:0}.menu-sidebar{padding:38px 28px 24px;border-right:1px solid #c9e1b225;display:flex;flex-direction:column}.menu-sidebar>.eyebrow{color:#a4ba9a;font-size:8px}.menu-sidebar h2{font:bold 48px/.95 var(--mono);letter-spacing:-.09em;color:var(--mint);margin:23px 0 15px;text-shadow:3px 3px #57784955}.menu-sidebar h2>span{color:#dfb878}.sidebar-role{font:10px/1.8 var(--mono);color:#b5c6ac}.menu-sidebar nav{display:grid;gap:4px;margin-top:27px}.menu-sidebar nav button{display:flex;align-items:center;gap:13px;padding:13px 12px;border:1px solid transparent;background:none;text-align:left;font:11px var(--mono);color:#bacbb1;white-space:nowrap}.menu-sidebar nav button>span{color:#7b9873;font-size:9px}.menu-sidebar nav button>i{font-style:normal;font-size:8px;margin-left:auto;opacity:0}.menu-sidebar nav button[aria-current=page]{background:#c5ecaa12;border-color:#c5ecaa47;color:var(--mint)}.menu-sidebar nav button[aria-current=page]>i{opacity:1}.menu-sidebar nav button:hover{background:#c5ecaa0b}.sidebar-stamp{font:8px/1.8 var(--mono);letter-spacing:.08em;color:#a1b795;margin-top:auto;padding-top:30px}.sidebar-stamp>span{display:block;font-size:29px;color:#c5ecaa99;margin-bottom:10px}.sidebar-stamp small{font-size:7px;color:#728b6b}.menu-panels{padding:46px clamp(28px,5vw,72px);overflow:auto;scrollbar-color:#56724c #1c2c22;scrollbar-width:thin;overscroll-behavior:contain}.menu-panels section{max-width:640px;margin:0 auto}.panel-kicker{font:9px var(--mono);letter-spacing:.18em;color:#9bb88e;margin:0 0 25px}.menu-panels h3{font:normal clamp(34px,4vw,57px)/1.05 Georgia,serif;letter-spacing:-.035em;color:#e2edd8;margin:0 0 26px}.menu-panels h3 em{font-weight:normal;color:var(--mint)}.menu-panels p{font:13px/1.85 var(--sans);color:#bdcdb4}.menu-panels p.panel-lead{font-size:16px;line-height:1.7;color:#d0dfc6}.stat-row{display:flex;gap:50px;border-top:1px solid #d1e6b925;border-bottom:1px solid #d1e6b925;padding:25px 0;margin-top:28px}.stat-row strong{display:block;font:26px Georgia,serif;color:var(--mint)}.stat-row span{display:block;font:7px var(--mono);letter-spacing:.1em;margin-top:8px;color:#99b08e}.current-work{display:flex;align-items:center;gap:15px;margin-top:27px}.current-work small{font:7px var(--mono);letter-spacing:.14em;color:#91ab87}.current-work p{font-size:11px;margin:5px 0}.next-chapter{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #c5ecaa55;background:none;text-align:left;font:10px var(--mono);color:var(--mint);padding:15px 0;margin-top:28px}.next-chapter span{font-size:17px}.heading-dot{color:var(--mint)}.experience{padding:25px 0 28px;border-bottom:1px solid #d1e6b925}.experience-meta{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em;color:#8eac81}.experience h4{font:25px/1.2 Georgia,serif;color:#deebd3;letter-spacing:-.02em;margin:14px 0 8px}.experience p.job-title{font:10px var(--mono);color:var(--mint);margin:0 0 19px}.experience ul{padding-left:16px;font:12px/1.85 var(--sans);color:#bdcdb4}.experience li{margin:9px 0}.education{margin:30px 0;font:11px var(--sans);color:#b8cbb0}.education small{font:8px var(--mono);letter-spacing:.1em;color:#91ab87}.education p{color:#e2edd8;margin:12px 0 4px}.skill-group{padding:23px 0;border-bottom:1px solid #d1e6b925}.skill-group h4{font:17px Georgia,serif;font-weight:normal;color:#e2edd8;margin:0}.skill-group h4 span{font:9px var(--mono);color:#8cac7c;margin-right:16px}.skill-group p{line-height:2;margin-bottom:0}.contact-links{margin-top:35px}.contact-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 0;text-decoration:none;border-bottom:1px solid #d1e6b936;color:var(--mint);font:clamp(11px,1.5vw,16px) var(--mono);overflow-wrap:anywhere}.contact-links a small{display:block;color:#8da67f;font:7px var(--mono);letter-spacing:.12em;margin-bottom:10px}.contact-links a>span:last-child{font-size:24px}.contact-links a:hover{color:#f0f8e8}.menu-panels p.contact-footnote{font:9px/1.8 var(--mono);color:#8ca17f;margin-top:40px}.menu-footer{flex-shrink:0;display:flex;justify-content:space-between;padding:16px 28px;border-top:1px solid #c9e1b225;font:7px var(--mono);letter-spacing:.1em;color:#9cb18f}.menu-footer .status-dot{width:4px;height:4px;margin-right:7px}.menu-footer b{font-weight:normal;padding:0 8px;color:#627c58}[hidden]{display:none!important}
@media(min-width:1600px){.intro,.room-actions{left:9vw}}
@media(max-width:900px){.site-header{padding:25px}.intro{left:6vw;top:24vh}h1{font-size:56px}.room-actions{left:6vw;gap:20px}.room-footer{left:25px;right:25px}.room-number{display:none}dialog{width:calc(100% - 30px);height:calc(100svh - 30px)}.menu-layout{grid-template-columns:220px minmax(0,1fr)}.menu-sidebar{padding:30px 18px}.menu-sidebar h2{font-size:41px}.menu-sidebar nav button{font-size:10px;gap:9px}.menu-panels{padding:35px 28px}}
@media(max-width:600px){#room{min-height:500px}.site-header{padding:22px}.wordmark{font-size:9px;gap:12px}.wordmark small{font-size:7px}.brand-mark{font-size:30px}.header-actions{gap:16px}.header-actions .text-link{font-size:9px}#sound-toggle{font-size:0}.sound-bars{font-size:16px;margin:0}.intro{top:16vh;left:7vw}.intro .eyebrow{font-size:7px;letter-spacing:.1em}h1{font-size:43px;margin:17px 0 14px}.intro-copy{font-size:11px;line-height:1.7}.vignette{background:linear-gradient(180deg,#10141744,transparent 55%,#101417cc 98%)}.room-actions{left:auto;right:7vw;bottom:82px;align-items:flex-end;flex-direction:column;gap:8px}.start-button{padding:13px 15px 13px 12px;gap:11px}.a-button{width:30px;height:30px;font-size:16px}.start-button>span:nth-child(2){font-size:16px}.start-button small{font-size:6px}.button-arrow{margin-left:10px;font-size:18px}.reset-button{font-size:8px;padding:4px 0}.reset-button>span{font-size:16px}.room-footer{left:7vw;right:7vw;bottom:max(25px,env(safe-area-inset-bottom));font-size:6px;letter-spacing:.02em}.room-footer>span:first-child{display:none}#controls-hint{font-size:6px}#tv-hint{font-size:7px}#tv-hint svg{height:37px}#scene-status{left:50%;bottom:43%;transform:translateX(-50%);width:max-content}.fallback-art{width:220px;height:190px;left:55%;top:51%}#joystick{display:block;position:absolute;z-index:4;left:7vw;bottom:90px;width:94px;height:94px;border:1px solid #dce9c940;border-radius:50%;background:#1d2a2340;touch-action:none;backdrop-filter:blur(6px)}#joystick-knob{width:40px;height:40px;position:absolute;left:26px;top:26px;background:#d7e8c640;border:1px solid #e8f2d766;border-radius:50%;pointer-events:none}.scene-failed #joystick{display:none}dialog{width:calc(100% - 14px);height:calc(100svh - 14px);border-radius:14px}.crt-shell{padding:6px;border-radius:14px}.crt-content{border-radius:9px}.menu-header{padding:14px 16px;font-size:7px;letter-spacing:.02em}.menu-brand{gap:6px}.pixel-star{font-size:18px}#close-resume{font-size:7px}#close-resume>span{margin-left:7px;font-size:20px}.menu-layout{display:flex;flex-direction:column;overflow:hidden}.menu-sidebar{padding:20px 18px 0;display:block;border-right:0;border-bottom:1px solid #c9e1b225;flex-shrink:0}.menu-sidebar>.eyebrow{font-size:6px;margin:0 0 10px}.menu-sidebar h2{font-size:28px;margin:0;letter-spacing:-.07em}.menu-sidebar h2 br{display:none}.sidebar-role{font-size:8px;line-height:1.5;margin:8px 0 16px}.sidebar-role br{display:none}.sidebar-stamp{display:none}.menu-sidebar nav{display:flex;gap:0;margin:0 -6px;padding-bottom:10px;overflow-x:auto}.menu-sidebar nav button{font-size:9px;padding:10px 8px;gap:6px;flex-shrink:0}.menu-sidebar nav button>span{font-size:7px}.menu-sidebar nav button>i{display:none}.menu-panels{padding:27px 22px 32px;flex:1;min-height:0}.panel-kicker{font-size:7px;margin-bottom:18px}.menu-panels h3{font-size:37px;margin-bottom:20px}.menu-panels p.panel-lead{font-size:14px}.menu-panels p{font-size:12px}.stat-row{gap:35px;padding:20px 0;margin-top:23px}.stat-row strong{font-size:24px}.stat-row span{font-size:6px}.current-work{margin-top:22px;gap:10px}.current-work p{font-size:9px}.menu-footer{padding:12px 16px;font-size:6px;letter-spacing:0}.menu-footer>span:nth-child(2){display:none}.contact-links a{font-size:11px}.experience h4{font-size:24px}.experience ul{font-size:12px}}
@media(max-height:650px) and (min-width:601px){.intro{top:21vh}h1{font-size:50px}.room-actions{bottom:70px}.room-footer{bottom:20px}.intro-copy{font-size:11px}.menu-sidebar{padding-top:20px}.menu-sidebar h2{font-size:36px;margin:12px 0}.menu-sidebar nav{margin-top:15px}.sidebar-stamp{display:none}.menu-panels{padding-top:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Original pause-screen artwork: carved frames, four pages, and an item inventory. */
dialog{background:#272a3c;color:#ece3c7;border-radius:11px;max-width:1180px}.crt-shell{padding:15px;background:linear-gradient(135deg,#9b9e84,#4e5860 12%,#343446 50%,#7c816e 95%);border-radius:11px;border:2px solid #b6ac7b;box-shadow:inset 0 0 0 4px #222535,inset 0 0 0 6px #afa47d55}.crt-content{border-radius:3px;border:2px solid #918869;background-color:#25243e;background-image:radial-gradient(circle at 15% 25%,#a6a8ca23 0 1px,transparent 1.5px),radial-gradient(circle at 75% 65%,#d9c89c18 0 1px,transparent 1.5px),radial-gradient(ellipse at 70% 30%,#3a3554,#1c2435 85%);background-size:71px 83px,113px 107px,100% 100%}.crt-content::after{border-radius:2px;box-shadow:inset 0 0 50px #070a1b77}.menu-header{padding:17px 24px;border-bottom:2px solid #a6986b66;background:#131b2d55;gap:15px}.pixel-star{color:#e6c788}.menu-brand{color:#d7ccaa}.menu-sidebar{background:linear-gradient(90deg,#141f2f77,#25273c22);border-right:2px solid #a6986b55;padding-top:34px}.menu-sidebar>.eyebrow{color:#ada8b7}.menu-sidebar h2{color:#efe1b1;text-shadow:3px 3px #12192e,0 0 20px #c4b07730;font-family:Georgia,serif;font-weight:normal;letter-spacing:-.045em;font-size:54px}.menu-sidebar h2>span{color:#b89bb7}.sidebar-role{color:#c4bfcc}.menu-sidebar nav{gap:9px}.menu-sidebar nav button{color:#c9c7d3;border:1px solid #7f7b8c44;background:#171d2a66;padding:14px 12px}.menu-sidebar nav button>span{display:grid;place-items:center;transform:rotate(45deg);font-size:0;width:10px;height:10px;background:#81baa8;border:1px solid #cae4bc;box-shadow:0 2px 6px #0005;margin:0 6px 0 2px}.menu-sidebar nav button:nth-child(2)>span{background:#af8cbd;border-color:#e6c8da}.menu-sidebar nav button:nth-child(3)>span{background:#bca365;border-color:#f3dc9d}.menu-sidebar nav button:nth-child(4)>span{background:#709dbf;border-color:#bbd6e4}.menu-sidebar nav button[aria-current=page]{border-color:#ddca87;background:linear-gradient(90deg,#b2a16b29,#41404c55);color:#f0e0ac;box-shadow:inset 0 0 0 2px #ddca8712}.menu-sidebar nav button[aria-current=page]>i{color:#f2d582}.menu-sidebar nav button:hover{background:#c6b88d19}.sidebar-stamp{color:#b5aac3;font-size:7px}.sidebar-stamp small{color:#8a889f}.sidebar-stamp>span{color:#bdac8c;font-size:32px}.menu-panels h3{color:#eee3bf;text-shadow:2px 2px #101626}.menu-panels h3 em,.heading-dot{color:#c8b0d3}.menu-panels p{color:#c8c7d3}.menu-panels p.panel-lead{color:#e1dbe3}.panel-kicker{color:#c6b27a}.stat-row{border-color:#b9aa7444}.stat-row strong{color:#e6d39f}.stat-row span{color:#b8aac6}.current-work small{color:#b7a6c2}.current-work .status-dot{background:#b3d1ad}.next-chapter{color:#e3ce91;border-color:#a89b7055}.menu-footer{border-top:2px solid #a6986b66;background:#131b2d55;color:#bfb9c5;padding:15px 24px}.menu-footer b{color:#91859a}.menu-footer .status-dot{background:#deca88}.experience,.skill-group{border-color:#b3a77b44}.experience-meta{color:#b8a1c6}.experience h4{color:#eee1b4}.experience p.job-title{color:#b4cec2}.experience ul{color:#c8c7d3}.education small{color:#bfa56e}.education p{color:#e7d7b0}.education{color:#bebace}.contact-links a{color:#e6d39e;border-color:#b6a87b55}.contact-links a small{color:#b8a3c5}.menu-panels p.contact-footnote{color:#a8a1b7}.page-switcher{display:flex;gap:15px;align-items:center;margin-left:auto;font:8px var(--mono);letter-spacing:.1em;color:#d4c59b}.page-switcher button{width:28px;height:23px;background:linear-gradient(#b5b6a4,#7f8692);color:#20283a;border:1px solid #d6ccb0;border-radius:7px 7px 4px 4px;font:bold 11px var(--mono);box-shadow:0 3px 0 #0b122477}.page-switcher button:hover{background:#d9c990}#close-resume{margin-left:22px;color:#c4becd}#close-resume>span{color:#d5bd8b}.menu-panels{scrollbar-color:#7f7892 #242439}.inventory-intro{margin-top:-10px}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:17px;background:#121c2e66;border:2px solid #6d7580;box-shadow:inset 0 0 0 3px #b9ac7d29,0 3px 0 #10192c;margin:24px 0}.inventory-slot{min-height:102px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:9px 5px 8px;border:1px solid #777b9299;background:radial-gradient(ellipse,#47526b77,#1d293f);box-shadow:inset 2px 2px #bfc7d015,inset -2px -2px #080e1e66;transition:background .15s,transform .15s}.inventory-slot:hover{background:#60707955;transform:translateY(-2px)}.inventory-slot[aria-pressed=true]{border:2px solid #e9d17b;box-shadow:0 0 12px #edcf7040,inset 0 0 0 3px #edcf7018;background:radial-gradient(ellipse,#9b885a55,#2f3447)}.inventory-slot svg{width:53px;height:53px;filter:drop-shadow(2px 4px 1px #080d2499);flex-shrink:0}.slot-index{position:absolute;top:5px;left:6px;font:6px var(--mono);color:#a5b0bf}.slot-name{font:8px var(--mono);color:#d5d5dd;margin-top:7px;line-height:1.3;text-align:center}.inventory-slot[aria-pressed=true] .slot-name{color:#f3dda0}.item-inspector{display:flex;align-items:center;gap:20px;min-height:119px;padding:17px 20px;border:1px solid #c9b77c77;background:#191d31aa;box-shadow:inset 0 0 0 4px #c9b77c0d}.item-inspector>div:first-child{width:75px;flex-shrink:0}.item-inspector svg{width:75px;height:75px;filter:drop-shadow(3px 5px 1px #080d2499)}.item-inspector .panel-kicker{font-size:7px;margin:0 0 9px}.item-inspector h4{font:25px Georgia,serif;color:#e9d6a0;margin:0 0 7px}.item-inspector p:last-child{font-size:11px;line-height:1.6;margin:0}.full-toolkit{margin:24px 0 0}.full-toolkit summary{font:10px var(--mono);color:#cbb98b;cursor:pointer;padding:12px 0}.full-toolkit .skill-group h4{color:#dfd2b0}.inventory-grid:focus-within{outline:none}
@media(max-width:900px){.menu-sidebar h2{font-size:44px}.menu-header{padding:15px 20px}.page-switcher{gap:9px}#close-resume{margin-left:8px}.inventory-grid{gap:8px;padding:12px}.inventory-slot{min-height:88px}.inventory-slot svg{width:44px;height:44px}.slot-name{font-size:7px}}
@media(max-width:600px){.crt-shell{padding:7px;border-radius:11px}.crt-content{border-radius:3px}.menu-header{padding:13px 12px;gap:8px;font-size:6px}.menu-brand{gap:5px;letter-spacing:0}.pixel-star{font-size:15px}.page-switcher{gap:8px;font-size:7px;letter-spacing:0}.page-switcher button{width:22px;height:20px;font-size:10px}.page-switcher>span{min-width:38px;text-align:center}#close-resume{margin-left:4px;font-size:6px}#close-resume>span{font-size:17px;margin-left:5px}.menu-sidebar{padding:16px 15px 0;border-right:0;border-bottom:2px solid #a6986b55}.menu-sidebar h2{font-size:29px}.menu-sidebar>.eyebrow{font-size:6px;margin-bottom:7px}.sidebar-role{font-size:7px;margin:7px 0 14px}.menu-sidebar nav{gap:4px;padding-bottom:12px;margin:0 -3px}.menu-sidebar nav button{font-size:8px;padding:10px 7px;gap:5px}.menu-sidebar nav button>span{width:6px;height:6px;margin:0 3px 0 1px}.menu-panels{padding:25px 19px 30px}.menu-panels h3{font-size:34px}.inventory-grid{gap:8px;padding:10px;margin:20px 0}.inventory-slot{min-height:79px;padding:8px 3px}.inventory-slot svg{width:40px;height:40px}.slot-name{font-size:6px;margin-top:5px}.slot-index{font-size:5px;top:3px;left:4px}.item-inspector{padding:15px 12px;gap:15px;min-height:100px}.item-inspector>div:first-child,.item-inspector svg{width:53px;height:53px}.item-inspector h4{font-size:21px}.item-inspector p:last-child{font-size:10px}.item-inspector .panel-kicker{font-size:6px}.menu-footer{padding:12px;font-size:6px}}
.menu-panels:has([data-panel="skills"]:not([hidden])){padding-top:29px;padding-bottom:28px}[data-panel="skills"]>h3{font-size:42px;margin-bottom:20px}[data-panel="skills"]>.panel-kicker{margin-bottom:17px}.inventory-grid{gap:10px;padding:14px;margin:20px 0}.inventory-slot{min-height:86px}.inventory-slot svg{width:45px;height:45px}.item-inspector{min-height:105px;padding-top:13px;padding-bottom:13px}.scene-failed .fallback-art{display:block}
@media(max-width:600px){.intro-copy{display:none}#tv-hint{display:none}.menu-panels:has([data-panel="skills"]:not([hidden])){padding-top:22px;padding-bottom:22px}[data-panel="skills"]>h3{font-size:29px;margin-bottom:17px}[data-panel="skills"]>.panel-kicker{margin-bottom:13px}.menu-panels .inventory-intro{font-size:10px;line-height:1.6}.inventory-grid{gap:7px;padding:9px;margin:17px 0}.inventory-slot{min-height:66px}.inventory-slot svg{width:32px;height:32px}.item-inspector{min-height:91px;padding-top:12px;padding-bottom:12px}.scene-failed #scene-status{bottom:29%}}
@media(max-width:600px){.menu-sidebar nav button{font-size:9px;padding-left:7px;padding-right:7px}.slot-name{font-size:7px}.menu-sidebar .sidebar-role br::before{content:" · "}.sidebar-role{word-spacing:.02em}.item-inspector p:last-child{font-size:11px}.menu-header .menu-brand{font-size:7px}}

@media(max-width:600px){.sidebar-role .location::before{content:" / ";}}
@media(max-width:600px){.page-switcher button{width:28px;min-height:28px}.menu-sidebar nav button{min-height:38px}#close-resume{min-height:32px}.inventory-slot{min-height:70px}}
#room{min-height:0}.menu-sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#736a80 #252438}
@media(max-width:600px){#room{min-height:0}}
@media(pointer:coarse) and (min-width:601px){#joystick{display:block;position:absolute;z-index:4;left:7vw;bottom:90px;width:94px;height:94px;border:1px solid #dce9c940;border-radius:50%;background:#1d2a2340;touch-action:none;backdrop-filter:blur(6px)}#joystick-knob{width:40px;height:40px;position:absolute;left:26px;top:26px;background:#d7e8c640;border:1px solid #e8f2d766;border-radius:50%;pointer-events:none}.room-actions{left:auto;right:7vw;flex-direction:column;align-items:flex-end;gap:8px}.room-footer>span:first-child{display:none}.scene-failed #joystick{display:none}}
@media(max-height:600px) and (min-width:601px){.menu-header{padding-top:9px;padding-bottom:9px}.menu-sidebar{padding:15px 18px}.menu-sidebar>.eyebrow{display:none}.menu-sidebar h2{font-size:29px;margin:0 0 9px}.sidebar-role{font-size:8px;line-height:1.4;margin:0 0 12px}.menu-sidebar nav{gap:4px;margin-top:0}.menu-sidebar nav button{padding:8px 12px}.menu-footer{padding-top:10px;padding-bottom:10px}.intro-copy{display:none}h1{font-size:40px}.intro{top:23vh}}
/* Covers scene construction and the first rendered frame. */
#loading{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#171b20;transition:opacity .22s ease;cursor:wait}#loading.is-finished{opacity:0;pointer-events:none}.loading-content{width:180px;text-align:center}.loading-cartridge{display:block;width:64px;height:64px;margin:0 auto 27px;image-rendering:pixelated}.loading-content p{font:13px var(--mono);letter-spacing:.04em;color:var(--cream);margin:0 0 22px}.loading-content small{display:block;font:7px var(--mono);letter-spacing:.2em;color:#999e91;margin-top:16px}.loading-track{height:5px;overflow:hidden;background:#323b35}.loading-track span{display:block;width:35%;height:100%;background:var(--mint);animation:loading-sweep 1.2s ease-in-out infinite alternate}@keyframes loading-sweep{from{transform:translateX(-100%)}to{transform:translateX(290%)}}@media(prefers-reduced-motion:reduce){.loading-track span{animation:none;width:100%}#loading{transition:none}}
