:root{--ink: #1b1f2b;--muted: #5b6474;--paper: #ffffff;--bg: #f4f1ea;--accent: #ff7a59;--line: #e5e1d8;--head: "Fredoka", ui-rounded, system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b1d3a;font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased}body{overflow:hidden}body.cv-mode{overflow:auto;background:var(--bg)}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#ui>*{pointer-events:auto}body.cv-mode #ui{position:static}kbd{font-family:var(--body);font-size:.85em;background:#eef0f5;border:1px solid #cdd2dc;border-bottom-width:2px;border-radius:6px;padding:1px 7px}.btn{font:600 16px/1 var(--head);letter-spacing:.01em;border:0;border-radius:999px;padding:14px 26px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,background .12s}.btn:active{transform:translateY(1px) scale(.98)}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 4px #c9502f}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 5px #c9502f}.btn.ghost{background:#1b1f2b0f;color:var(--ink)}.btn.ghost:hover{background:#1b1f2b1f}.btn.small{padding:8px 14px;font-size:14px}.btn .hint{font:500 12px var(--body);opacity:.75;border:1px solid rgba(255,255,255,.5);border-radius:6px;padding:2px 6px}.btn .hint:empty{display:none}.btn:focus-visible{outline:3px solid #7cc4ff;outline-offset:3px}.intro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#0b1d3a59,#0b1d3abf);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .35s}.intro.leaving{opacity:0}.intro-card{width:min(560px,100%);background:var(--paper);border-radius:28px;padding:36px 36px 28px;box-shadow:0 30px 80px #00000059;animation:pop .45s cubic-bezier(.2,1.4,.4,1) both}.intro-wave{display:inline-block;font:600 15px var(--head);background:#fff1ec;color:#c9502f;padding:6px 12px;border-radius:999px}.intro h1{font:700 clamp(28px,5vw,40px)/1.08 var(--head);margin:16px 0 12px}.intro h1 span{color:var(--accent)}.intro p{color:var(--muted);line-height:1.55;margin:0 0 24px;font-size:16px}.intro-actions{display:flex;gap:12px;flex-wrap:wrap}.intro-controls{margin-top:22px;font-size:14px;color:var(--muted)}@keyframes pop{0%{transform:scale(.85) translateY(20px);opacity:0}}.hud{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:12px;right:12px;display:flex;align-items:center;gap:16px;pointer-events:none!important}.hud>*{pointer-events:auto}.hud-zone,.hud-track,.hud-right .hud-counter{background:#0b10209e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:14px;padding:8px 14px}.hud-zone{display:flex;flex-direction:column;min-width:150px;border-left:4px solid var(--accent)}.hud-zone-name{font:600 16px var(--head)}.hud-zone-years{font-size:12px;opacity:.75}.hud-track{display:flex;align-items:center;margin:0 auto;padding:12px 16px}.hud-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.6);transition:all .25s}.hud-dot.current{border-color:var(--accent);box-shadow:0 0 0 4px #ffffff26;transform:scale(1.15)}.hud-dot.done{background:#4ade80;border-color:#4ade80}.hud-line{width:22px;height:2px;background:#ffffff4d}.hud-right{display:flex;gap:8px;align-items:center}.hud-counter{font-size:13px;white-space:nowrap}.hud-counter b{font:700 17px var(--head);color:#ffd34d}.hud-counter.certs b{color:#ffb020}.hud-counter.bump{animation:bump .35s ease}.hud .btn.ghost{background:#0b10209e;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud .btn.ghost:hover{background:#0b1020cc}@keyframes bump{40%{transform:scale(1.15)}}.toasts{position:absolute;right:16px;top:84px;display:flex;flex-direction:column;gap:10px;width:min(340px,calc(100% - 32px));pointer-events:none!important}.toast{background:#fff;border-radius:14px;padding:12px 16px;border-left:6px solid var(--accent);box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;gap:2px;animation:slide .35s cubic-bezier(.2,1.2,.4,1) both;transition:opacity .4s,transform .4s}.toast.leaving{opacity:0;transform:translate(30px)}.toast-kicker{font:600 11px var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.toast b{font:600 16px var(--head)}.toast span{font-size:13px;color:var(--muted)}@keyframes slide{0%{transform:translate(40px);opacity:0}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#0b10208c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .2s both;transition:opacity .25s}.modal.leaving{opacity:0}.card{width:min(620px,100%);max-height:calc(100% - 32px);overflow:auto;background:#fff;border-radius:24px;padding:28px 30px 24px;border-top:8px solid var(--accent);box-shadow:0 30px 80px #0006;animation:pop .4s cubic-bezier(.2,1.4,.4,1) both}.card-kicker{font:600 12px var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card h2{font:700 28px/1.15 var(--head);margin:8px 0}.card-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:600;color:var(--ink)}.card-meta span:last-child{color:var(--muted);font-weight:500}.card-sub{font-style:italic;color:var(--muted);margin-top:6px}.card ul{padding-left:20px;line-height:1.55;margin:16px 0 22px}.card li{margin-bottom:6px}.card .btn.primary{background:var(--ink);box-shadow:0 4px #000}.card .btn.primary:hover{box-shadow:0 5px #000}@keyframes fade{0%{opacity:0}}.touch{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);display:flex;justify-content:space-between;padding:0 18px;pointer-events:none!important}.touch-left{display:flex;gap:14px}.touch-btn{pointer-events:auto;width:72px;height:72px;border-radius:50%;border:0;font-size:26px;color:#fff;background:#0b102073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;user-select:none;-webkit-user-select:none}.touch-btn.jump{width:86px;height:86px;background:#ff7a59bf}.touch-btn.down{transform:scale(.92);background:#0b1020b3}.cv-wrap{padding:40px 16px 80px}.cv{max-width:860px;margin:0 auto;background:var(--paper);border-radius:24px;padding:clamp(24px,5vw,56px);box-shadow:0 1px 0 var(--line),0 20px 60px #3c280a14;animation:pop .5s cubic-bezier(.2,1.2,.4,1) both}.cv-banner{background:linear-gradient(120deg,#fff1ec,#fff8db);border-radius:16px;padding:16px 20px;margin-bottom:32px;line-height:1.5}.cv-banner-title{font:700 20px var(--head);color:#c9502f;margin-bottom:2px}.cv-header{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start;padding-bottom:24px;border-bottom:2px solid var(--ink)}.cv-header h1{font:700 clamp(26px,4.4vw,38px)/1.1 var(--head);margin:0}.cv-degree{font-style:italic;color:var(--muted);margin:6px 0 10px}.cv-contact{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:15px}.cv-contact a{color:#1f6feb;text-decoration:none}.cv-contact a:hover{text-decoration:underline}.cv-actions{display:flex;gap:10px;flex-wrap:wrap}.cv section{margin-top:30px}.cv h3{font:600 13px var(--head);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 12px}.cv p{line-height:1.6;margin:0}.cv-item{margin-bottom:18px}.cv-item.nested{margin:14px 0 0;padding-left:16px;border-left:3px solid var(--line)}.cv-item-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.cv-org{color:var(--muted)}.cv-period{color:var(--muted);font-size:14px;white-space:nowrap}.cv-sub{font-style:italic;color:var(--muted);font-size:15px;margin-top:2px}.cv ul{margin:8px 0 0;padding-left:20px;line-height:1.55}.cv li{margin-bottom:4px}.cv-skills{display:grid;gap:12px}.cv-skill-row{display:grid;grid-template-columns:190px 1fr;gap:12px;align-items:start}.cv-skill-label{font-weight:600;font-size:14px;padding-top:5px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:13px;padding:5px 10px;border-radius:999px;background:#f1efe9}.chip.got{background:#fff3c4;box-shadow:inset 0 0 0 1px #f2c811}.chip.got:before{content:"⬢ ";color:#d4a106;font-size:10px}@media(max-width:720px){.hud{flex-wrap:wrap;gap:8px}.hud-track{display:none}.hud-zone{min-width:0}.hud-right{margin-left:auto}.hud-counter.certs,.hud-sound{display:none}.cv-skill-row{grid-template-columns:1fr;gap:4px}.toasts{top:auto;bottom:120px}}@media print{body.cv-mode{background:#fff}.cv-banner,.cv-actions{display:none}.cv{box-shadow:none;padding:0}.chip.got{background:#f1efe9;box-shadow:none}.chip.got:before{content:""}}