@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@600;700;800&display=swap";:root{--ink: #16293b;--ink-dim: #51697e;--accent: #0a95e8;--accent-dk: #0668a6;--card: #ffffff;--card-2: #eef5fb;--radius: 18px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:#8fd6ff;overflow:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none}h1,h2,h3{font-family:Fredoka,system-ui,sans-serif;letter-spacing:-.01em}canvas{display:block;touch-action:none}.rw-root{position:fixed;top:0;right:0;bottom:0;left:0}.rw-hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.rw-hud button,.rw-panel,.rw-minimap{pointer-events:auto}.rw-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px;gap:12px}.rw-brand{background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:8px 14px;font-family:Fredoka,sans-serif;font-weight:700;font-size:1.1rem;box-shadow:0 8px 22px #123c5a26}.rw-brand .dot{color:var(--accent)}.rw-role{font-family:Nunito,sans-serif;font-weight:700;font-size:.72rem;color:var(--ink-dim)}.rw-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.rw-btn{font-family:Fredoka,sans-serif;font-weight:600;font-size:.85rem;color:#fff;background:var(--accent);border:none;cursor:pointer;padding:.5rem .95rem;border-radius:999px;box-shadow:0 4px 0 var(--accent-dk);transition:transform .12s ease}.rw-btn:hover{transform:translateY(-1px)}.rw-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--accent-dk)}.rw-minimap{border-radius:12px;box-shadow:0 8px 22px #123c5a2e}.rw-sign{font-family:Fredoka,sans-serif;font-weight:700;font-size:15px;color:#16293b;background:#ffffffe6;padding:5px 12px;border-radius:999px;white-space:nowrap;border:2px solid rgba(10,149,232,.5);box-shadow:0 4px 12px #0000002e;transform:translateY(-6px);pointer-events:none;-webkit-user-select:none;user-select:none}.rw-panel{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:min(360px,42vw);max-height:76vh;overflow-y:auto;background:var(--card);border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:0 18px 44px #123c5a38;animation:slideIn .28s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}.rw-panel h2{font-size:1.5rem;margin-bottom:.6rem}.rw-panel p{color:var(--ink-dim);font-size:.95rem;margin-bottom:.7rem}.rw-panel .sub{color:var(--ink-dim);font-size:.85rem;margin-bottom:.7rem}.rw-panel ul{list-style:none;display:grid;gap:.5rem;margin-top:.4rem}.rw-panel li{position:relative;padding-left:1.2rem;color:var(--ink-dim);font-size:.9rem}.rw-panel li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.pill{display:inline-block;font-family:Fredoka,sans-serif;font-size:.72rem;font-weight:600;color:var(--accent-dk);background:#0a95e81f;padding:.25rem .7rem;border-radius:999px;margin-bottom:.6rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.chip{font-size:.78rem;font-weight:700;color:var(--ink);background:var(--card-2);border-radius:999px;padding:.28rem .7rem}.chip b{color:var(--ink-dim);font-weight:800}.skill-row{margin-bottom:.7rem}.skill-label{font-family:Fredoka,sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.award-list{display:grid;gap:.5rem}.award{display:flex;align-items:center;gap:.6rem;background:var(--card-2);border-radius:12px;padding:.5rem .7rem;font-size:.85rem}.award .sub{font-size:.75rem;margin:0}.medal{width:26px;height:26px;flex:0 0 auto;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffe27a,#f2a31e);color:#7a4a06;font-weight:800}.btn{display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;font-size:.85rem;color:#fff;background:var(--accent);padding:.5rem 1rem;border-radius:999px;box-shadow:0 4px 0 var(--accent-dk);margin-top:.4rem}.mailto{display:inline-block;font-family:Fredoka,sans-serif;font-size:1.1rem;color:var(--accent);border-bottom:2px solid rgba(10,149,232,.4);margin-top:.4rem}.rw-intro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.rw-intro-card{text-align:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;padding:2rem 2.4rem;max-width:460px;box-shadow:0 24px 60px #123c5a40}.rw-intro-emoji{font-size:2.6rem}.rw-intro-card h1{font-size:1.9rem;margin:.4rem 0}.rw-intro-card p{color:var(--ink-dim)}.rw-keys{margin:1rem 0 .4rem;color:var(--ink-dim);font-size:.85rem}.rw-intro-cta{margin-top:1rem;font-family:Fredoka,sans-serif;font-weight:600;color:var(--accent)}kbd{font-family:Fredoka,sans-serif;font-size:.72rem;background:var(--card-2);border-radius:6px;padding:2px 6px;margin:0 1px;border:1px solid rgba(18,41,59,.12)}.rw-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:.5rem 1.1rem;font-size:.78rem;color:var(--ink-dim);white-space:nowrap;box-shadow:0 6px 18px #123c5a24;pointer-events:none}.rw-look{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;touch-action:none}.rw-stick{position:fixed;left:22px;bottom:26px;z-index:8;width:118px;height:118px;border-radius:999px;background:#ffffff47;border:2px solid rgba(255,255,255,.6);touch-action:none}.rw-stick-thumb{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:999px;background:#ffffffe6;box-shadow:0 4px 12px #00000040}.rw-mobile-btns{position:fixed;right:18px;bottom:30px;z-index:8;display:flex;flex-direction:column;gap:10px}.rw-mbtn{font-family:Fredoka,sans-serif;font-weight:600;color:#fff;background:var(--accent);border:none;padding:.9rem 1.1rem;border-radius:16px;box-shadow:0 4px 0 var(--accent-dk)}.rw-scene-error{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:2rem;color:var(--ink)}.rw-scene-error pre{color:#b00;font-size:.8rem;margin-top:.5rem}.rw-tool-row{display:flex;gap:8px}.rw-btn.ghost{background:#ffffffe6;color:var(--ink);box-shadow:0 4px #12293b26}.rw-btn.ghost:active{box-shadow:0 1px #12293b26}.flat{height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:linear-gradient(180deg,#eaf6ff,#f5fbff 240px);color:var(--ink);padding-bottom:3rem}.flat-back{position:sticky;top:14px;margin:14px 0 0 14px;display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;font-size:.9rem;color:#fff;background:var(--accent);padding:.5rem 1rem;border-radius:999px;box-shadow:0 4px 0 var(--accent-dk);z-index:5}.flat-hero{max-width:900px;margin:0 auto;padding:2rem clamp(1.1rem,5vw,2rem) 1rem}.flat-hero h1{font-size:clamp(2.4rem,8vw,4rem)}.flat-hero .dot{color:var(--accent)}.flat-role{font-family:Fredoka,sans-serif;font-size:clamp(1rem,3vw,1.4rem);color:var(--ink-dim);margin-top:.3rem}.flat-tagline{color:var(--ink-dim);max-width:60ch;margin-top:.9rem;font-size:1.05rem}.flat-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}.btn{display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;font-size:.9rem;color:#fff;background:var(--accent);padding:.6rem 1.1rem;border-radius:999px;box-shadow:0 5px 0 var(--accent-dk)}.btn.ghost{background:#fff;color:var(--ink);box-shadow:0 5px #12293b26}.flat-sec{max-width:900px;margin:0 auto;padding:1.4rem clamp(1.1rem,5vw,2rem);background:#fff;border-radius:var(--radius);box-shadow:0 14px 34px #123c5a1a;margin-bottom:1.1rem}.flat-sec>h2{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:1rem}.flat-sec .dot{color:var(--accent)}.flat-about{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;align-items:start}.flat-about p{color:var(--ink-dim);margin-bottom:.8rem}.flat-facts{display:grid;gap:.7rem}.flat-facts .fact{background:var(--card-2);border-radius:12px;padding:.7rem .9rem}.flat-facts .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint, #8aa0b3);font-weight:800}.flat-facts .value{font-family:Fredoka,sans-serif;font-size:1.05rem}.flat-awards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem}.flat-awards .award{display:flex;align-items:center;gap:.7rem;background:var(--card-2);border-radius:12px;padding:.6rem .8rem}.flat-awards .sub{font-size:.78rem;color:var(--ink-dim)}.flat-exp .exp{border-left:6px solid var(--accent);background:var(--card-2);border-radius:12px;padding:1.1rem 1.3rem;margin-bottom:1rem}.flat-exp .exp-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;align-items:baseline}.flat-exp .exp-head h3{font-size:1.2rem}.flat-exp .exp-head span{font-family:Fredoka,sans-serif;color:var(--ink-dim);font-size:.88rem}.flat-exp .sub{color:var(--ink-faint, #8aa0b3);font-size:.85rem;margin-bottom:.6rem}.flat-exp ul{list-style:none;display:grid;gap:.45rem}.flat-exp li{position:relative;padding-left:1.2rem;color:var(--ink-dim);font-size:.92rem}.flat-exp li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.flat-projects{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.flat-projects .project{background:var(--card-2);border-radius:14px;padding:1.2rem 1.3rem;border-top:6px solid var(--accent)}.flat-projects .project h3{font-size:1.25rem;margin-bottom:.4rem}.flat-projects .project p{color:var(--ink-dim);font-size:.92rem;margin-bottom:.7rem}.flat-projects .go{display:inline-block;margin-top:.7rem;color:var(--accent);font-family:Fredoka,sans-serif;font-size:.9rem}.flat-skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}.flat-skills .skill-label{font-family:Fredoka,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.5rem}.flat-contact{text-align:center}.flat-contact p{color:var(--ink-dim);max-width:44ch;margin:.6rem auto 1.2rem}.flat-contact .mailto{font-family:Fredoka,sans-serif;font-size:clamp(1.1rem,3vw,1.5rem);color:var(--accent);border-bottom:2px solid rgba(10,149,232,.4)}.flat-footer{text-align:center;color:#12293b80;font-weight:700;font-size:.85rem;padding:1.5rem;max-width:900px;margin:0 auto}@media (max-width: 720px){.flat-about,.flat-projects{grid-template-columns:1fr}}@media (max-width: 640px){.rw-panel{top:auto;bottom:150px;transform:none;width:calc(100vw - 32px);right:16px;left:16px;max-height:40vh}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rw-role{display:none}}.rw-coins{position:absolute;top:76px;left:16px;background:#ffffffe6;border-radius:999px;padding:.4rem .9rem;font-family:Fredoka,sans-serif;font-weight:700;color:var(--ink);box-shadow:0 6px 18px #123c5a29}.rw-enter{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#0a95e8f2;color:#fff;padding:.6rem 1.2rem;border-radius:999px;font-family:Fredoka,sans-serif;font-weight:600;box-shadow:0 8px 22px #0a50824d;animation:rwpulse 1.4s ease-in-out infinite}.rw-enter kbd{background:#ffffff40;color:#fff;border-color:#fff6}@keyframes rwpulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.rw-center-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;padding:1rem}.rw-center{pointer-events:auto;width:min(680px,92vw);max-height:86vh;overflow-y:auto;background:var(--card);border-radius:22px;box-shadow:0 30px 70px #123c5a66;padding:1.8rem 2rem;position:relative;animation:rwpop .3s cubic-bezier(.16,1,.3,1)}@keyframes rwpop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.rw-close{position:absolute;top:12px;right:12px;background:var(--card-2);color:var(--ink);border:none;border-radius:999px;padding:.4rem .9rem;font-family:Fredoka,sans-serif;font-weight:600;cursor:pointer}.rw-center-body h2{font-size:1.8rem}.rw-center-body ul{list-style:none;display:grid;gap:.5rem;margin-top:.4rem}.rw-center-body li{position:relative;padding-left:1.2rem;color:var(--ink-dim)}.rw-center-body li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.rw-simple{margin-top:1.2rem;background:#fff7e8;border:2px solid #ffe0a3;border-radius:16px;padding:1rem 1.2rem}.rw-simple-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.5rem;font-family:Fredoka,sans-serif;font-weight:600;color:#8a5a12}.rw-simple p{color:#5a4620;font-size:1.05rem;line-height:1.6}.art{background:var(--card-2);border-radius:12px;padding:.6rem .8rem;margin-top:.5rem}.art .sub{font-size:.82rem;color:var(--ink-dim);margin:0}.go{display:inline-block;margin-top:.3rem;color:var(--accent);font-family:Fredoka,sans-serif;font-size:.85rem}.flat-topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(#eaf6ff,#eaf6ff00)}.flat .flat-back{position:static;margin:0;top:auto}.flat-download{font-family:Fredoka,sans-serif;font-weight:600;font-size:.9rem;color:#fff;background:#2ecc71;padding:.5rem 1.05rem;border-radius:999px;box-shadow:0 4px #1f9e56;white-space:nowrap}