:root{color-scheme:dark;color:#f8f5ff;font-synthesis:none;background:#0c0814;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;overflow-x:clip}body{background:radial-gradient(circle at 12% 10%,#7c4add38,#0000 28rem),radial-gradient(circle at 88% 24%,#ff7a5924,#0000 24rem),#0c0814;width:100%;min-width:320px;max-width:100%;min-height:100vh;margin:0;overflow-x:clip}a{color:inherit}.skip-link{z-index:100;color:#120c22;background:#fff;border-radius:.5rem;padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer,main{width:calc(100% - 2rem);max-width:1180px;margin-inline:auto}.site-header{color:#c9bedf;justify-content:space-between;align-items:center;padding-block:1.25rem;display:flex}.brand{color:#fff;letter-spacing:.16em;align-items:center;gap:.55rem;font-size:1.25rem;font-weight:900;text-decoration:none;display:inline-flex}.brand span{color:#9b8afb}.site-header p,.site-footer p{margin:0}.hero{align-content:center;justify-items:start;min-height:58vh;padding-block:4rem 5rem;display:grid}.hero__eyebrow,.section-heading p,.experience-card__eyebrow,.experience-shell__heading p{color:#a996cc;letter-spacing:.13em;text-transform:uppercase;margin:0 0 .7rem;font-size:.8rem;font-weight:800}h1,h2,p{text-wrap:pretty}.hero h1{letter-spacing:-.06em;max-width:900px;margin:0;font-size:clamp(2.7rem,8vw,6.6rem);line-height:.94}.hero__lead{color:#c9bedf;max-width:660px;margin:1.5rem 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.primary-action,.experience-card>a{border-radius:999px;justify-content:center;align-items:center;min-height:48px;font-weight:800;text-decoration:none;display:inline-flex}.primary-action{color:#10091d;background:#ffd166;margin-top:2rem;padding:.85rem 1.3rem;box-shadow:0 12px 40px #ffd16633}.experience-grid{padding-block:2rem 5rem}.section-heading h2{letter-spacing:-.04em;margin:0 0 1.7rem;font-size:clamp(2rem,5vw,3.8rem)}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:1rem;display:grid}.experience-card{background:linear-gradient(150deg,#ffffff12,#ffffff05);border:1px solid #ffffff1a;border-radius:1.5rem;align-content:start;gap:1.1rem;min-height:330px;padding:1.4rem;display:grid;box-shadow:0 20px 70px #0000002e}.experience-card.featured{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.experience-card__icon{background:color-mix(in srgb, var(--accent) 22%, transparent);border-radius:1rem;place-items:center;width:3.5rem;height:3.5rem;font-size:1.7rem;display:grid}.experience-card h2{margin:0;font-size:1.7rem}.experience-card div p:last-child{color:#c9bedf;line-height:1.55}.experience-card>a{color:var(--accent);place-self:end start;gap:.5rem}.experience-shell{width:100%;min-width:0;max-width:100%;padding-block:4rem 6rem}.back-link{color:#bbaed5}.experience-shell__heading{align-items:center;gap:1.4rem;margin-block:3rem 2rem;display:flex}.experience-shell__heading,.experience-shell__heading>div{min-width:0;max-width:100%}.experience-shell__heading>span{font-size:clamp(3rem,8vw,6rem)}.experience-shell__heading h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,7vw,5.5rem)}.experience-shell__heading div>p:last-child{color:#c9bedf}.game-placeholder{text-align:center;border:1px dashed color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 8%, #120c22);border-radius:1.5rem;place-content:center;min-height:340px;padding:2rem;display:grid}.background-selector{border:0;margin:1rem 0 0;padding:0}.background-selector legend{color:#c9bedf;margin-bottom:.75rem;font-size:.85rem;font-weight:800}.background-selector__options{flex-wrap:wrap;gap:.55rem;display:flex}.background-selector button,.secondary-action{color:#e9e2f7;cursor:pointer;background:#0c081494;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:.45rem;min-height:44px;padding:.55rem .8rem;display:inline-flex}.background-selector button[aria-pressed=true]{color:#fff;border-color:#ffd166;box-shadow:inset 0 0 0 1px #ffd166}.background-swatch{border:1px solid #ffffff59;border-radius:50%;width:.8rem;height:.8rem}.background-swatch--black{background:#050508}.background-swatch--office{background:linear-gradient(135deg,#355c7d,#c6b38e)}.background-swatch--vacation{background:linear-gradient(135deg,#21c7c7,#ffd166)}.background-swatch--nature{background:linear-gradient(135deg,#14532d,#84cc16)}.background-swatch--space{background:linear-gradient(135deg,#1e1b4b,#a855f7)}.background-swatch--gradient{background:linear-gradient(135deg,#ef476f,#9b8afb)}.experience-stage{isolation:isolate;background:#120c22;border:1px solid #ffffff1f;border-radius:1.5rem;width:100%;min-width:0;max-width:100%;min-height:440px;transition:background .25s;position:relative;overflow:hidden}.experience-stage:before{z-index:0;content:"";pointer-events:none;background:radial-gradient(circle at 70% 18%,#ffffff24,#0000 35%);position:absolute;inset:0}.experience-stage:after{z-index:0;content:"";color:#fff;letter-spacing:clamp(1rem,5vw,4rem);text-align:center;white-space:nowrap;opacity:.52;filter:saturate(.9);pointer-events:none;font-size:clamp(2rem,5vw,3.75rem);line-height:1;position:absolute;bottom:6.5rem;left:-2rem;right:-2rem;overflow:hidden}.experience-stage>*{z-index:1;position:relative}.experience-stage[data-background=black]{background:radial-gradient(circle at 78% 20%,#f6f0cf 0 7%,#0000 7.5%),radial-gradient(circle at 14% 16%,#fff 0 1px,#0000 2px),radial-gradient(circle at 32% 32%,#fff 0 1px,#0000 2px),radial-gradient(circle at 62% 12%,#fff 0 1.5px,#0000 2.5px),radial-gradient(circle at 88% 42%,#fff 0 1px,#0000 2px),linear-gradient(#080b21 0 62%,#10182b 62% 100%)}.experience-stage[data-background=black]:after{content:"🌙  ✨  🏖️  🔦  🌊";animation:12s ease-in-out infinite alternate ambient-drift}.experience-stage[data-background=office]{background:repeating-linear-gradient(90deg,#ffffff0a 0 2px,#0000 2px 5rem),linear-gradient(#d8cdbb 0 64%,#7a5139 64% 68%,#4d3529 68% 100%)}.experience-stage[data-background=office]:before{background:linear-gradient(90deg,#0000 49.2%,#33495b 49.2% 50.8%,#0000 50.8%),linear-gradient(#0000 48.5%,#33495b 48.5% 51.5%,#0000 51.5%),linear-gradient(90deg,#0000 0 7%,#536777 7% 13%,#0000 13% 20%,#405565 20% 30%,#0000 30% 38%,#607483 38% 44%,#0000 44% 61%,#455b6b 61% 72%,#0000 72% 79%,#536777 79% 91%,#0000 91%) bottom/100% 34% no-repeat,radial-gradient(circle at 82% 20%,#ffe39a 0 8%,#0000 8.5%),linear-gradient(#75c6e8,#cbeaf2 70%,#71808b 70%);border:.7rem solid #33495b;border-radius:.35rem;inset:8% 5% 29%;box-shadow:0 12px 30px #18141252,inset 0 0 36px #ffffff29}.experience-stage[data-background=office]:after{content:"📚  📝  ☕  🏖️🔒  🖨️";animation:1.8s steps(2,end) infinite office-busy}.experience-stage[data-background=vacation]{background:radial-gradient(circle at 82% 18%,#fff3a1 0 8%,#0000 8.5%),repeating-radial-gradient(at 50% 115%,#fff3 0 8%,#0000 8.5% 16%),linear-gradient(#09a7bd 0 58%,#f4d35e 58% 100%)}.experience-stage[data-background=vacation]:after{content:"🕶️  🏖️  🍹  🧳  🦀";animation:10s ease-in-out infinite alternate ambient-drift}.experience-stage[data-background=nature]{background:linear-gradient(135deg,#0000 50%,#134e3785 50%) 0 42%/34% 38% repeat-x,linear-gradient(225deg,#0000 50%,#24674194 50%) 17% 42%/34% 38% repeat-x,linear-gradient(#7dd3c7 0 58%,#39733d 58% 100%)}.experience-stage[data-background=nature]:after{content:"🌲  🏕️  🦌  🌻  🌲";animation:5s ease-in-out infinite alternate nature-breeze}.experience-stage[data-background=space]{background:radial-gradient(circle at 18% 22%,#d8b4fe 0 1px,#0000 2px),radial-gradient(circle at 38% 12%,#fff 0 1px,#0000 2px),radial-gradient(circle at 62% 30%,#7dd3fc 0 1.5px,#0000 2.5px),radial-gradient(circle at 86% 15%,#fff 0 1px,#0000 2px),radial-gradient(circle at 78% 32%,#7c3aed 0 9%,#0000 9.5%),radial-gradient(circle at 22% 55%,#2563eb 0 13%,#0000 13.5%),linear-gradient(145deg,#050318,#16114a 60%,#2e1065)}.experience-stage[data-background=space]:after{content:"🚀  🪐  🛸  ☄️  👨‍🚀";animation:8s ease-in-out infinite alternate space-float}.experience-stage[data-background=gradient]{background:repeating-conic-gradient(from 20deg at 50% 45%, #ffffff1a 0 12deg, transparent 12deg 34deg), radial-gradient(circle at 24% 22%, #ffcf5c 0 12%, transparent 12.5%), radial-gradient(circle at 78% 68%, #50e3c2 0 16%, transparent 16.5%), linear-gradient(135deg, #7b2cbf, #ef476f 52%, #ff8c42)}.experience-stage[data-background=gradient]:after{content:"🎯  🎈  🌀  🤹  💥";animation:3s ease-in-out infinite alternate chaos-wobble}@keyframes ambient-drift{0%{transform:translate(-1.5%)rotate(-1deg)}to{transform:translate(1.5%,-.5rem)rotate(1deg)}}@keyframes office-busy{0%,to{transform:translate(-.35rem)}50%{transform:translate(.35rem)}}@keyframes nature-breeze{0%{transform:translate(-.5%)rotate(-1deg)}to{transform:translate(.5%)rotate(1deg)}}@keyframes space-float{0%{transform:translate(-1%,.25rem)rotate(-2deg)}to{transform:translate(1%,-.75rem)rotate(2deg)}}@keyframes chaos-wobble{0%{transform:translate(-1%)rotate(-3deg)scale(.98)}to{transform:translate(1%)rotate(3deg)scale(1.02)}}loki-runaway{display:block}.runaway-arena{touch-action:pan-y;min-height:370px;position:relative}.runaway-hint{color:#fff;text-align:center;text-shadow:0 1px 3px #000000e6;backdrop-filter:blur(6px);background:#080510a8;border:1px solid #ffffff2e;border-radius:999px;width:min(90%,560px);margin:0;padding:.65rem 1rem;font-size:clamp(1rem,1.4vw,1.18rem);font-weight:750;line-height:1.35;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.runaway-button{color:#1a1028;cursor:pointer;touch-action:manipulation;will-change:transform;background:#ffd166;border:0;border-radius:999px;min-width:190px;min-height:52px;padding:.8rem 1.1rem;font-weight:900;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .2s;position:absolute;top:0;left:0;box-shadow:0 14px 42px #00000052}.runaway-button.is-catchable{color:#fff;background:#2dd4bf;box-shadow:0 0 0 5px #2dd4bf33,0 14px 42px #00000052}.runaway-success{text-align:center;backdrop-filter:blur(10px);background:#07050eb8;border-radius:1.5rem;width:min(88%,520px);padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.runaway-success>span{font-size:3rem}.runaway-success strong{margin-top:.5rem;font-size:1.5rem;display:block}.runaway-success p{color:#c9bedf}.runaway-success b{color:#ffd166;font-variant-numeric:tabular-nums}.runaway-success .runaway-verdict{color:#f4effc;font-style:italic}.runaway-success .runaway-record{color:#7de2d1;font-weight:800}.runaway-footer{color:#eee7fa;background:#05030a94;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:1rem;min-height:70px;padding:.75rem 1rem;display:flex}.runaway-status{margin:0}.runaway-clock{color:#ffd166;font-variant-numeric:tabular-nums;margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;font-weight:900;display:inline-block}.runaway-clock-note{color:#9b8faa;margin-top:.15rem;font-size:.72rem;display:block}.secondary-action{font-weight:800}.game-placeholder p{color:#c9bedf}.site-footer{color:#85799c;border-top:1px solid #ffffff14;padding-block:2rem 3rem}:focus-visible{outline-offset:4px;outline:3px solid #ffd166}@media (width<=560px){.site-header,.site-footer,main{width:100%;max-width:100%;padding-inline:1rem}.site-header p{display:none}.hero{min-height:auto;padding-block:5rem}.experience-card{min-height:290px}.experience-shell{padding-block:2rem 4rem}.experience-shell__heading{grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem;margin-block:2rem 1.5rem;display:grid}.experience-shell__heading>span{font-size:3.25rem}.experience-shell__heading h1{font-size:clamp(2.35rem,11vw,3.5rem)}.background-selector__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:0;display:grid;overflow:visible}.background-selector button{justify-content:flex-start;width:100%;min-width:0;padding-inline:.75rem;font-size:.9rem}.experience-stage{min-height:420px}.experience-stage:after{bottom:9.5rem}.runaway-hint{border-radius:1rem;width:calc(100% - 1.5rem);padding:.7rem .8rem;font-size:1rem;top:.75rem}.runaway-arena{min-height:350px}.runaway-button{min-width:170px}.runaway-footer{flex-direction:column;align-items:stretch}.secondary-action{justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
