:root{color-scheme:dark;--bg: #101214;--surface: #171a1d;--text: #e9eaec;--muted: #a3a8af;--faint: #8a9098;--line: #2a2e33;--line-strong: #3d4248;--accent: #5aaee8;--accent-strong: #0678be;--accent-soft: rgba(90, 174, 232, .12);--on-accent: #fff;--success: #6fcf97;--focus: #8cc8f2;--font-display: "Newsreader Variable", Georgia, "Times New Roman", serif;--font-sans: "Public Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono Variable", ui-monospace, "SFMono-Regular", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: clamp(1.2rem, 1.1rem + .5vw, 1.4rem);--text-xl: clamp(1.45rem, 1.25rem + 1vw, 1.9rem);--text-2xl: clamp(1.9rem, 1.5rem + 2vw, 2.8rem);--text-3xl: clamp(2.8rem, 1.6rem + 5vw, 5.4rem);--leading-tight: 1.1;--leading-snug: 1.35;--leading-body: 1.6;--tracking-tight: -.02em;--tracking-caps: .12em;--measure: 68ch;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--space-9: 6rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius: .75rem;--radius-pill: 999px;--border-1: 1px;--border-2: 2px;--border-4: 4px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 6px 20px -8px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 50px -24px rgba(0, 0, 0, .6);--ease: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .6s;--container: 1200px;--gutter: clamp(1rem, 4vw, 2.5rem);--nav-h: 4rem}:root[data-scheme=light]:not([data-theme=fun]){color-scheme:light;--bg: #fafaf8;--surface: #ffffff;--text: #15171a;--muted: #4f545b;--faint: #656b73;--line: #e2e2de;--line-strong: #c8c9c4;--accent: #0567a6;--accent-strong: #0678be;--accent-soft: rgba(6, 120, 190, .08);--on-accent: #fff;--success: #1d7a46;--focus: #0567a6;--shadow-sm: 0 1px 2px rgba(21, 23, 26, .06);--shadow-md: 0 6px 20px -10px rgba(21, 23, 26, .16);--shadow-lg: 0 20px 50px -28px rgba(21, 23, 26, .25)}:root[data-theme=fun]{color-scheme:dark;--bg: #0b0f1e;--surface: #2e2a45;--text: #f3e6cc;--muted: #d8c9a8;--faint: #b9a988;--line: #3a3556;--line-strong: #6b5b95;--accent: #fdb813;--accent-strong: #fdb813;--accent-soft: rgba(253, 184, 19, .12);--on-accent: #1a0e0f;--success: #a8c66c;--focus: #fdb813}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--space-4));-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--bg);color:var(--text);line-height:var(--leading-body);overflow-x:clip;-webkit-font-smoothing:antialiased;font-feature-settings:"kern","liga"}img,svg{max-width:100%;display:block}a{color:inherit}ul[role=list],ol[role=list]{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}h1,h2,h3,h4{font-weight:inherit;line-height:var(--leading-tight);text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--accent-strong);color:var(--on-accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-xs)}::placeholder{color:var(--faint);opacity:1}html{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--accent-strong);color:var(--on-accent);font-weight:600;font-size:var(--text-sm);text-decoration:none;transform:translateY(-300%);transition:transform var(--dur-base) var(--ease)}.skip-link:focus-visible{transform:none}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--space-9);border-top:var(--border-1) solid var(--line)}.section__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}@media(min-width:960px){.section__grid{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--space-7)}.section__head{position:sticky;top:calc(var(--nav-h) + var(--space-6));align-self:start}}@media(max-width:720px){.section{padding-block:var(--space-8)}}.section__num{display:block;font-family:var(--font-display);font-size:var(--text-2xl);font-style:italic;font-weight:400;line-height:1;font-variant-numeric:lining-nums;color:var(--accent);margin-bottom:var(--space-2)}.section__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;letter-spacing:var(--tracking-tight)}.section__intro{margin-top:var(--space-4);color:var(--muted);max-width:32ch}.label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--faint)}.link{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);transition:text-decoration-color var(--dur-fast)}.link:hover{text-decoration-color:currentColor}.link--icon{display:inline-flex;align-items:center;gap:var(--space-1)}.link--icon .icon:last-child:not(:first-child){transition:transform var(--dur-fast) var(--ease)}.link--icon:hover .icon:last-child:not(:first-child){transform:translate(2px,-2px)}:root[data-theme=fun] .pro-only{display:none!important}.btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);border:var(--border-1) solid transparent;font-weight:600;font-size:var(--text-sm);text-decoration:none;transition:background-color var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast)}.btn--primary{background:var(--accent-strong);color:var(--on-accent)}.btn--primary:hover{background:color-mix(in srgb,var(--accent-strong) 85%,#000);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--ghost{border-color:var(--line-strong);color:var(--text)}.btn--ghost:hover{border-color:var(--text)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none}.tags li{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);padding:.15rem var(--space-2);border:var(--border-1) solid var(--line);border-radius:var(--radius-xs)}.back-to-top{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:55;width:2.75rem;height:2.75rem;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text);background:var(--surface);border:var(--border-1) solid var(--line-strong);box-shadow:var(--shadow-md);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),border-color var(--dur-fast)}.back-to-top.visible{opacity:1;transform:none;pointer-events:auto}.back-to-top:hover{border-color:var(--accent);color:var(--accent)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{@page{margin:16mm 14mm}:root,:root[data-theme=fun]{--bg: #fff;--surface: #fff;--text: #000;--muted: #333;--faint: #555;--line: #ccc;--line-strong: #999;--accent: #000;--accent-strong: #000;color-scheme:light}html{font-size:10.5pt}body{background:#fff}.no-print,.nav,.skip-link,.back-to-top,.contact__form{display:none!important}.section{padding-block:1.25rem;break-inside:auto}.section__grid{grid-template-columns:1fr;gap:.75rem}.section__head{position:static}.section__intro{display:none}h2,h3{break-after:avoid}li li,dl>div,tr{break-inside:avoid}.cases{gap:1rem!important}.case+.case{padding-top:1rem!important}a[href^=http]:after{content:" (" attr(href) ")";font-size:.85em;color:#555;word-break:break-all}a[data-print-url=false]:after{content:none}}:root:not([data-theme=fun]) .fun-only{display:none!important}@media print{.fun-only{display:none!important}}@media screen{:root[data-theme=fun]{--font-pixel: "Jersey 10", var(--font-mono);--font-display: var(--font-sans);--night: #0b0f1e;--window: #1c1934;--window-hi: rgba(243, 230, 204, .06);--frame: #6b5b95;--frame-hot: #fdb813;--ember: #e8641e;--sky: #8cc7d9;--grass: #a8c66c;--violet: #6b5b95;--px: 4px;--radius-xs: 0;--radius-sm: 0;--radius: 0}:root[data-theme=fun] :is(.btn,.hero__aside,.hero__numbers,.case article,.job,.arch,.contact__form,.back-to-top){--pixel-frame: calc(var(--px) * -1) 0 0 0 var(--frame), var(--px) 0 0 0 var(--frame), 0 calc(var(--px) * -1) 0 0 var(--frame), 0 var(--px) 0 0 var(--frame), inset 0 var(--px) 0 0 var(--window-hi)}:root[data-theme=fun] body{background:var(--night)}.fun-sky{position:fixed;inset:0;z-index:-1;pointer-events:none}.fun-sky svg{max-width:none}.fun-sky__twinkle{animation:twinkle 3.2s steps(2,jump-none) infinite alternate}@keyframes twinkle{0%{opacity:1}to{opacity:.15}}:root[data-theme=fun] :is(.section__title,.hero__name,.case__name,.job__role,.nav__brand){font-family:var(--font-pixel);letter-spacing:0}:root[data-theme=fun] :is(.label,.section__num,.hero__role,.hero__numbers dd,.job__period,.case__metric,.certs__date,.tags li){font-family:var(--font-pixel);letter-spacing:.04em}:root[data-theme=fun] :is(.section__title,.hero__name,.case__name,.job__role,.nav__brand,.label,.section__num,.hero__role,.job__period,.case__metric,.certs__date,.tags li,.btn,.fun-label,.case__stage,.nav__links a,.nav__lang,.hero__numbers dd,.job__more summary,.drupal__versions,.skills dt,.field label,.savepoint__text,.vivi__bubble){font-weight:400;font-size-adjust:.55}:root[data-theme=fun] ::selection{background:var(--frame-hot);color:var(--on-accent)}:root[data-theme=fun] :focus-visible{outline:3px solid var(--frame-hot);outline-offset:5px}:root[data-theme=fun] .btn{font-family:var(--font-pixel);font-size:var(--text-base);margin:var(--px);border:none;box-shadow:var(--pixel-frame);background:var(--window);color:var(--text);transition:transform var(--dur-fast) steps(2),background-color var(--dur-fast)}:root[data-theme=fun] .btn:hover{transform:translateY(-2px);border:none}:root[data-theme=fun] .btn:active{transform:translateY(2px)}:root[data-theme=fun] .btn--primary{--frame: #c9772e;background:var(--frame-hot);color:var(--on-accent)}:root[data-theme=fun] .btn--primary:hover{background:#ffc93d}:root[data-theme=fun] .link{color:var(--frame-hot)}:root[data-theme=fun] .tags li{border:none;background:#6b5b9559;color:var(--text);font-size:var(--text-sm);padding:0 var(--space-2)}:root[data-theme=fun] .section{border-top:none;position:relative}:root[data-theme=fun] .section:before{content:"";position:absolute;top:0;left:50%;width:min(60%,36rem);height:var(--px);transform:translate(-50%);background:repeating-linear-gradient(90deg,var(--frame) 0 var(--px),transparent var(--px) calc(var(--px) * 3))}:root[data-theme=fun] .section:after{content:"";position:absolute;top:-18px;left:50%;width:36px;height:36px;transform:translate(-50%);background:var(--night) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path d='M21.2 20.0L21.2 20.2L21.2 20.3L21.2 20.5L21.2 20.7L21.1 20.8L21.0 21.0L20.9 21.2L20.8 21.3L20.6 21.4L20.4 21.5L20.2 21.6L20.0 21.7L19.8 21.7L19.5 21.7L19.3 21.7L19.0 21.6L18.8 21.6L18.6 21.4L18.4 21.3L18.2 21.1L18.0 20.8L17.8 20.6L17.7 20.3L17.6 20.0L17.6 19.7L17.5 19.3L17.6 19.0L17.7 18.7L17.8 18.3L18.0 18.0L18.2 17.7L18.5 17.4L18.8 17.1L19.2 16.9L19.6 16.7L20.0 16.6L20.5 16.5L20.9 16.5L21.4 16.6L21.9 16.7L22.4 16.9L22.8 17.2L23.3 17.5L23.7 17.9L24.1 18.3L24.4 18.8L24.6 19.4L24.8 20.0L24.9 20.6L24.9 21.3L24.8 22.0L24.6 22.7L24.4 23.4L24.0 24.0L23.6 24.6L23.0 25.2L22.4 25.7L21.7 26.2L20.9 26.5L20.0 26.8L19.1 26.9L18.1 26.9L17.2 26.8L16.2 26.6L15.3 26.2L14.3 25.7L13.4 25.0L12.6 24.3L11.9 23.3L11.3 22.3L10.8 21.2L10.5 20.0L10.3 18.7L10.2 17.4L10.4 16.0L10.7 14.6L11.3 13.3L12.0 12.0L12.9 10.7L14.0 9.6L15.3 8.6L16.7 7.7L18.3 7.0L20.0 6.5L21.8 6.2L23.7 6.2L25.6 6.4L27.6 6.9L29.5 7.6L31.3 8.7L33.1 10.0L34.7 11.5L36.1 13.3L37.4 15.3L38.3 17.6L39.0 20.0M17.6 20.0q-5.0 -6.3 1.4 -11.1M24.8 20.0q6.2 7.8 -1.8 13.9M10.5 20.0q-7.5 -9.4 2.2 -16.7' fill='none' stroke='%238cc7d9' stroke-width='2' stroke-linecap='round'/></svg>") center / contain no-repeat;box-shadow:0 0 0 6px var(--night);border-radius:50%}:root[data-theme=fun] .section__num{display:inline-block;color:var(--on-accent);background:var(--frame-hot);padding:0 var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-sm);font-style:normal;line-height:var(--leading-body)}.fun-label{display:block;margin-bottom:var(--space-2);font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--sky);text-transform:uppercase;letter-spacing:.08em}:root[data-theme=fun] .nav{background:var(--night);border-bottom:var(--px) solid var(--window)}:root[data-theme=fun] .nav.scrolled{border-bottom-color:var(--window)}:root[data-theme=fun] .nav__brand{display:inline-flex;align-items:baseline;gap:var(--space-2);color:var(--frame-hot)}.hud-lv{font-size:var(--text-xs);color:var(--grass)}:root[data-theme=fun] .nav__links a{font-family:var(--font-pixel);font-size:var(--text-base);border-bottom:none;position:relative}:root[data-theme=fun] .nav__links a[aria-current=true]:before{content:"";position:absolute;left:-.9rem;top:50%;width:.5rem;height:.6rem;transform:translateY(-50%);background:var(--frame-hot);clip-path:polygon(0 0,100% 50%,0 100%);animation:cursor .8s steps(2,jump-none) infinite alternate}@keyframes cursor{to{transform:translate(3px,-50%)}}:root[data-theme=fun] .nav__langs{border:2px solid var(--frame)}:root[data-theme=fun] .nav__lang{font-family:var(--font-pixel)}:root[data-theme=fun] .nav__lang[aria-pressed=true]{background:var(--frame-hot);color:var(--on-accent)}:root[data-theme=fun] .nav__theme[aria-pressed=true]{color:var(--frame-hot)}@media(max-width:1000px){:root[data-theme=fun] .nav__menu{background:var(--window);border-bottom:var(--px) solid var(--frame)}:root[data-theme=fun] .nav__links a{border-bottom:2px dotted var(--frame);padding-left:var(--space-5)}:root[data-theme=fun] .nav__links a[aria-current=true]:before{left:0}}.hud-xp{position:absolute;left:0;right:0;bottom:calc(var(--px) * -1);height:var(--px)}.hud-xp span{display:block;height:100%;background:var(--grass);transform-origin:left;transform:scaleX(var(--scroll, 0));mask:repeating-linear-gradient(90deg,#000 0 10px,transparent 10px 12px)}:root[data-theme=fun] .hero{position:relative;isolation:isolate;align-content:start;padding-block:var(--space-7) clamp(150px,11vw,170px)}.fun-scene{position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);overflow:hidden;background:linear-gradient(to bottom,var(--night) 0%,#1b1838 30%,#2e2a45 calc(100% - 330px),#6b5b95 calc(100% - 250px),#e9806e calc(100% - 180px),#fdb813 calc(100% - 120px))}.fun-scene__land{position:absolute;bottom:0;left:0;width:100%;height:clamp(220px,26vw,360px);max-width:none}:root[data-theme=fun] .hero__role{color:var(--grass)}:root[data-theme=fun] .hero__name{color:var(--frame-hot);font-size:clamp(2.5rem,1.4rem + 3.4vw,4.4rem);text-shadow:var(--px) var(--px) 0 #8e2b1a;line-height:1.05}:root[data-theme=fun] .hero__tagline{font-style:normal;font-size:var(--text-lg)}:root[data-theme=fun] .hero__summary{color:var(--text)}.btn--start{--frame: var(--frame-hot);background:transparent!important;color:var(--frame-hot)!important;text-transform:uppercase;letter-spacing:.1em}.btn--start:before{content:"";width:.5rem;height:.6rem;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}:root[data-theme=fun] :is(.hero__aside,.hero__numbers){margin:var(--px);padding:var(--space-5);background:var(--window);box-shadow:var(--pixel-frame);border:none}:root[data-theme=fun] .hero__aside{align-self:start;padding-block:var(--space-4)}:root[data-theme=fun] .hero__numbers{padding-block:var(--space-4);row-gap:var(--space-4)}@media(min-width:960px){:root[data-theme=fun] .hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);row-gap:var(--space-5)}:root[data-theme=fun] .hero__main{grid-row:span 2}:root[data-theme=fun] .hero__numbers{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}}:root[data-theme=fun] .hero__numbers>div{padding:0 var(--space-5) 0 0}:root[data-theme=fun] .hero__numbers dd{font-size:var(--text-xl)}:root[data-theme=fun] .hero__numbers>div:before{content:none}:root[data-theme=fun] .hero__numbers dd{color:var(--frame-hot)}:root[data-theme=fun] .hero__numbers dd:before{content:"";display:inline-block;width:.5em;height:.5em;margin-right:.3em;vertical-align:.15em;background:var(--grass);transform:rotate(45deg)}.vivi{position:absolute;left:calc(var(--gutter) + 20%);bottom:clamp(18px,2.6vw,40px);width:clamp(72px,8vw,104px);padding:0;cursor:pointer;z-index:1}.vivi__sprite{width:100%;animation:bob 1.2s steps(1) infinite}@keyframes bob{50%{transform:translateY(var(--px))}}.vivi .sprite-eyes{animation:eyes 4.5s steps(1) infinite}@keyframes eyes{0%,94%{fill:#ffd23a}96%{fill:#120c18}}.vivi .sprite-orb{animation:orb 1.6s steps(2,jump-none) infinite alternate}@keyframes orb{to{fill:#fdb813}}.vivi:hover .vivi__sprite,.vivi:focus-visible .vivi__sprite{filter:drop-shadow(0 0 6px rgba(253,184,19,.6))}.vivi__bubble{position:absolute;bottom:100%;left:50%;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3);font-family:var(--font-pixel);white-space:nowrap;color:var(--on-accent);background:var(--text);transform:translate(-50%);opacity:0;pointer-events:none}.vivi__sparks{position:absolute;top:22%;right:2%;pointer-events:none}.vivi__sparks span{position:absolute;width:6px;height:6px;background:var(--ember);opacity:0}.vivi__sparks span:nth-child(2n){background:var(--frame-hot)}.vivi__say{display:none}.vivi[data-spell=fire] .vivi__say--fire,.vivi[data-spell=stop] .vivi__say--stop,.vivi[data-spell=bolt] .vivi__say--bolt,.vivi[data-spell=bio] .vivi__say--bio{display:inline}:is(.vivi.is-fire,.vivi.is-stop,.vivi.is-bolt,.vivi.is-bio) .vivi__bubble{animation:bubble 1.3s steps(4) forwards}.vivi.is-fire .vivi__sparks span{animation:spark .9s steps(6) forwards}:is(.vivi.is-fire,.vivi.is-bolt) .sprite-orb{animation:none;fill:#fff4d6}.vivi.is-stop .vivi__bubble{background:#b9bcc8}.vivi.is-stop .sprite-orb{animation:none;fill:#b9bcc8}.fun-scene__clock{position:absolute;left:calc(var(--gutter) + 20% - 68px);bottom:calc(clamp(18px,2.6vw,40px) + clamp(72px,8vw,104px)*.75);width:52px;height:52px;border-radius:50%;background:#0b0f1ed9;box-shadow:0 0 0 4px #b9bcc8,0 0 0 8px #b9bcc840;opacity:0}.fun-scene__clock:before,.fun-scene__clock:after{content:"";position:absolute;left:50%;bottom:50%;width:4px;margin-left:-2px;background:#fff4d6;transform-origin:bottom center}.fun-scene__clock:before{height:18px}.fun-scene__clock:after{height:12px;background:#b9bcc8;transform:rotate(90deg)}.fun-scene__fx.is-stop .fun-scene__clock{animation:clock-show 1.9s steps(6) forwards}.fun-scene__fx.is-stop .fun-scene__clock:before{animation:clock-hand .9s steps(8) forwards}@keyframes clock-show{0%{opacity:0;transform:scale(.4)}15%,85%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes clock-hand{0%{transform:rotate(0)}70%{transform:rotate(600deg)}85%{transform:rotate(705deg)}to{transform:rotate(720deg)}}:root.time-stop :is(.fun-scene,.choco,.airship,.fun-sky,.qmoon,.solar,.savepoint__scene){filter:grayscale(.9) brightness(.85);transition:filter .2s steps(2)}:root.time-stop :is(.choco *,.airship *,.fun-sky *,.qmoon *,.solar *,.savepoint__scene *,.fun-scene *){animation-play-state:paused!important}.vivi.is-bolt .vivi__bubble{background:var(--frame-hot)}.vivi.is-bolt .vivi__sparks span{background:#fff4d6;animation:spark .5s steps(4) .25s forwards}.vivi.is-bio .vivi__bubble{background:#a8c66c}.vivi.is-bio .sprite-orb{animation:none;fill:#a8c66c}.vivi.is-bio .vivi__sparks span{width:9px;height:9px;border-radius:50%;background:#a8c66c59;box-shadow:inset 0 0 0 2px #a8c66c;animation:bio 1.3s steps(8) forwards}.vivi.is-bio .vivi__sparks span:nth-child(2n){width:6px;height:6px;background:#3e8e4166;box-shadow:inset 0 0 0 2px #3e8e41}@keyframes bio{0%{opacity:0;transform:translate(calc(var(--dx) * .3),10px)}15%{opacity:1}50%{transform:translate(calc(var(--dx) * .6 + 6px),calc(var(--dy) * .5))}85%{opacity:1;transform:translate(calc(var(--dx) * .8 - 6px),calc(var(--dy) * .9)) scale(1.2)}to{opacity:0;transform:translate(calc(var(--dx) * .8 - 6px),var(--dy)) scale(1.8)}}.fun-scene__fx{position:absolute;inset:0;z-index:0;pointer-events:none}.fun-scene__flash{position:absolute;left:50%;top:0;bottom:0;width:100vw;transform:translate(-50%);background:#fff4d6;opacity:0}.fun-scene__bolt{--vw: clamp(72px, 8vw, 104px);position:absolute;left:calc(var(--gutter) + 20% + var(--vw) * .92 - 18px);bottom:calc(clamp(18px,2.6vw,40px) + var(--vw) * .92);width:36px;opacity:0;filter:drop-shadow(0 0 8px #fdb813)}.fun-scene__fx.is-bolt .fun-scene__flash{animation:flash .7s ease-out}:is(.fun-scene__fx.is-bolt,.fun-scene__fx.is-bolt-calm) .fun-scene__bolt{animation:bolt .6s steps(3) forwards}@keyframes flash{0%{opacity:0}15%{opacity:.35}to{opacity:0}}@keyframes bolt{0%{opacity:1;transform:translateY(-60px)}60%{opacity:1;transform:none}to{opacity:0;transform:none}}.vivi__sparks span:nth-child(1){--dx: -40px;--dy: -70px}.vivi__sparks span:nth-child(2){--dx: 10px;--dy: -90px;animation-delay:.05s!important}.vivi__sparks span:nth-child(3){--dx: 40px;--dy: -60px;animation-delay:.1s!important}.vivi__sparks span:nth-child(4){--dx: -20px;--dy: -110px;animation-delay:.12s!important}.vivi__sparks span:nth-child(5){--dx: 30px;--dy: -120px;animation-delay:.18s!important}.vivi__sparks span:nth-child(6){--dx: -55px;--dy: -40px;animation-delay:.2s!important}.vivi__sparks span:nth-child(7){--dx: 55px;--dy: -30px;animation-delay:.08s!important}.vivi__sparks span:nth-child(8){--dx: -5px;--dy: -60px;animation-delay:.15s!important}@keyframes spark{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--dx),var(--dy))}}@keyframes bubble{0%,80%{opacity:1}to{opacity:0}}.airship{position:fixed;z-index:40;top:calc(var(--nav-h) + var(--space-5));right:max(var(--space-4),calc((100vw - var(--container)) / 2 - 7rem));width:84px;pointer-events:none;transform:translateY(calc(var(--scroll, 0) * (100vh - var(--nav-h) - 140px)))}.airship__sprite{width:100%;animation:bob 1.6s steps(1) infinite}.airship .sprite-prop{animation:blink .3s steps(1) infinite}.airship .sprite-lamps{animation:orb 1.2s steps(2,jump-none) infinite alternate}@media(max-width:1439px){.airship{display:none}}:root[data-theme=fun] .cases{position:relative;grid-template-columns:minmax(0,1fr);padding-left:2.75rem;gap:var(--space-7)}:root[data-theme=fun] .cases:before{content:"";position:absolute;left:.85rem;top:var(--space-3);bottom:var(--space-3);width:var(--px);background:repeating-linear-gradient(to bottom,var(--sky) 0 8px,transparent 8px 16px)}:root[data-theme=fun] .case+.case{border-top:none;padding-top:0}:root[data-theme=fun] .case{position:relative}:root[data-theme=fun] .case:before{content:"";position:absolute;left:-2.3rem;top:var(--space-6);width:1.25rem;height:1.25rem;transform:rotate(45deg);background:var(--frame-hot);box-shadow:0 0 0 var(--px) var(--night),0 0 0 calc(var(--px) * 2) var(--frame-hot)}:root[data-theme=fun] .case article{margin:var(--px);border:none;overflow:visible;background:var(--window);box-shadow:var(--pixel-frame)}:root[data-theme=fun] .case__shot{border-bottom:var(--px) solid var(--frame)}:root[data-theme=fun] .case__bar{background:var(--night);border-bottom:none}:root[data-theme=fun] .case__dots span{border-radius:0;background:var(--frame)}:root[data-theme=fun] .case__host{font-family:var(--font-pixel);font-size-adjust:.55;color:var(--sky)}:root[data-theme=fun] .case article:hover .case__shot img{transform:none}:root[data-theme=fun] .case--featured article{--frame: var(--frame-hot)}.case__stage{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--sky);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1)}:root[data-theme=fun] .case__metric{color:var(--grass)}:root[data-theme=fun] .case__steps>div{padding-top:var(--space-3);border-top:2px dotted var(--frame)}:root[data-theme=fun] .case__steps dt{color:var(--frame-hot)}:root[data-theme=fun] .case__steps dd{color:var(--text)}:root[data-theme=fun] .jobs{display:grid;gap:var(--space-7)}:root[data-theme=fun] .job{position:relative;margin:var(--px);padding:var(--space-5) var(--space-6) var(--space-6);background:var(--window);box-shadow:var(--pixel-frame);border-top:8px solid var(--ember)}:root[data-theme=fun] .job:not(:last-child):after{content:"";position:absolute;left:50%;top:100%;height:calc(var(--space-7) + var(--px) * 2);border-left:3px dotted var(--sky)}:root[data-theme=fun] .job--current:before{content:"?";position:absolute;top:-22px;right:var(--space-5);width:30px;height:30px;display:grid;place-items:center;font-family:var(--font-pixel);font-size:1.4rem;color:var(--night);background:var(--frame-hot);border-radius:50%;box-shadow:0 0 0 3px var(--night)}:root[data-theme=fun] :is(.job__body,.job__period){padding-left:0;padding-bottom:0;border-left:none}:root[data-theme=fun] .job__body:before{content:none}:root[data-theme=fun] .job__period{color:var(--sky)}:root[data-theme=fun] .job__role{color:var(--frame-hot)}:root[data-theme=fun] .job__bullets{list-style:none;padding-left:0}:root[data-theme=fun] .job__bullets li{position:relative;padding-left:1.25rem}:root[data-theme=fun] .job__bullets li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background:var(--grass)}:root[data-theme=fun] .job__more summary{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--frame-hot)}:root[data-theme=fun] .drupal__versions{color:var(--grass);font-family:var(--font-pixel);border-width:2px}:root[data-theme=fun] .drupal__list>div{position:relative;padding:var(--space-3) 0 0 1.5rem;border-top:2px dotted var(--frame)}:root[data-theme=fun] .drupal__list>div:before{content:"";position:absolute;left:.15rem;top:calc(var(--space-3) + .35em);width:.6rem;height:.6rem;transform:rotate(45deg);background:var(--sky);box-shadow:inset -3px -3px 0 var(--violet)}:root[data-theme=fun] .drupal__list dt{color:var(--frame-hot)}:root[data-theme=fun] .drupal__list dd,:root[data-theme=fun] .arch__why,:root[data-theme=fun] .drupal__ai p{color:var(--text)}:root[data-theme=fun] .arch{margin:var(--px);border:none;background:var(--window);box-shadow:var(--pixel-frame)}:root[data-theme=fun] .arch__node{border:2px solid var(--frame);background:var(--night)}:root[data-theme=fun] .arch__link{color:var(--grass)}:root[data-theme=fun] .arch__link:before{border-left:var(--px) dotted var(--grass)}:root[data-theme=fun] .skills__group{padding:var(--space-5);border:2px dashed rgba(107,91,149,.8);background:#0b0f1eb3}:root[data-theme=fun] .skills dt{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-pixel);font-size:var(--text-md);color:var(--frame-hot);border-bottom:none}:root[data-theme=fun] .skills dt:before{content:"";flex:none;width:.9rem;height:.9rem;border-radius:50%;background:var(--planet, var(--ember));box-shadow:0 0 0 3px var(--night),0 0 0 5px #f3e6cc80}:root[data-theme=fun] .skills__group:nth-child(4n+2){--planet: var(--sky)}:root[data-theme=fun] .skills__group:nth-child(4n+3){--planet: var(--grass)}:root[data-theme=fun] .skills__group:nth-child(4n+4){--planet: #e9806e}:root[data-theme=fun] .skills__items{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}:root[data-theme=fun] .skills__items li{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text)}:root[data-theme=fun] .skills__items li:after{content:none}:root[data-theme=fun] .skills__items li:before{content:"";flex:none;width:2px;height:2px;margin:2px;background:var(--star, #fff4d6);box-shadow:2px 0 #fff4d6,-2px 0 #fff4d6,0 2px #fff4d6,0 -2px #fff4d6}:root[data-theme=fun] .edu__list strong{color:var(--frame-hot);font-weight:600}:root[data-theme=fun] .edu__list span{color:var(--text)}:root[data-theme=fun] .certs th,:root[data-theme=fun] .certs td{border-bottom:2px dotted var(--frame)}:root[data-theme=fun] .certs th{position:relative;padding-left:1.75rem}:root[data-theme=fun] .certs th:before{content:"";position:absolute;left:.3rem;top:calc(var(--space-3) + .15em);width:8px;height:6px;background:var(--frame-hot);box-shadow:-3px 0 0 -1px var(--frame-hot),3px 0 0 -1px var(--frame-hot),0 4px 0 -2px var(--frame-hot),0 7px 0 -1px #c9772e}:root[data-theme=fun] .certs td{color:var(--text)}:root[data-theme=fun] .certs__date{color:var(--grass);font-size:var(--text-sm)}.savepoint{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-6)}.savepoint__scene{display:flex;align-items:flex-end;gap:var(--space-6);padding-bottom:var(--space-2);border-bottom:var(--px) solid #1e0f22}.savepoint__vivi{width:64px}.savepoint__fire{width:48px;filter:drop-shadow(0 0 10px rgba(232,100,30,.55))}.savepoint__fire .sprite-flame{animation:flicker .5s steps(1) infinite}.savepoint__fire .sprite-flame:nth-of-type(2){animation-delay:.25s}@keyframes flicker{50%{transform:translateY(-1px);opacity:.85}}.savepoint__vivi .sprite-eyes{animation:eyes 5s steps(1) infinite 1s}.savepoint__text{font-family:var(--font-pixel);color:var(--sky);max-width:24ch}:root[data-theme=fun] .contact__lead{border-bottom:2px dotted var(--frame)}:root[data-theme=fun] .contact__headline{font-family:var(--font-pixel);font-weight:400;font-size-adjust:.55;font-size:var(--text-2xl);letter-spacing:0;max-width:20ch;color:var(--frame-hot);text-shadow:var(--px) var(--px) 0 #8e2b1a}:root[data-theme=fun] .contact__mail{color:var(--frame-hot)}:root[data-theme=fun] .contact__copy{border:2px solid var(--frame)}:root[data-theme=fun] .contact__links li{border-bottom:2px dotted var(--frame);color:var(--muted)}:root[data-theme=fun] .contact__form{margin:var(--px);padding:var(--space-6);background:var(--window);box-shadow:var(--pixel-frame)}:root[data-theme=fun] .field label{font-family:var(--font-pixel);color:var(--frame-hot)}:root[data-theme=fun] .field input,:root[data-theme=fun] .field textarea{background:var(--night);border:2px solid var(--frame)}:root[data-theme=fun] .field input:focus-visible,:root[data-theme=fun] .field textarea:focus-visible{outline:3px solid var(--frame-hot)}:root[data-theme=fun] .footer{border-top:var(--px) solid var(--window);background:var(--night)}.footer__credit{flex-basis:100%;font-size:var(--text-xs)}:root[data-theme=fun] .back-to-top{border:none;background:var(--window);box-shadow:var(--pixel-frame);color:var(--frame-hot)}@media(max-width:720px){:root[data-theme=fun] .hero{min-height:0}:root[data-theme=fun] .cases{padding-left:0}:root[data-theme=fun] .cases:before,:root[data-theme=fun] .case:before{display:none}:root[data-theme=fun] :is(.job,.contact__form){padding:var(--space-5) var(--space-4)}}.choco{position:absolute;left:calc(var(--gutter) + 20% + clamp(72px,8vw,104px) + 1.5rem);bottom:clamp(18px,2.6vw,40px);width:clamp(70px,7.2vw,96px);padding:0;z-index:1;cursor:pointer}.choco__body{display:grid}.choco__body>.choco__sprite{grid-area:1 / 1}.choco__sprite--run{visibility:hidden}.choco__sprite{width:100%;animation:peck 3.2s steps(1) infinite}@keyframes peck{0%,78%,to{transform:none}82%,90%{transform:translate(3px,3px) rotate(6deg)}}.choco:hover .choco__sprite,.choco:focus-visible .choco__sprite{filter:drop-shadow(0 0 6px rgba(245,200,66,.6))}.choco__bubble{position:absolute;bottom:100%;left:50%;margin-bottom:var(--space-2);padding:var(--space-1) var(--space-3);font-family:var(--font-pixel);font-size-adjust:.55;white-space:nowrap;color:var(--on-accent);background:#f5c842;transform:translate(-50%);opacity:0;pointer-events:none}.choco.is-kweh .choco__bubble{animation:bubble 1.2s steps(4) forwards}.choco.is-kweh .choco__sprite{animation:hop .5s steps(2) 2}@keyframes hop{50%{transform:translateY(-8px)}}.choco.is-running .choco__body{animation:lap 3.4s linear forwards}.choco.is-running .choco__sprite{animation:frame-a .26s steps(1) infinite}.choco.is-running .choco__sprite--run{animation:frame-b .26s steps(1) infinite}@keyframes frame-a{0%,to{visibility:visible}50%{visibility:hidden}}@keyframes frame-b{0%,to{visibility:hidden}50%{visibility:visible}}@keyframes lap{0%{transform:none}45%{transform:translate(110vw)}45.01%{transform:translate(-60vw)}to{transform:none}}.choco__dust span{position:absolute;bottom:2px;width:8px;height:8px;background:#f3e6cc99;opacity:0}.choco__dust span:nth-child(2){left:10px;animation-delay:.1s!important}.choco__dust span:nth-child(3){left:20px;animation-delay:.2s!important}.choco.is-running .choco__dust span{animation:dust .6s steps(3) forwards}@keyframes dust{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-24px,-10px) scale(1.6)}}@media(max-width:520px){.choco{left:auto;right:var(--gutter)}}.solar{position:relative;width:260px;height:260px;margin-top:var(--space-6);max-width:100%}.solar__sun{position:absolute;left:50%;top:50%;width:30px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 10px rgba(253,184,19,.6))}.solar__orbit{position:absolute;left:50%;top:50%;width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border:2px dotted rgba(140,199,217,.35);border-radius:50%}.solar__arm{position:absolute;inset:0;transform:rotate(var(--start));animation:orbit var(--t) linear infinite}.solar__planet{position:absolute;top:-9px;left:50%;width:18px;margin-left:-9px}@keyframes orbit{0%{transform:rotate(var(--start))}to{transform:rotate(calc(var(--start) + 360deg))}}@media(max-width:959px){.solar{width:200px;height:200px;transform:scale(.77);transform-origin:left top;margin-bottom:-40px}}.qmoon{position:absolute;z-index:2;width:36px;padding:0;cursor:pointer;filter:drop-shadow(0 0 10px rgba(185,188,200,.7))}.qmoon__sprite{width:100%;animation:bob 2.4s steps(1) infinite}.qmoon__say{position:absolute;top:100%;left:50%;margin-top:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);white-space:nowrap;color:var(--night);background:#b9bcc8;transform:translate(-50%);opacity:0;pointer-events:none}.qmoon.is-caught .qmoon__say{opacity:1}.qmoon.is-caught .qmoon__sprite{animation:none;filter:brightness(1.3)}.nomai{display:grid;justify-items:start;gap:var(--space-3);padding:var(--space-4);text-align:left;border:2px dashed rgba(140,199,217,.35);cursor:pointer}.nomai__glyph{width:170px;max-width:100%}.nomai__glyph path{fill:none;stroke:#6b7f8f;stroke-width:2.4;stroke-linecap:round;transition:stroke .6s steps(3),filter .6s steps(3)}.nomai__text{font-style:italic;color:var(--sky);opacity:0;transition:opacity .6s steps(3)}.nomai.is-translated .nomai__glyph path{stroke:#8cc7d9;filter:drop-shadow(0 0 4px #8cc7d9)}.nomai.is-translated .nomai__text{opacity:1}.chest{margin-top:var(--space-6)}.chest__btn{position:relative;width:64px;padding:0;cursor:pointer}.chest__open,.chest__btn[aria-expanded=true] .chest__closed{display:none}.chest__btn[aria-expanded=true] .chest__open{display:block}.chest__btn:hover,.chest__btn:focus-visible{filter:drop-shadow(0 0 6px rgba(253,184,19,.6))}.chest__btn.is-sparkle:after{content:"";position:absolute;left:50%;top:0;width:4px;height:4px;background:#fff4d6;box-shadow:-14px -6px #fdb813,14px -8px #fdb813,0 -16px #fff4d6,-8px -20px #fdb813,10px -22px #fff4d6;animation:spark .9s steps(5) forwards;--dx: 0px;--dy: -24px}.chest .sprite-glow{animation:orb .8s steps(2,jump-none) infinite alternate}.chest__loot{margin-top:var(--space-2);font-family:var(--font-pixel);font-size-adjust:.55;color:var(--grass)}.savepoint__fire-btn{position:relative;padding:0;cursor:pointer}.savepoint__fire-btn:focus-visible{outline-offset:2px}.savepoint__mallow{position:absolute;left:-24px;bottom:30px;width:40px;opacity:0;pointer-events:none}.savepoint__fire-btn:is(.is-roasting,.is-raw,.is-perfect,.is-burnt) .savepoint__mallow{opacity:1}.savepoint__fire-btn.is-roasting .sprite-mallow{animation:roast 6s steps(6) forwards}.savepoint__fire-btn.is-raw .sprite-mallow{fill:#fff4d6}.savepoint__fire-btn.is-perfect .sprite-mallow{fill:#e8a43a}.savepoint__fire-btn.is-burnt .sprite-mallow{fill:#2a1a12}.savepoint__fire-btn.is-burnt .savepoint__mallow,.savepoint__fire-btn.is-roasting .savepoint__mallow{filter:drop-shadow(0 -2px 3px rgba(232,100,30,.7))}@keyframes roast{0%{fill:#fff4d6}35%{fill:#f6dca0}45%{fill:#e8a43a}62%{fill:#a0612a}80%{fill:#2a1a12}to{fill:#2a1a12}}.savepoint__hint{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--muted)}.footer__nova{flex-basis:100%;font-family:var(--font-pixel);font-size-adjust:.55;color:var(--frame-hot)}.footer__nova-time{font-variant-numeric:tabular-nums}.footer__nova-loop{color:var(--sky);margin-left:var(--space-2)}.nova{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden;visibility:hidden}.nova.is-nova{visibility:visible}.nova>*{position:absolute;opacity:0}.nova__sun{left:50%;top:36%;width:96px;margin:-48px 0 0 -48px}.is-nova .nova__sun{animation:nova-sun 1.4s steps(14) forwards}@keyframes nova-sun{0%{opacity:0;transform:scale(.5)}12%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1.7);filter:brightness(1.2)}62%{transform:scale(1.55)}68%{transform:scale(1.75)}92%{opacity:1;transform:scale(.12);filter:brightness(2) hue-rotate(160deg)}to{opacity:0;transform:scale(.05)}}.nova__ring{left:50%;top:36%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,#bfe8ff 55%,#7fd0ff00 72%);box-shadow:0 0 0 4px #7fd0ff,0 0 24px 8px #4aa8ff}.is-nova .nova__ring{animation:nova-ring 1.6s steps(16) 1.3s forwards}.is-nova .nova__ring--late{animation-delay:1.6s}@keyframes nova-ring{0%{opacity:1;transform:scale(.2)}90%{opacity:1;transform:scale(72)}to{opacity:0;transform:scale(80)}}.nova__white{inset:0;background:#f2fbff}.is-nova .nova__white{animation:nova-white 7.2s linear forwards}@keyframes nova-white{0%,31%{opacity:0}38%,50%{opacity:1}55%,to{opacity:0}}.nova__black{inset:0;display:grid;place-content:center;justify-items:center;gap:var(--space-4);background:#04050a}.is-nova .nova__black{animation:nova-black 7.2s linear forwards}@keyframes nova-black{0%,48%{opacity:0}53%,80%{opacity:1}81%,to{opacity:0}}.nova__fire{width:56px;filter:drop-shadow(0 0 14px rgba(232,100,30,.7))}.nova__fire .sprite-flame{animation:flicker .5s steps(1) infinite}.nova__text{font-family:var(--font-pixel);font-size:var(--text-xl);font-size-adjust:.55;color:var(--sky);letter-spacing:.06em}.nova__lid{left:0;right:0;height:51%;background:#04050a}.nova__lid--top{top:0;--dir: -1}.nova__lid--bottom{bottom:0;--dir: 1}.is-nova .nova__lid{animation:nova-lid 7.2s steps(36) forwards}@keyframes nova-lid{0%,79%{opacity:0;transform:none}80%{opacity:1;transform:none}86%{opacity:1;transform:translateY(calc(var(--dir) * 55%))}89%{opacity:1;transform:translateY(calc(var(--dir) * 10%))}to{opacity:1;transform:translateY(calc(var(--dir) * 101%))}}.toast{position:fixed;left:50%;bottom:var(--space-5);z-index:95;min-width:min(22rem,calc(100vw - 2rem));padding:var(--space-3) var(--space-5);background:var(--window);box-shadow:0 0 0 var(--px) var(--frame-hot),var(--shadow-lg);transform:translate(-50%,calc(100% + 3rem));transition:transform .4s steps(4);pointer-events:none}.toast.is-shown{transform:translate(-50%)}.toast__title{font-family:var(--font-pixel);font-size-adjust:.55;color:var(--frame-hot)}.toast__text{font-size:var(--text-sm)}.hud-secrets{position:relative;margin-right:auto}.hud-secrets__btn{padding:var(--space-1) var(--space-2);font-family:var(--font-pixel);font-size-adjust:.55;font-size:var(--text-sm);color:#f5c842;white-space:nowrap;border:2px solid transparent}.hud-secrets__btn:hover,.hud-secrets__btn[aria-expanded=true]{border-color:#f5c842}.hud-secrets__panel{position:absolute;top:calc(100% + var(--space-3));left:0;z-index:60;width:min(22rem,calc(100vw - 2rem));display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-5);margin:var(--px);list-style:none;font-size:var(--text-sm);color:var(--muted);background:var(--window);box-shadow:0 0 0 var(--px) #f5c842,var(--shadow-lg)}.hud-secrets__panel[hidden]{display:none}.hud-secrets__panel .is-found{color:#f5c842}@media(max-width:1180px){.hud-secrets__label{display:none}}:root[data-theme=fun] .case.is-cleared:before{background:var(--grass);box-shadow:0 0 0 var(--px) var(--night),0 0 0 calc(var(--px) * 2) var(--grass),0 0 14px var(--grass)}:root[data-theme=fun] .case.is-cleared:after{content:attr(data-clear);position:absolute;left:-2.6rem;top:calc(var(--space-6) + 1.9rem);padding:0 4px;font-family:var(--font-pixel);font-size:var(--text-xs);font-size-adjust:.55;color:var(--night);background:var(--grass);animation:clear-pop .5s steps(3)}@keyframes clear-pop{0%{transform:translateY(8px) scale(.6);opacity:0}to{transform:none;opacity:1}}@media(max-width:720px){:root[data-theme=fun] .case.is-cleared:after{display:none}}:root[data-theme=fun] .doc__thumb{margin:var(--px);width:calc(100% - var(--px) * 2);border:none;background:var(--window);box-shadow:calc(var(--px) * -1) 0 0 0 var(--frame-hot),var(--px) 0 0 0 var(--frame-hot),0 calc(var(--px) * -1) 0 0 var(--frame-hot),0 var(--px) 0 0 var(--frame-hot),0 0 18px #fdb81359}:root[data-theme=fun] .doc__thumb:hover{transform:translateY(-2px)}.doc__tag{position:absolute;top:-10px;right:10px;z-index:1;padding:0 6px;font-family:var(--font-pixel);font-size:var(--text-xs);font-size-adjust:.55;color:var(--on-accent);background:var(--frame-hot)}:root[data-theme=fun] .doc__info strong{color:var(--frame-hot)}:root[data-theme=fun] .doc__info span{color:var(--text)}:root[data-theme=fun] .doc__info .doc__date{font-family:var(--font-pixel);font-size-adjust:.55;color:var(--grass)}:root[data-theme=fun] .doc__dialog{border:none;background:var(--window);box-shadow:0 0 0 var(--px) var(--frame-hot),var(--shadow-lg)}:root[data-theme=fun] .doc__dialog-head{font-family:var(--font-pixel);font-weight:400;font-size-adjust:.55;color:var(--frame-hot)}}