.modal{width:min(100% - 2 * var(--gutter), 640px);max-height:none;color:var(--ink);border:12px solid #0000;border-image:var(--px-cream) 3 fill / 12px;filter:drop-shadow(0 5px 0 var(--navy-deep)) drop-shadow(0 18px 30px #0e122973);background:0 0;padding:0;overflow:visible}.modal--sm{width:min(100% - 2 * var(--gutter), 470px)}.modal--lg{width:min(100% - 2 * var(--gutter), 820px)}.modal::backdrop{background:#0e122980}.modal--welcome::backdrop{background:#0e122947}.modal[open]{animation:.18s steps(4,end) modal-in}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.modal__inner{flex-direction:column;max-height:min(100dvh - 64px,880px);display:flex}.modal__bar{background:var(--lavender-soft);border-bottom:3px solid var(--navy);flex:none;align-items:center;gap:12px;margin:-3px -3px 0;padding:4px 4px 4px 10px;display:flex;box-shadow:inset 0 3px #fff}.modal__lights{gap:5px;display:inline-flex}.modal__lights i{background:var(--pink);width:9px;height:9px;box-shadow:0 0 0 2px var(--navy-deep)}.modal__lights i:nth-child(2){background:var(--peach)}.modal__lights i:nth-child(3){background:#8fd6b4}.modal__bar-label{white-space:nowrap;text-overflow:ellipsis;font:600 12px/1 var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);flex:1;overflow:hidden}.modal__close{margin-left:auto}.modal__body{overscroll-behavior:contain;padding:clamp(18px,3.5vw,32px);position:relative;overflow-y:auto}.popup{gap:14px;display:grid}.popup__eyebrow{font:600 13px/1 var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.popup__title{font-size:clamp(22px,3.2vw,28px)}.popup__footer{border-top:3px dotted var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:12px;font-size:15px;display:flex}.link-btn{font:inherit;color:var(--navy);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.skill-group{gap:8px;display:grid}.skill-group h3{font-size:16px}.about-head{align-items:center;gap:16px;display:flex}.avatar{border:6px solid #0000;border-image:var(--px-navy) 3 fill / 6px;width:88px;height:auto}.room-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.room-list__btn{justify-content:space-between;width:100%}.artwork-popup{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width<=680px){.artwork-popup{grid-template-columns:1fr}}.gallery-viewer{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.gallery-viewer__screen .artwork img,.artwork-popup .artwork img{object-fit:contain;max-height:min(58vh,520px)}.gallery-viewer__side{justify-items:start;gap:10px;display:grid}.gallery-viewer__nav{gap:6px;margin-bottom:6px;display:flex}.gallery-viewer__num{width:40px;height:40px;font:700 15px/1 var(--font-pixel);color:var(--navy);cursor:pointer;border:9px solid #0000;border-image:var(--px-cream) 3 fill / 9px;filter:drop-shadow(0 2px 0 var(--navy-deep));background:0 0;padding:0}.gallery-viewer__num.is-active{border-image-source:var(--px-peach);transform:translateY(1px)}.gallery-viewer__num:hover{border-image-source:var(--px-lavender)}.gallery-viewer__actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}@media (width<=680px){.gallery-viewer{grid-template-columns:1fr}}.telescope{justify-items:center;gap:14px;display:grid}.telescope__eyepiece{aspect-ratio:1;width:min(384px,100%);box-shadow:0 0 0 6px var(--navy), 0 0 0 10px var(--lavender), 0 0 0 13px var(--navy-deep);background:#0b0a20;border-radius:50%;margin:13px;position:relative;overflow:hidden}.telescope__eyepiece canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.telescope__reticle{pointer-events:none;background:linear-gradient(#c9eef840,#c9eef840) 50%/1px 22% no-repeat,linear-gradient(#c9eef840,#c9eef840) 50%/22% 1px no-repeat,radial-gradient(circle,#0000 62%,#0b0a208c 100%);position:absolute;inset:0}.telescope__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.telescope__caption{font:600 15px/1.3 var(--font-pixel);letter-spacing:.04em}.telescope__scan{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-right:6px;font-size:11px}.telescope__controls{gap:8px;display:flex}html,body,#root{height:100%}body{background:var(--space);overscroll-behavior:none;overflow:hidden}.explore{position:fixed;inset:0}.explore__canvas{opacity:0;touch-action:none;width:100%;height:100%;transition:opacity .4s,filter .3s;display:block}.explore__canvas.is-ready{opacity:1}.explore__canvas.is-blurred{filter:blur(5px)brightness(.85)}.explore__loading{font:600 16px var(--font-pixel);color:var(--cream);letter-spacing:.06em;place-items:center;display:grid;position:absolute;inset:0}[data-room=cockpit]{--room:#7fd6ee}[data-room=hub]{--room:#b8b2e3}[data-room=lab]{--room:#f0a877}[data-room=skills]{--room:#7fd6ee}[data-room=gallery]{--room:#f0a877}[data-room=about]{--room:#e9738f}[data-room=corridor]{--room:#8e87c6}.pxicon{width:32px;height:32px;display:block}.hud{top:12px;left:var(--gutter);right:var(--gutter);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud>*{pointer-events:auto}.hud__room{white-space:nowrap;font:600 14px/1 var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);border:9px solid #0000;border-image:var(--px-navy) 3 fill / 9px;filter:var(--px-shadow);align-items:center;gap:8px;padding:3px 6px;display:inline-flex}.hud__room i,.room-toast__name i{background:var(--room);flex:none;width:9px;height:9px;box-shadow:0 0 0 2px #141938}.hud__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.room-toast{color:var(--cream);pointer-events:none;border:9px solid #0000;border-image:var(--px-navy) 3 fill / 9px;filter:var(--px-shadow);justify-items:center;gap:4px;padding:2px 14px;animation:1.9s steps(24,end) forwards toast;display:grid;position:absolute;top:64px;left:50%;transform:translate(-50%)}.room-toast__eyebrow{font:600 11px/1 var(--font-pixel);letter-spacing:.2em;text-transform:uppercase;color:var(--lavender)}.room-toast__name{font:700 20px/1 var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;display:inline-flex}@keyframes toast{0%{opacity:0;transform:translate(-50%,-12px)}12%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.prompt{max-width:calc(100% - 2 * var(--gutter));color:var(--cream);border:9px solid #0000;border-image:var(--px-navy) 3 fill / 9px;filter:var(--px-shadow);align-items:center;gap:12px;padding:2px 3px 2px 6px;animation:.16s steps(3,end) prompt-in;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%,8px)}}.prompt__icon{border:6px solid #0000;border-image:var(--px-lavender) 3 fill / 6px;flex:none;place-items:center;width:40px;height:40px;display:grid}.prompt__icon .pxicon{width:24px;height:24px}.prompt__text{gap:3px;min-width:0;display:grid}.prompt__kind{font:600 11px/1 var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;color:var(--lavender)}.prompt__label{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;line-height:1.15;overflow:hidden}.prompt__btn{min-height:44px;font:600 13px/1 var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:#fff;border:9px solid #0000;border-image:var(--px-pink) 3 fill / 9px;cursor:pointer;background:0 0;flex:none;align-items:center;gap:6px;padding:0 6px;display:inline-flex}.prompt__btn:hover{filter:brightness(1.06)}.prompt__btn:active{transform:translateY(2px)}.prompt__btn .kbd{min-width:26px;height:26px;font-size:13px}@media (width<=520px){.prompt{gap:8px}.prompt__icon{display:none}.prompt__label{font-size:14px}}.touch{left:var(--gutter);right:var(--gutter);pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:20px}.touch>*{pointer-events:auto}.touch__pad{grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,50px);grid-template-areas:".up.""left.right"".down.";display:grid}.touch__btn{color:var(--navy);border:9px solid #0000;border-image:var(--px-cream) 3 fill / 9px;filter:var(--px-shadow);opacity:.94;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;place-items:center;padding:0;font-size:14px;display:grid}.touch__btn:active{border-image-source:var(--px-lavender);transform:translateY(2px)}.touch__btn--up{grid-area:up}.touch__btn--down{grid-area:down}.touch__btn--left{grid-area:left}.touch__btn--right{grid-area:right}.touch__action{width:68px;height:68px;font:700 22px/1 var(--font-pixel);color:#fff;border:12px solid #0000;border-image:var(--px-pink) 3 fill / 12px;filter:var(--px-shadow);background:0 0;padding:0}.touch__action:disabled{border-image-source:var(--px-lavender);color:#8e87c6}@media (pointer:coarse){.prompt{bottom:186px}}@media (width<=560px){.hud__room{font-size:12px}.hud__actions .btn--small{min-height:34px;padding:0 3px;font-size:12px}.room-toast{top:108px}.room-toast__name{font-size:16px}}.modal--welcome{width:min(100% - 2 * var(--gutter), 600px)}.welcome{gap:16px;display:grid}.welcome__top{align-items:center;gap:18px;display:flex}.welcome__avatar{border:9px solid #0000;border-image:var(--px-navy) 3 fill / 9px;width:110px;height:auto;filter:var(--px-shadow);flex:none}.welcome__hello{font-size:clamp(30px,6vw,42px);font-weight:700}.welcome__heart{color:var(--pink);vertical-align:middle;font-size:.7em}.welcome__name{font:600 14px/1.3 var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;border:9px solid #0000;border-image:var(--px-pinksoft) 3 fill / 9px;margin-top:8px;padding:1px 8px;display:inline-block}.welcome__intro{font-size:16px}.welcome__tiles{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.welcome__tile{font:inherit;color:var(--ink);text-align:center;border:9px solid #0000;border-image:var(--px-cream) 3 fill / 9px;filter:drop-shadow(0 3px #1f255059);cursor:pointer;background:0 0;justify-items:center;gap:2px;padding:4px 2px;transition:transform 80ms;display:grid}.welcome__tile:hover{filter:var(--px-shadow);transform:translateY(-2px)}.welcome__tile:active{transform:translateY(1px)}.welcome__tile-icon{margin-bottom:2px}.welcome__tile-title{font-size:16px;font-weight:800}.welcome__tile-sub{color:var(--ink-soft);font-size:13px;line-height:1.3}.tone-pink{border-image-source:var(--px-pinksoft)}.tone-blue{border-image-source:var(--px-blue)}.tone-peach{border-image-source:var(--px-peach)}.tone-lavender{border-image-source:var(--px-lavender)}.welcome__controls{flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:15px;display:flex}.welcome__keys{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.welcome__or{color:var(--ink-soft);margin:0 6px;font-size:14px}.welcome__hint{font-size:15px}@media (pointer:fine){.welcome__hint{display:none}}@media (pointer:coarse){.welcome__controls{display:none}}.welcome__cta{width:100%;min-height:54px;margin-top:4px;font-size:18px}.welcome__pro{text-align:center;font-size:15px}.welcome__pro a{color:var(--pink-deep);font-weight:700}@media (width<=560px){.welcome__tiles{grid-template-columns:repeat(2,1fr)}.welcome__avatar{width:80px}.welcome__top{gap:14px}.welcome__intro{font-size:15px}.welcome{gap:14px}}@media (height<=780px) and (width>=561px){.welcome{gap:11px}.welcome__avatar{width:92px}.welcome__hello{font-size:34px}.welcome__intro{font-size:15px;line-height:1.5}.welcome__cta{min-height:48px}.modal--welcome .modal__body{padding-block:16px}}@media (width<=520px){.prompt{width:calc(100% - 2 * var(--gutter))}.prompt__text{flex:1}.prompt__label{white-space:normal;font-size:14px}.prompt__btn{padding:0 3px;font-size:12px}.room-toast{padding:1px 8px;top:112px}.room-toast__name{white-space:nowrap;font-size:14px}}