@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans Variable,sans-serif;color:#e8ecf2;background:#0c1017;font-synthesis:none;font-weight:400;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #8ee3ca;outline-offset:4px}main{margin:auto;width:100%;height:100dvh;max-width:none;padding:0;position:relative}.muted{color:#8793a6}.cyan{color:#87dfc4}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91e1b8;box-shadow:0 0 8px #70d6a140}.eyebrow{font-size:9px;letter-spacing:2px;color:#91aaa0;display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:#8edeb7}.glass{background:linear-gradient(120deg,#0d1623f7,#0b1420f5);border:1px solid #586c85;box-shadow:0 6px 20px #0004,inset 0 0 0 3px #0a111b90;border-radius:9px}kbd{font:10px DM Sans Variable,sans-serif;border:1px solid #536175;border-radius:3px;padding:2px 5px;box-shadow:0 2px #0004;background:#1b2735}.icon-button{margin-left:auto;display:grid;place-items:center;color:#8999aa;padding:3px}.primary-button{display:flex;gap:20px;align-items:center;background:#a3e4c8;border-radius:5px;padding:12px 18px;color:#13271e;font-weight:600}@keyframes rise{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}html,body,#root{width:100%;height:100%;overflow:hidden}.ghost-button{padding:12px 16px;color:#c3d9d1;border:1px solid #586c85;border-radius:5px}.ghost-button:hover{background:#ffffff0d}@media(max-width:760px){.eyebrow{font-size:7px;letter-spacing:1.3px}main{padding:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.game{position:relative;overflow:hidden;width:100%;height:100%;background:#1e1820;isolation:isolate}.room-image{position:absolute;top:0;right:0;bottom:0;left:0;image-rendering:pixelated;background:url(/assets/developer-room.webp) center / 100% 100% no-repeat}.room-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07101a18,transparent 35%,#07101a20);pointer-events:none}.hotspot{position:absolute;display:flex;align-items:center;gap:8px;font-size:10px;background:#0b1723de;border:1px solid #a1c6bb80;border-radius:5px;padding:8px 10px;box-shadow:0 4px 12px #0004;transition:transform .2s,background .2s}.hotspot:hover{background:#224c43;transform:translateY(-3px)}.world{position:absolute;overflow:hidden;z-index:0}.station{position:absolute;width:0;height:0;z-index:2}.station-ring{position:absolute;left:-30px;top:-9px;width:60px;height:18px;border:1px dashed #e8cc9e66;border-radius:50%;background:#e3bb7312}.station .hotspot{position:absolute;left:0;top:16px;transform:translate(-50%);white-space:nowrap;min-height:38px;font-size:12px;background:#0d1725d9}.station .hotspot:disabled{cursor:not-allowed;color:#b7b8b8;border-color:#8d9aaa55}.station .hotspot:hover{transform:translate(-50%)}.station.in-range .hotspot{background:#153d32f2;border-color:#abe8c9;box-shadow:0 0 24px #98e4bf44;color:#d3ffe7}.station.in-range .station-ring{background:#a7e6c935;border:1px solid #bbf3d4;box-shadow:0 0 20px #9ce2be55}.you-label{position:absolute;top:-13px;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:2px;color:#d1eddf;text-shadow:0 2px 4px #000}.sprite{width:calc(var(--fw) * var(--px));height:calc(var(--fh) * var(--px));background-repeat:no-repeat;background-size:calc(var(--fw) * var(--cols) * var(--px)) calc(var(--fh) * var(--rows) * var(--px));background-position:calc(var(--col) * var(--fw) * var(--px) * -1) calc(var(--row) * var(--fh) * var(--px) * -1);image-rendering:pixelated}.character{position:absolute;transform:translate(-50%,-100%);pointer-events:none}.character .sprite{position:relative;z-index:1}.character-shadow{position:absolute;left:50%;bottom:calc(3 * var(--px));width:calc(30 * var(--px));height:calc(7 * var(--px));transform:translate(-50%);border-radius:50%;background:#0007;filter:blur(2px)}.character .you-label{top:calc(6 * var(--px));z-index:2}.chat-bubble,.npc-prompt{position:absolute;z-index:2;white-space:nowrap;animation:pop .18s ease-out}.chat-bubble{left:62%;top:calc(18 * var(--px));padding:5px 9px;font-size:11px;font-weight:600;color:#2a1d16;background:#fbf1dc;border:2px solid #2a1d16;border-radius:8px 8px 8px 2px;box-shadow:2px 2px #0006}.npc-prompt{left:50%;top:calc(4 * var(--px));transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:6px 10px;font-size:11px;color:#d3ffe7;background:#153d32f2;border:1px solid #abe8c9;border-radius:5px;box-shadow:0 0 24px #98e4bf44}.npc-prompt kbd{font-size:9px}@keyframes pop{0%{opacity:0;translate:0 6px}}.portrait img{display:block;width:100%;height:100%;image-rendering:pixelated}.portrait.speaking img{animation:talk-bob .32s steps(2) infinite}@keyframes talk-bob{50%{translate:0 -2px}}.portrait{overflow:hidden;flex-shrink:0;border-radius:6px;background:radial-gradient(circle at 50% 35%,#2b3b52,#111a27 75%);border:1px solid #586c85}.station.locked .hotspot{opacity:.8}@media(max-width:760px){.game{height:100%}.station .hotspot{font-size:11px}}.cat{pointer-events:auto;cursor:pointer;padding:0}.cat:focus-visible{outline-offset:-6px}.scenery,.scenery>*{position:absolute;pointer-events:none}.scenery{top:0;right:0;bottom:0;left:0;z-index:1}.game-screen{image-rendering:pixelated}.side-screen{overflow:hidden}.code-scroll{position:absolute;left:0;right:0;top:-25%;aspect-ratio:46 / 192;background-size:100% 50%;background-repeat:repeat-y;image-rendering:pixelated;opacity:.92;animation:code-scroll 14s steps(96) infinite}@keyframes code-scroll{to{translate:0 -50%}}.rain{overflow:hidden;background:repeating-linear-gradient(100deg,transparent 0 14px,#b4ccff2e 14px 15px,transparent 15px 31px),repeating-linear-gradient(104deg,transparent 0 22px,#9fbcff22 22px 23px,transparent 23px 47px);background-size:38px 90px,54px 130px;animation:rain .7s linear infinite}@keyframes rain{to{background-position:-16px 90px,-24px 130px}}.lightning{position:absolute;top:0;right:0;bottom:0;left:0;background:#d8e6ff;opacity:0;animation:lightning 13s infinite}@keyframes lightning{0%,93%,95%,97%,to{opacity:0}94%{opacity:.45}96%{opacity:.25}}.glow{border-radius:50%;background:radial-gradient(circle,#ffc46e40,#ffaa5014 45%,transparent 70%);mix-blend-mode:screen;animation:flicker 3s steps(1) infinite}@keyframes flicker{0%,to{opacity:1}41%{opacity:.82}44%{opacity:1}71%{opacity:.9}}.led{width:calc(var(--px) * 1.6);height:calc(var(--px) * 1.1);translate:-50% -50%;background:#b8f3ff;box-shadow:0 0 calc(var(--px) * 2) #5fd0ff;animation:blink 1.4s steps(1) infinite}@keyframes blink{0%,to{opacity:0}35%{opacity:1}55%{opacity:0}70%{opacity:.8}}.steam i{position:absolute;width:calc(var(--px) * 1.4);height:calc(var(--px) * 1.4);background:#fff6e8;opacity:0;animation:steam 2.4s linear infinite}.steam i:nth-child(2){animation-delay:.8s;left:calc(var(--px) * 1.2)}.steam i:nth-child(3){animation-delay:1.6s;left:calc(var(--px) * -1)}@keyframes steam{0%{opacity:0;translate:0 0}25%{opacity:.45}to{opacity:0;translate:calc(var(--px) * 1.5) calc(var(--px) * -9)}}@media(prefers-reduced-motion:reduce){.scenery *{animation:none!important}}.player-card{position:absolute;left:23px;top:22px;display:flex;align-items:center;padding:12px 17px 12px 10px;gap:12px;background:#0b1526df}.player-card strong{font-family:Space Grotesk Variable,sans-serif;font-size:16px}.player-card p{margin:5px 0 7px;font-size:10px;color:#b6c0cf}.level{color:#a1d7e9;margin-right:9px;font-family:monospace}.health{display:flex;gap:3px;align-items:center}.xp{width:58px;height:5px;border-radius:3px;background:#283849;margin:0 5px}.xp i{display:block;width:70%;height:100%;background:#83c9b6;border-radius:3px}.health small{font-size:8px;color:#788aa1}.minimap{position:absolute;right:22px;top:22px;width:155px;padding:12px}.minimap>div:first-child{display:flex;gap:6px;align-items:center;font-size:10px}.tiny{margin-left:auto;color:#8193a7;font-size:9px}.map-plan{height:72px;margin:10px 0 7px;border:1px solid #556074;position:relative;background:linear-gradient(90deg,transparent 49%,#35425733 50%,transparent 51%),linear-gradient(transparent 49%,#35425733 50%,transparent 51%);background-size:18px 18px}.map-plan i{position:absolute;border:1px solid #718095;background:#28324355}.map-desk{width:55px;height:15px;left:30px;top:5px}.map-couch{width:18px;height:32px;left:6px;top:26px}.map-rug{width:47px;height:27px;left:38px;top:32px}.map-plan>span{position:absolute;width:7px;height:7px;background:#a9edce;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #a9edce;translate:-50% -50%}.minimap small{display:block;text-align:center;font-size:7px;letter-spacing:1.6px;color:#7e8c9e}.room-bottom{position:absolute;left:24px;display:flex;justify-content:space-between;font-size:10px;color:#bac7c9;z-index:3;bottom:26px;right:180px;align-items:center;text-shadow:0 1px 5px #000}.room-bottom button{display:flex;align-items:center;gap:6px;font-size:10px}.game-controls{display:flex;align-items:center;gap:13px;color:#7e8c9d}.game-controls button{display:flex;color:#c3d9d1;padding:4px}.player-card,.minimap{z-index:3}.quest{position:absolute;z-index:3;top:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;padding:12px 20px;text-align:center;background:#101925d9;max-width:38%;pointer-events:none}.quest-label{font-size:8px;letter-spacing:2px;color:#a4dfc2}.quest>span:nth-child(2){font-size:12px}.quest small{font-size:9px;color:#8da599}.room-bottom>span{display:flex;align-items:center;gap:6px}.control-separator{padding:0 8px}.utility-controls{position:absolute;bottom:18px;right:22px;z-index:4;padding:10px;background:#0b1526da}.utility-controls .game-controls{display:flex;gap:15px}.touch-controls{display:none}.map-plan>b{position:absolute;width:7px;height:7px;translate:-50% -50%;background:#edb879;border-radius:50%;box-shadow:0 0 8px #edb879}.room-bottom>button:first-of-type{margin-left:auto;margin-right:18px}.quest.hidden{display:none}.lang-toggle{min-width:26px;font-size:11px;font-weight:700;letter-spacing:.5px;color:#f1c98d}@media(max-width:760px){.player-card{left:12px;padding:8px;gap:7px;top:max(12px,env(safe-area-inset-top))}.player-card strong{font-size:13px}.player-card p{font-size:8px}.minimap{right:12px;width:100px;padding:8px;top:max(12px,env(safe-area-inset-top))}.minimap>div:first-child{font-size:8px}.minimap .tiny,.minimap small{display:none}.map-plan{height:48px;margin:7px 0 0;overflow:hidden}.map-desk{width:35px;left:22px}.map-rug{width:30px;left:30px;height:17px;top:25px}.room-bottom{font-size:8px;left:18px;right:auto;bottom:max(18px,env(safe-area-inset-bottom))}.room-bottom>span{max-width:180px;display:none}.room-bottom button{font-size:8px}.game-controls{display:none}.quest{top:110px;width:max-content;max-width:calc(100% - 28px);padding:10px 15px}.quest>span:nth-child(2){font-size:11px}.quest small{display:none}.utility-controls{right:14px;bottom:max(12px,env(safe-area-inset-bottom))}.touch-controls{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px;position:absolute;z-index:4;left:22px;bottom:72px;touch-action:none;-webkit-user-select:none;user-select:none}.touch-controls button{background:#0d1829c9;border:1px solid #acc7cc77;border-radius:9px;display:grid;place-content:center;touch-action:none}.touch-controls button:active{background:#376051}.move-up{grid-column:2}.move-left{grid-column:1;grid-row:2}.move-down{grid-column:2;grid-row:2}.move-right{grid-column:3;grid-row:2}.touch-controls .touch-interact{position:fixed;bottom:86px;right:25px;width:65px;height:65px;border-radius:50%;font-size:21px;background:#224b3ce6}.touch-interact span{font-size:9px}.touch-interact:disabled{opacity:.45;background:#132032}.room-bottom>button:first-of-type{margin-right:0}}@media(pointer:coarse)and (min-width:761px){.touch-controls{display:flex;position:absolute;left:24px;bottom:65px;gap:8px;z-index:4}.touch-controls button{padding:15px;background:#142337e8;border:1px solid #8caeaa;border-radius:8px;touch-action:none}.touch-interact span{margin-left:7px}.touch-interact:disabled{opacity:.4}}.dialog-area{position:absolute;grid-template-columns:1fr 300px;gap:12px;align-items:end}.dialog{overflow:hidden;background:linear-gradient(120deg,#0d1623fc,#0b1420fa)}.dialog-heading{display:flex;align-items:center;gap:13px;padding:16px 20px 0}.speaker{font-size:12px;color:#a4e6cf;font-weight:600;display:flex;gap:7px;align-items:center}.dialog-caption{font-size:7px;letter-spacing:1.4px;color:#77879b}.about-body{display:flex;align-items:center;padding:7px 20px 20px;gap:15px;min-height:157px}.dialog h2{font-family:Space Grotesk Variable,sans-serif;font-weight:500;margin:8px 0 9px;letter-spacing:-.3px;font-size:22px}.wave{font-size:17px;margin-left:5px}.about-body p{font-size:12px;line-height:1.7;margin:5px 0}.location{display:flex;align-items:center;gap:5px;font-size:8px;color:#8294a5;margin-top:12px}.location>span{padding:0 5px}.dialog-footer{border-top:1px solid #263447;margin:0 16px;padding:10px 0;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#8392a5}.dialog-footer>span:last-child{display:flex;align-items:center;gap:5px}.dialog-footer .cyan{margin-right:4px}.project-body,.skills-body,.contact-body{padding:5px 22px 19px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.project-list button{display:flex;align-items:center;gap:12px;border:1px solid #2b3c4d;border-radius:5px;text-align:left;background:#172131;padding:12px}.project-list button:hover{border-color:#8bd5be}.project-art{flex-shrink:0;width:48px;height:48px;image-rendering:pixelated}.project-list button>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.project-list small{letter-spacing:1px;color:#90a3b9;font-size:8px}.project-list button>span:nth-child(2)>span{color:#99a7b7;font-size:11px}.project-list svg{margin-left:auto;color:#a9dcca}.project-detail p,.contact-body p{font-size:12px;color:#9daebf;line-height:1.7}.back{font-size:10px;color:#a9dcca;padding:8px 0}.project-detail small{font-size:9px;display:block;margin-top:17px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:10px;padding:7px 10px;background:#182637;border:1px solid #2d4254;border-radius:4px;color:#bacddb}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.skill-grid h3{font-size:11px;font-weight:500;display:flex;gap:7px;align-items:center}.skill-grid h3 span{color:#9de1c5}.contact-links{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.contact-links a{display:flex;align-items:center;gap:12px;background:#1b2b3c;padding:12px;border:1px solid #385061;border-radius:5px;font-size:11px}.contact-links a span{display:flex;flex-direction:column;gap:4px}.contact-links small{font-size:9px;color:#8ca4b7}.contact-links button{border:1px solid #385061;border-radius:5px;padding:10px;color:#a9dfc9}.contact-body>small{font-size:9px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#03070dbb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}.help-modal{width:min(480px,100%);padding:30px}.help-modal>.icon-button{float:right}.help-modal h2{font-family:Space Grotesk Variable,sans-serif;font-size:28px;font-weight:500}.help-modal p{line-height:1.8;color:#9baabc;font-size:13px}.help-modal>div{display:flex;align-items:center;gap:9px;color:#afc5bc;font-size:12px;margin:22px 0}.dialog-area,.dialog-area.expanded{z-index:5;bottom:75px;left:50%;right:auto;transform:translate(-50%);width:min(820px,calc(100% - 40px));display:block;animation:none;max-height:calc(100dvh - 180px);overflow:auto}.dialog-heading .icon-button{min-width:38px;min-height:38px}.dialog .about-body{min-height:180px;padding:10px 30px 20px}.dialog p{font-size:14px}.dialog .dialog-footer{font-size:10px}.project-list strong{font-size:13px}.about-body .portrait{margin-right:12px}.panel-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:12px 20px 0}.panel-tabs button{padding:6px 11px;font-size:11px;color:#9fb0c3;border:1px solid #3e4c60;border-radius:5px}.panel-tabs button.active{color:#d3ffe7;background:#153d32;border-color:#abe8c9}.achievement{position:absolute;z-index:6;top:130px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:14px 20px;border-color:#f1c98d;color:#c4ceda;font-size:12px;animation:rise .3s ease}.achievement span{display:grid;gap:2px}.achievement small{font-size:8px;letter-spacing:2px;color:#f1c98d}.achievement strong{font-family:Space Grotesk Variable,sans-serif;font-size:16px;color:#fff6e6}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,#03070dcc,#03070d66 55%,transparent),url(/assets/title.webp) 70% center / cover no-repeat #03070d;image-rendering:pixelated}.title-card{width:min(470px,100%);padding:34px;animation:rise .35s ease}.title-card h1{margin:14px 0 10px;font-family:Space Grotesk Variable,sans-serif;font-size:40px;font-weight:600;letter-spacing:-1px}.title-card p{color:#9baabc;font-size:14px;line-height:1.7}.title-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.more-projects{display:block;margin-top:10px;font-size:9px;color:#8392a5}.project-detail .project-context{margin-top:0;font-size:8px;letter-spacing:1px;color:#90a3b9}.project-detail h2{margin-top:6px}.project-highlights{margin:0 0 14px;padding-left:18px;font-size:12px;line-height:1.7;color:#b6c3d1}.title-card.waiting{visibility:hidden}.avatar-picker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.avatar-picker>span{flex-basis:100%;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#91aaa0}.avatar-picker button{display:grid;justify-items:center;gap:2px;padding:4px 10px 6px;border:1px solid #3e4c60;border-radius:6px;background:#101925}.avatar-picker button .sprite{margin:-6px 0 -2px}.avatar-picker button.selected{border-color:#abe8c9;background:#153d32;box-shadow:0 0 16px #98e4bf33}.avatar-picker small{font-size:10px;color:#c4ceda}.title-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.lang-switch{padding:4px 8px;font-size:11px;color:#9fb0c3;border:1px solid #3e4c60;border-radius:5px}.lang-switch:hover{color:#d3ffe7;border-color:#abe8c9}.loading{display:grid;gap:10px;margin-top:24px;min-height:44px}.loading-bar{height:8px;border:1px solid #586c85;border-radius:4px;overflow:hidden;background:#101925}.loading-bar i{display:block;height:100%;background:repeating-linear-gradient(90deg,#a3e4c8 0,#a3e4c8 6px,#87dfc4 6px,#87dfc4 8px);transition:width .2s steps(4)}.loading small{font-size:11px;color:#8793a6}.project-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;font-size:12px;color:#87dfc4}.project-link:hover{text-decoration:underline}@media(min-width:761px){.title-screen{place-items:center start;padding-left:max(24px,7vw)}}@media(min-width:1500px){.dialog-area{grid-template-columns:1fr 340px}}@media(max-width:1100px){.dialog-area{grid-template-columns:1fr 255px;gap:9px}.dialog-caption{display:none}.about-body{gap:3px}.location{flex-wrap:wrap}}@media(max-width:760px){.project-list{grid-template-columns:1fr}.dialog-footer>span:last-child{display:none}.dialog .about-body{align-items:flex-start}.about-body .portrait{width:72px!important;height:72px!important;margin-top:12px}.dialog-area{grid-template-columns:1fr;gap:9px}.desktop{display:none}.location,.dialog-footer{font-size:7px}.project-body,.skills-body,.contact-body{padding:4px 13px 13px}.skill-grid{gap:5px 10px}.tags span{font-size:9px;padding:5px 7px}.contact-links a{padding:9px;font-size:10px}.dialog-area.expanded .dialog h2{font-size:16px}.project-detail p{font-size:11px}.dialog-area,.dialog-area.expanded{bottom:65px;width:calc(100% - 24px);max-height:calc(100dvh - 190px)}.dialog .about-body{padding:8px 16px 16px;gap:0}.dialog h2{font-size:18px}.dialog p{font-size:12px}.dialog .dialog-footer{font-size:8px}.title-card h1{font-size:32px}}.rpg-area{position:absolute;z-index:5;left:50%;bottom:75px;transform:translate(-50%);width:min(760px,calc(100% - 40px));animation:rise .2s ease}.rpg-dialog{display:flex;gap:18px;padding:18px 20px 14px;border:2px solid #c79a5b;box-shadow:0 8px 30px #0008,inset 0 0 0 3px #0a111b;cursor:pointer}.rpg-portrait{padding-top:4px}.rpg-portrait .portrait{border:2px solid #c79a5b}.rpg-body{position:relative;flex:1;min-width:0}.rpg-name{font-family:Space Grotesk Variable,sans-serif;font-weight:600;font-size:14px;color:#f1c98d}.rpg-name span{margin-left:8px;font-family:DM Sans Variable,sans-serif;font-weight:400;font-size:10px;color:#8a9ab0}.rpg-body p{margin:8px 0 10px;font-size:15px;line-height:1.55;min-height:46px}.rpg-ghost{visibility:hidden}.rpg-choices{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:2px}.rpg-choices button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;text-align:left;font-size:13px;color:#c4ceda;border-radius:4px}.rpg-cursor{visibility:hidden;color:#f1c98d;font-size:10px}.rpg-choices button.selected{background:#f1c98d1f;color:#fff6e6}.rpg-choices button.selected .rpg-cursor{visibility:visible;animation:nudge .6s steps(2) infinite}.rpg-done{margin-left:auto;color:#87dfc4}.rpg-next{position:absolute;right:0;bottom:22px;color:#f1c98d;font-size:11px;animation:nudge-down .7s steps(2) infinite}.rpg-hint{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:10px;color:#7e8c9e}.rpg-hint kbd{font-size:9px}@keyframes nudge{50%{translate:3px 0}}@keyframes nudge-down{50%{translate:0 3px}}@media(max-width:760px){.rpg-area{bottom:65px;width:calc(100% - 24px)}.rpg-dialog{gap:12px;padding:14px}.rpg-portrait .portrait{width:64px!important;height:64px!important}.rpg-name span{display:none}.rpg-body p{font-size:13px}.rpg-hint{display:none}.rpg-choices button{min-height:44px}}.pixel-icon{display:inline-block;flex-shrink:0;width:calc(16px * var(--s, 1));height:calc(16px * var(--s, 1));background:url(/assets/ui/icons.png) 0 0 / calc(288px * var(--s, 1)) calc(16px * var(--s, 1)) no-repeat;image-rendering:pixelated;vertical-align:middle}kbd.pixel-key{display:inline-block;height:16px;padding:0;border:0;border-radius:0;box-shadow:none;background:url(/assets/ui/keys.png) no-repeat;image-rendering:pixelated;vertical-align:middle;font-size:0}.rpg-dialog.glass{background:none;box-shadow:0 10px 30px #0009;border:32px solid transparent;border-radius:0;border-image:url(/assets/ui/dialog_frame.png) 16 fill / 32px stretch;image-rendering:pixelated;padding:0}.rpg-portrait .portrait{border:16px solid transparent;border-radius:0;border-image:url(/assets/ui/dialog_portrait_frame.png) 8 fill / 16px stretch;image-rendering:pixelated;background:none;box-sizing:content-box}.chat-bubble{border:12px solid transparent;border-radius:0;border-image:url(/assets/ui/chat_bubble.png) 8 fill / 12px stretch;image-rendering:pixelated;background:none;box-shadow:none;padding:0 2px;line-height:1.1}.chat-bubble:after{content:"";position:absolute;left:4px;bottom:-22px;width:16px;height:12px;background:url(/assets/ui/chat_bubble_tail.png) 0 0 / 16px 12px;image-rendering:pixelated}.station-ring{left:-32px;top:-16px;width:64px;height:32px;border:0;border-radius:0;background:url(/assets/ui/floor_marker.png) 0 0 / 256px 32px;image-rendering:pixelated;opacity:.75;animation:marker .9s steps(4) infinite}.station.in-range .station-ring{border:0;background-color:transparent;box-shadow:none;opacity:1;filter:drop-shadow(0 0 6px #ffd58a) brightness(1.3)}@keyframes marker{to{background-position-x:-256px}}.badge{display:block;width:64px;height:64px;background:url(/assets/ui/badge.png) 0 0 / 256px 64px;image-rendering:pixelated;animation:badge .8s steps(4) infinite}@keyframes badge{to{background-position-x:-256px}}@media(max-width:760px){.rpg-dialog.glass{border-width:24px;border-image-width:24px}.rpg-portrait .portrait{border-width:12px;border-image-width:12px}}@media(prefers-reduced-motion:reduce){.station-ring,.badge{animation:none}}.health .pixel-icon{filter:hue-rotate(-38deg) saturate(2.4)}