@property --accent{syntax: "<color>"; inherits: true; initial-value: #ff2d95;}@property --accent2{syntax: "<color>"; inherits: true; initial-value: #ffb347;}:root{--accent: #ff2d95;--accent2: #ffb347;--ink: #f4f1f6;--muted: rgba(244, 241, 246, .66);--green: #3ddc6e;--f-head: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;--f-body: "Barlow", system-ui, sans-serif;--f-script: "Kaushan Script", "Brush Script MT", cursive;transition:--accent .9s ease,--accent2 .9s ease;font-size:max(10px,min(calc(100vw / 120),calc(100vh / 67.5)))}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:#07060b;color:var(--ink);font-family:var(--f-head);overflow:hidden;-webkit-font-smoothing:antialiased;cursor:none}@media(pointer:coarse){body{cursor:auto}#cursor{display:none}}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:none;text-align:left}a{color:inherit;text-decoration:none;cursor:none}.ico{width:1.2em;height:1.2em;flex:none}#gl,#car3d,#plate-fallback{position:fixed;inset:0;width:100%;height:100%;display:block}#car3d{pointer-events:none;opacity:0}#plate-fallback{background-size:cover;background-position:center;display:none}.crt{position:fixed;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);mix-blend-mode:multiply}#screens{position:fixed;inset:0;z-index:3}.screen{position:absolute;inset:0;display:none;pointer-events:none}.screen.active{display:block}.panel,.s-title,.brand{position:absolute;left:4.4rem}.panel{--top: 19.5rem;top:var(--top);width:40rem;max-height:calc(100% - var(--top) - 12.5rem);overflow:auto;scrollbar-width:none;pointer-events:auto}.panel::-webkit-scrollbar{display:none}.a{will-change:transform,opacity}.s-title{top:1.8rem;pointer-events:none}.s-title h2,.brand h1{margin:0;font:italic 800 6.4rem/.92 var(--f-head);text-transform:uppercase;letter-spacing:-.01em;background:linear-gradient(180deg,#fff,#cfccd6,#8d8a97);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .25rem 0 rgba(0,0,0,.45))}.script{display:block;font:400 3.6rem/1 var(--f-script);color:var(--accent);margin:-1.1rem 0 0 2.2rem;transform:rotate(-4deg);transform-origin:left center;text-shadow:0 0 1.4rem color-mix(in srgb,var(--accent) 65%,transparent)}.brand{top:1.8rem}.brand h1{font-size:8.4rem;line-height:.86}.brand h1 span{display:block}.brand h1 .l2 em{font-style:italic;margin-left:1.2rem;background:linear-gradient(180deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.brand .script{margin-top:-.2rem;font-size:4rem}.menu-panel{--top: 28.5rem}.brand .hello{margin:1.1rem 0 0 .2rem;font-size:1.4rem;line-height:1.45}.menu{display:flex;flex-direction:column;width:29rem}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1.6rem;font:600 2.15rem/1.2 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1;border-left:.25rem solid transparent;transition:background .25s,color .25s,padding .25s}.menu-item .ico{opacity:0;transition:opacity .2s}.menu-item.active{color:#fff;padding-left:2.1rem;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 92%,transparent),color-mix(in srgb,var(--accent) 35%,transparent));border-left-color:#fff;box-shadow:0 0 2.4rem color-mix(in srgb,var(--accent) 45%,transparent)}.menu-item.active .ico{opacity:1}.hello{margin:0;font:500 1.5rem/1.5 var(--f-head);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.hello strong{color:#fff;font-weight:800;letter-spacing:.1em}.hello b{color:var(--accent);font-weight:700}.ibox{display:grid;place-items:center;flex:none;width:3.2rem;height:3.2rem;border-radius:.35rem;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 85%,#fff 0%),color-mix(in srgb,var(--accent2) 70%,#000 0%));box-shadow:inset 0 0 0 1px #ffffff40,0 0 1.2rem color-mix(in srgb,var(--accent) 35%,transparent)}.ibox .ico{width:1.7rem;height:1.7rem}.row,.card,.c-item{display:flex;align-items:center;gap:1.2rem;padding:.9rem 1.2rem;margin-bottom:.6rem;background:linear-gradient(90deg,#0a0910d1,#0a091094);border-left:.22rem solid var(--accent);backdrop-filter:blur(.3rem)}.row b,.card b,.c-item b{display:block;font:700 1.9rem/1.1 var(--f-head);letter-spacing:.06em;text-transform:uppercase}.row span:not(.ibox),.card .c-txt>span,.c-item small{color:var(--muted);font:500 1.4rem/1.25 var(--f-body)}.btn{display:inline-flex;align-items:center;gap:1.2rem;margin-top:1rem;padding:.85rem 1.8rem;font:700 1.6rem/1 var(--f-head);letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 88%,transparent),color-mix(in srgb,var(--accent) 25%,transparent));border-left:.25rem solid #fff;transition:transform .25s,box-shadow .25s}.btn:hover,.btn:focus-visible{transform:translate(.5rem);box-shadow:0 0 2rem color-mix(in srgb,var(--accent) 55%,transparent)}.about-panel{--top: 17.5rem;width:43rem}.about-panel .row{padding:.6rem 1.2rem}.lead{margin:0 0 1.2rem;font:500 1.7rem/1.45 var(--f-body);color:#ffffffe0;text-shadow:0 .1rem .6rem rgba(0,0,0,.6)}.skills-panel{--top: 18.5rem;width:84rem;display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}.sk-h:not(:first-child){margin-top:1.6rem}.sk-h{margin:0 0 .7rem;font:700 1.5rem/1 var(--f-head);letter-spacing:.3em;color:var(--accent)}.skill{display:grid;grid-template-columns:23rem 1fr 3.8rem;align-items:center;gap:1rem;margin-bottom:.55rem;font:600 1.3rem/1 var(--f-head);letter-spacing:.06em;text-transform:uppercase}.sk-bar{height:.55rem;background:#ffffff24;position:relative;overflow:hidden}.sk-bar i{position:absolute;inset:0 auto 0 0;width:var(--v);background:linear-gradient(90deg,var(--accent2),var(--accent));transform-origin:left;box-shadow:0 0 .8rem color-mix(in srgb,var(--accent) 60%,transparent)}.sk-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-p{color:var(--accent);text-align:right}.projects-panel{--top: 18.5rem;width:50rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.chip{padding:.35rem .85rem;font:700 1.15rem/1 var(--f-head);letter-spacing:.14em;border:1px solid rgba(255,255,255,.28);background:#0a091099;transition:background .2s,border-color .2s}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent);border-color:var(--accent);color:#07060b}.card.off{display:none}.c-head{display:flex;align-items:center;gap:1.2rem;width:100%;padding:.65rem 1.2rem}.c-head .chev{margin-left:auto;transition:transform .3s;opacity:.7}.badge+.chev{margin-left:1rem}.card.open .chev{transform:rotate(180deg)}.c-body{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 1.2rem 0 5.6rem}.card.open .c-body{max-height:16rem;padding-bottom:.9rem}.c-body p{margin:0 0 .6rem;font:400 1.35rem/1.45 var(--f-body);color:#ffffffd1}.c-link{display:inline-flex;align-items:center;gap:.5rem;font:700 1.3rem/1 var(--f-head);letter-spacing:.2em;color:var(--accent);border-bottom:1px solid var(--accent)}.card{display:block;margin-bottom:.5rem;padding:0;transition:background .25s}.card:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 30%,rgba(10,9,16,.85)),#0a091099)}.card .c-txt{display:flex;flex-direction:column;min-width:0}.card b{font-size:1.75rem}.badge{margin-left:auto;font:700 1.1rem/1 var(--f-head);letter-spacing:.2em;padding:.35rem .7rem;border:1px solid var(--accent);color:var(--accent)}.journey-panel{--top: 17rem;width:52rem}.timeline{position:relative;padding-left:2.4rem}.timeline:before{content:"";position:absolute;left:.45rem;top:.6rem;bottom:.6rem;width:2px;background:linear-gradient(var(--accent),transparent)}.tl{position:relative;margin-bottom:1.1rem;text-shadow:0 .1rem .6rem rgba(0,0,0,.7)}.tl-dot{position:absolute;left:-2.4rem;top:.3rem;width:1rem;height:1rem;border-radius:50%;border:2px solid var(--accent);background:#07060b;box-shadow:0 0 .9rem var(--accent)}.tl small{display:block;font:700 1.25rem/1 var(--f-head);letter-spacing:.25em;text-transform:uppercase;color:var(--accent)}.tl h3{margin:.3rem 0 .15rem;font:700 2rem/1.1 var(--f-head);letter-spacing:.02em}.tl p{margin:0;font:400 1.3rem/1.4 var(--f-body);color:#ffffffc7}.contact-panel{--top: 19rem;width:38rem}.c-item{transition:transform .25s}.c-item:hover{transform:translate(.5rem)}.c-item small{display:block;font:600 1.1rem/1 var(--f-head);letter-spacing:.3em;color:var(--accent);margin-bottom:.25rem}.c-item b{font:500 1.8rem/1.1 var(--f-body);text-transform:none;letter-spacing:0}.outro-panel{--top: 22rem}.credit{margin:0;font:600 1.6rem/1 var(--f-head);letter-spacing:.35em;text-transform:uppercase;color:var(--accent)}.credit-name{margin:.5rem 0 0;font:italic 800 4.6rem/1 var(--f-head);text-transform:uppercase}.credit-year{margin:.8rem 0 1.2rem;font:500 1.6rem var(--f-body);color:var(--muted)}.hud{position:fixed;inset:0;z-index:5;pointer-events:none}.hud>*,.hud-r>*{position:absolute}.hud button,.hud a,.rail{pointer-events:auto}.radio{left:50%;top:1.6rem;transform:translate(-50%);width:12.5rem;height:3.4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem;border-radius:2rem;background:#08080ed1;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.radio b{font:700 1.8rem var(--f-head)}.eq{display:flex;gap:.2rem;align-items:flex-end;height:1.4rem}.eq i{width:.25rem;background:var(--accent);animation:eq 1s ease-in-out infinite}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:.3rem}50%{height:1.4rem}}.countdown{left:50%;top:10.4rem;transform:translate(-50%);text-align:center}.countdown small{display:block;font:600 1.05rem/1 var(--f-head);letter-spacing:.38em;color:var(--accent);margin-bottom:.6rem}.countdown b{font:italic 700 2.7rem/1 var(--f-head)}.countdown u{text-decoration:none;font:600 1.1rem var(--f-head);color:var(--muted);margin-right:.5rem}.hud-r{right:0;top:0;width:0;height:0}.hud-r>*{right:9.2rem;text-align:right;white-space:nowrap}.clock{top:1.2rem;font:italic 700 3.6rem/1 var(--f-head);text-shadow:0 .15rem .5rem rgba(0,0,0,.6)}.money{top:5rem;font:italic 800 2.7rem/1 var(--f-head);color:var(--green);text-shadow:0 .15rem .5rem rgba(0,0,0,.6)}.health{top:8.4rem;font:italic 700 1.7rem/1 var(--f-head);color:#fff}.health span{color:var(--accent);font-size:1.2rem}.progress{top:10.9rem;width:11.6rem;height:.7rem;background:#0000008c;overflow:hidden}.progress i{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,var(--accent2),var(--accent))}.stars{top:12.6rem;display:flex;gap:.55rem}.star{font-style:normal;font-size:2.1rem;line-height:1;color:#ffffff47;transition:color .4s,transform .4s,text-shadow .4s}.star.on{color:#f1b73a;text-shadow:0 0 .8rem rgba(241,183,58,.7);transform:scale(1.1)}.esc{top:16.2rem;padding:.6rem 1.4rem;font:500 1.25rem/1 var(--f-head);letter-spacing:.3em;color:#fff9;background:#0a0a0e99;border:1px solid rgba(255,255,255,.12);transition:opacity .3s,color .2s}.esc:hover{color:#fff}body[data-screen=menu] .esc{opacity:0;pointer-events:none}.badge-e{right:2.2rem;top:1.9rem;width:5.4rem;height:5.4rem;display:grid;place-items:center;overflow:hidden;font:italic 800 3rem var(--f-head);color:#ffffffd9;background:#281e1e59;border:1px solid rgba(255,255,255,.35)}.minimap{left:3.2rem;bottom:3rem;width:13.4rem;height:8.8rem;border:.15rem solid color-mix(in srgb,var(--accent) 70%,#fff 10%);background:#050810b8;overflow:hidden;pointer-events:none;transition:border-color .9s}.minimap canvas{width:100%;height:100%;display:block}.minimap .blip{position:absolute;width:1rem;height:1rem;border-radius:50%;border:2px solid var(--accent);transform:translate(-50%,-50%);display:none}.minimap.fallback{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:1.6rem 1.6rem}.minimap.fallback .blip{display:block}.objective{left:18.4rem;bottom:3.6rem}.objective small{display:block;font:600 1.15rem/1 var(--f-head);letter-spacing:.35em;color:var(--accent);margin-bottom:.5rem}.objective b{display:block;font:700 2.7rem/1.02 var(--f-head);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 .15rem .6rem rgba(0,0,0,.6)}.footer-tags{left:3.2rem;bottom:.8rem;margin:0;font:500 1.15rem/1 var(--f-head);letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.footer-tags i{font-style:normal;margin:0 .6rem}.quote{right:4rem;bottom:4.6rem;margin:0;text-align:right;font:italic 400 2.1rem/1.5 var(--f-script);color:#ffffffeb;text-shadow:0 .15rem .6rem rgba(0,0,0,.7)}.quote cite{display:block;font-style:normal;font-size:2rem;color:var(--accent);margin-top:.4rem}.rail{right:1.4rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.1rem;z-index:6}.rail-dot{position:relative;width:.9rem;height:.9rem;border:2px solid rgba(255,255,255,.55);border-radius:50%;transition:background .3s,border-color .3s,transform .3s}.rail-dot span{position:absolute;right:1.8rem;top:50%;transform:translateY(-50%);font:600 1.15rem/1 var(--f-head);letter-spacing:.25em;white-space:nowrap;opacity:0;transition:opacity .2s;color:#fff;text-shadow:0 .1rem .4rem #000;pointer-events:none}.rail-dot:hover span,.rail-dot.active span{opacity:1}.rail-dot.active{background:var(--accent);border-color:var(--accent);transform:scale(1.25);box-shadow:0 0 1rem var(--accent)}.keys span:nth-child(2){display:none}body[data-screen=menu] .keys span:nth-child(2){display:inline}.keys{left:50%;bottom:.8rem;transform:translate(-50%);display:flex;gap:2rem;font:500 1.1rem/1 var(--f-head);letter-spacing:.15em;text-transform:uppercase;color:#ffffff73}kbd{font:inherit;padding:.2rem .5rem;margin-right:.3rem;border:1px solid rgba(255,255,255,.3);border-radius:.25rem}.toasts{position:fixed;right:4rem;bottom:15rem;z-index:7;display:flex;flex-direction:column;gap:.8rem;align-items:flex-end;pointer-events:none}.toast{padding:1rem 1.8rem;background:#08080ee0;border-right:.3rem solid var(--accent);text-align:right}.toast small{display:block;font:600 1.1rem/1 var(--f-head);letter-spacing:.35em;color:var(--accent)}.toast b{display:block;margin-top:.4rem;font:italic 800 2.4rem/1 var(--f-head);text-transform:uppercase}.toast.big b{color:#f1b73a;font-size:3.4rem}#cursor{position:fixed;left:0;top:0;z-index:99;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .3s}#cursor.on{opacity:1}#cursor i{position:absolute;width:2.8rem;height:2.8rem;margin:-1.4rem 0 0 -1.4rem;border:2px solid #fff;border-radius:50%;transition:width .25s,height .25s,margin .25s,background .25s}#cursor b{position:absolute;width:.45rem;height:.45rem;margin:-.225rem 0 0 -.225rem;background:#fff;border-radius:50%}#cursor.hover i{width:4.6rem;height:4.6rem;margin:-2.3rem 0 0 -2.3rem;background:#ffffff2e}.loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#07060b}.loader-in{width:min(46rem,80vw);text-align:center}.loader h1{margin:0 0 2rem;font:italic 800 4.4rem/1 var(--f-head);letter-spacing:.04em}.loader h1 em{color:var(--accent)}.loader-bar{height:.45rem;background:#ffffff1f;overflow:hidden}.loader-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent2),var(--accent))}.loader small{display:block;margin-top:1rem;font:600 1.2rem var(--f-head);letter-spacing:.4em;color:var(--muted)}html:not(.js) .loader{display:none}@media(max-width:820px),(max-aspect-ratio:1/1){:root{font-size:max(11px,min(3.4vw,2.2vh))}.panel,.s-title,.brand{left:1.6rem}.s-title,.brand{top:6.2rem}.panel{--top: 24rem !important;right:1.6rem;width:auto!important}.s-title h2,.brand h1{font-size:5rem}.brand h1{font-size:6.4rem}.script{font-size:3rem;margin-top:-1rem}.menu-panel{--top: 28.5rem !important}.menu{width:100%}.menu-item{font-size:1.9rem;padding:.35rem 1.4rem}.brand .hello{display:none}.skills-panel{grid-template-columns:1fr}.radio,.countdown,.keys,.quote,.footer-tags,.rail,.badge-e{display:none}.hud-r>*{right:1.6rem}.clock{font-size:2.6rem}.money{top:4.2rem;font-size:2.2rem}.health,.progress,.stars,.esc,.minimap{display:none}.objective{left:1.6rem;bottom:2rem}.objective b{font-size:2.2rem}.toasts{right:1.6rem;bottom:9rem}}@media(prefers-reduced-motion:reduce){.eq i{animation:none;height:.9rem}}html:not(.js) .screen{display:block;position:relative;min-height:100vh}.badge-e img,.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%}.badge-e{position:absolute}.who{display:flex;align-items:center;gap:1.4rem;margin-bottom:1.1rem}.avatar{position:relative;flex:none;width:6.2rem;height:6.2rem;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:.2rem solid var(--accent);box-shadow:0 0 1.6rem color-mix(in srgb,var(--accent) 50%,transparent);background:#15121c}.avatar b{font:italic 800 3rem var(--f-head)}.who>div b{display:block;font:800 2.2rem/1.05 var(--f-head);letter-spacing:.06em}.who>div span{display:block;margin-top:.3rem;font:500 1.2rem/1.35 var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.title-logo{position:absolute;left:8rem;top:17rem}.title-logo small{display:block;margin-bottom:1rem;font:500 1.8rem/1 var(--f-head);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.title-logo small strong{color:#fff}.title-logo h1{margin:0;font:italic 800 13rem/.84 var(--f-head);text-transform:uppercase;letter-spacing:-.01em;background:linear-gradient(180deg,#fff,#cfccd6,#8d8a97);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .35rem 0 rgba(0,0,0,.45))}.title-logo h1 span{display:block}.title-logo h1 em{font-style:italic;margin-left:1.6rem;background:linear-gradient(180deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.title-logo .script{font-size:5.4rem;margin:1.6rem 0 0 3rem}.title-tag{margin:2.2rem 0 0;font:600 2rem/1 var(--f-head);letter-spacing:.22em;text-transform:uppercase;color:#ffffffd9}.title-tag b{color:var(--accent);font-weight:700}.press{display:inline-block;margin-top:4rem;padding:.6rem 0;font:700 2.6rem/1 var(--f-head);letter-spacing:.5em;text-transform:uppercase;border-bottom:.15rem solid var(--accent);animation:blink 1.4s ease-in-out infinite;pointer-events:auto}.press:hover{color:var(--accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.title-foot{position:absolute;left:8rem;bottom:2.4rem;margin:0;font:500 1.2rem/1 var(--f-head);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}body[data-screen=title] .hud,body[data-screen=title] .rail{opacity:0;pointer-events:none}body[data-screen=title] .esc{display:none}.hud{transition:opacity .6s}body[data-screen=title] .keys span:nth-child(2){display:inline}.snd{position:fixed;right:1.4rem;bottom:1.4rem;z-index:8;width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;background:#08080eb3;border:1px solid rgba(255,255,255,.3)}.snd[hidden]{display:none}.snd.off{opacity:.45;text-decoration:line-through}@media(max-width:820px),(max-aspect-ratio:1/1){.title-logo{left:1.6rem;top:12rem}.title-logo h1{font-size:8.4rem}.title-logo .script{font-size:3.6rem}.title-tag{font-size:1.4rem}.press{font-size:2rem;letter-spacing:.3em}.title-foot{left:1.6rem}.projects-panel,.skills-panel{grid-template-columns:1fr}.c-body{padding-left:1.2rem}}#game-root{position:fixed;inset:0;z-index:30;background:#05040a}#game-root[hidden]{display:none}
