:root{--bg-canvas: #ECE6DE;--bg-cream: #F7F3EF;--bg-white: #FFFFFF;--ink-black: #000000;--ink-muted: #5C564F;--duck-beak: #F4A654;--pastel-yellow: #FFE59A;--pastel-pink: #FFB5C1;--pastel-mint: #B7E1D1;--pastel-blue: #A9D3FF;--border-thick: 3px solid #000000;--shadow-brutal: 0 4px 0px #000000;--shadow-brutal-sm: 0 3px 0px #000000;--radius-card: 20px;--radius-btn: 16px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg-canvas);color:var(--ink-black);font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif;min-height:100dvh;overflow-x:hidden;-webkit-user-select:none;user-select:none}.mobile-shell{width:100%;max-width:440px;min-height:100dvh;margin:0 auto;background-color:var(--bg-cream);border-left:var(--border-thick);border-right:var(--border-thick);display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:0 0 36px #00000024;overflow:hidden}@media(max-width:460px){.mobile-shell{border-left:none;border-right:none;max-width:100%}}.neo-card{background-color:var(--bg-white);border:var(--border-thick);border-radius:var(--radius-card);box-shadow:var(--shadow-brutal)}.neo-subcard{background-color:var(--bg-white);border:2px solid #000;border-radius:12px;box-shadow:2px 2px #000}.neo-btn{font-family:"Baloo 2",ui-rounded,sans-serif;font-weight:700;border:var(--border-thick);border-radius:var(--radius-btn);box-shadow:var(--shadow-brutal-sm);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background-color .12s ease;background-color:var(--bg-white);color:var(--ink-black);text-align:left;padding:11px 15px;font-size:.9rem;line-height:1.3;width:100%}.neo-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px #000}.neo-btn:active:not(:disabled){transform:translateY(3px);box-shadow:none}.neo-btn:disabled{opacity:.48;cursor:not-allowed}.neo-select{font-family:"Baloo 2",ui-rounded,sans-serif;font-weight:700;font-size:.82rem;border:2px solid #000;border-radius:10px;background:var(--bg-white);color:var(--ink-black);padding:6px 10px;cursor:pointer;max-width:62%}.btn-yellow{background-color:var(--pastel-yellow)}.btn-mint{background-color:var(--pastel-mint)}.btn-pink{background-color:var(--pastel-pink)}.btn-blue{background-color:var(--pastel-blue)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:2px solid #000;border-radius:999px;font-size:.7rem;font-weight:800;background:var(--bg-white);white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:200;padding:12px}.modal-content{width:100%;max-width:416px;max-height:90dvh;overflow-y:auto;background:var(--bg-cream);border:var(--border-thick);border-radius:18px;box-shadow:5px 5px #000;padding:14px}.modal-box{width:100%;max-width:416px;max-height:90dvh;overflow-y:auto;padding:14px}@keyframes duckTyping{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-4px) rotate(-1.5deg) scale(1.02,.98)}50%{transform:translateY(0) rotate(1.5deg) scale(.99,1.01)}75%{transform:translateY(-3px) rotate(-1deg) scale(1.01,.99)}}.anim-duck-idle{animation:duckTyping .85s ease-in-out infinite}@keyframes npcSlideIn{0%{transform:translate(65px) scale(.8);opacity:0}70%{transform:translate(-6px) scale(1.04);opacity:1}to{transform:translate(0) scale(1);opacity:1}}.anim-npc-enter{animation:npcSlideIn .32s cubic-bezier(.22,1.3,.36,1) forwards}@keyframes bubblePop{0%{transform:scale(.75) translateY(8px);opacity:0}80%{transform:scale(1.03) translateY(-2px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.anim-bubble-pop{animation:bubblePop .25s cubic-bezier(.2,1.3,.4,1) forwards}@keyframes stampSlam{0%{transform:scale(2.8) rotate(-18deg);opacity:0}65%{transform:scale(.9) rotate(-6deg);opacity:1}85%{transform:scale(1.06) rotate(-8deg);opacity:1}to{transform:scale(1) rotate(-7deg);opacity:1}}@keyframes shakeHard{0%,to{transform:translate(0)}15%{transform:translate(-7px,4px)}30%{transform:translate(7px,-5px)}45%{transform:translate(-6px,-3px)}60%{transform:translate(6px,4px)}75%{transform:translate(-4px,2px)}}.anim-stamp{animation:stampSlam .34s cubic-bezier(.2,.9,.3,1.2) forwards}.anim-shake{animation:shakeHard .38s ease-in-out}@keyframes panicJitter{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1.5px,-1px)}}.anim-panic-jitter{animation:panicJitter .14s infinite;border-color:#d90429!important}@keyframes redPulseBorder{0%,to{box-shadow:inset 0 0 #d9042900}50%{box-shadow:inset 0 0 0 5px #d904298c}}.urgent-screen-flash{animation:redPulseBorder .5s infinite}@keyframes patrolPass{0%{transform:translate(-40px);opacity:.2}50%{transform:translate(0);opacity:1}to{transform:translate(40px);opacity:.2}}.anim-patrol-shadow{animation:patrolPass 2.2s ease-in-out infinite alternate}@keyframes rainFall{0%{background-position:0px 0px}to{background-position:-24px 48px}}.weather-rain-overlay{background-image:repeating-linear-gradient(115deg,transparent,transparent 10px,rgba(0,80,180,.25) 10px,rgba(0,80,180,.25) 12px);background-size:24px 48px;animation:rainFall .45s linear infinite}@keyframes scooterZoom{0%{transform:translate(-120%) rotate(-3deg)}45%{transform:translate(0) rotate(2deg) scale(1.08)}to{transform:translate(130%) rotate(-4deg)}}.anim-commute-zoom{animation:scooterZoom 1.05s cubic-bezier(.3,.8,.4,1) forwards}.sneak-phone-dock{position:fixed;bottom:10px;right:max(12px,calc(50vw - 208px));z-index:120;cursor:pointer;transition:transform .18s cubic-bezier(.2,1.2,.4,1)}.sneak-phone-dock:hover{transform:translateY(-5px) scale(1.03)}.skill-dock{position:fixed;bottom:10px;left:max(12px,calc(50vw - 208px));z-index:120;cursor:pointer;transition:transform .18s cubic-bezier(.2,1.2,.4,1)}.skill-dock:hover{transform:translateY(-5px) scale(1.03)}@keyframes cardReveal{0%{transform:rotateY(90deg) scale(.88);opacity:0}55%{transform:rotateY(-10deg) scale(1.04);opacity:1}to{transform:rotateY(0) scale(1);opacity:1}}.anim-card-reveal{animation:cardReveal .52s cubic-bezier(.2,1.1,.4,1) both}.sneak-phone-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;z-index:180;display:flex;align-items:flex-end;justify-content:center}@keyframes phoneSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sneak-phone-body{width:100%;max-width:420px;max-height:82dvh;background:#1b1d24;color:#fff;border-top:4px solid #000000;border-left:3px solid #000000;border-right:3px solid #000000;border-radius:26px 26px 0 0;padding:12px 14px 18px;display:flex;flex-direction:column;gap:10px;animation:phoneSlideUp .22s cubic-bezier(.2,.9,.3,1) forwards;box-shadow:0 -8px 30px #00000073}