:root{--bg: #17131c;--bg-deep: #110d15;--surface: #211b28;--surface-2: #2b2433;--ink: #f2ece4;--ink-dim: #cfc6ce;--muted: #b4abbb;--faint: #8b8290;--line: rgba(242, 236, 228, .1);--line-2: rgba(242, 236, 228, .18);--personal: #e8a13a;--personal-ink: #2a1c08;--personal-soft: rgba(232, 161, 58, .14);--personal-line: rgba(232, 161, 58, .4);--shared: #c77dd6;--shared-soft: rgba(199, 125, 214, .15);--shared-line: rgba(199, 125, 214, .42);--alert: #e06b8b;--radius: 14px;--radius-sm: 9px;--shadow: 0 18px 50px rgba(0, 0, 0, .5);--text-xs: .72rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.6rem;--text-2xl: 2rem;--text-3xl: 2.4rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--tabbar-h: 60px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--personal);outline-offset:2px;border-radius:5px}button:not(:disabled),a{transition:filter .15s ease,opacity .15s ease}button:not(:disabled):hover{filter:brightness(1.08)}a:hover{opacity:.82}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent}#root{height:100%}#app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none}#game{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(120% 120% at 50% 0%,#2b2433b8,#110d15eb);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;animation:fade-in .4s ease}.panel{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line-2);border-radius:20px;padding:32px 28px;text-align:center;color:var(--ink);box-shadow:var(--shadow)}.panel h1{font-family:var(--font-display);font-weight:500;font-size:2rem;letter-spacing:-.01em;margin-bottom:10px;color:var(--ink)}.subtitle{font-size:1rem;line-height:1.55;color:var(--muted);margin-bottom:20px}.how-to{list-style:none;text-align:left;margin:0 auto 24px;display:inline-block;font-size:.95rem;line-height:1.9;color:var(--ink-dim)}.stat{font-size:1.1rem;margin-bottom:20px;color:var(--personal)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:1.02rem;font-weight:700;color:var(--personal-ink);background:linear-gradient(180deg,#f1b256,var(--personal));padding:13px 34px;border-radius:999px;box-shadow:0 8px 22px #e8a13a52;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #e8a13a73;filter:brightness(1.04)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--personal);outline-offset:3px}.letter-panel{background:#fbf3ec;border-color:#e06b8b66;color:#43302f}.letter-panel h1{color:#c24e6b}.chest-anim{font-size:3rem;margin-bottom:6px;animation:pop .6s ease}.love-letter{text-align:left;font-size:1.05rem;line-height:1.7;margin:18px 0 24px;font-family:var(--font-display)}.love-letter p{margin-bottom:12px}.signature{text-align:right;font-style:italic;color:#c24e6b}#hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;z-index:5;pointer-events:none}.meter{display:flex;align-items:center;gap:8px}.meter-label{font-size:.7rem;font-weight:800;letter-spacing:2px;color:#f2ece4d9}.meter-track{width:160px;max-width:40vw;height:14px;background:#00000059;border:1px solid rgba(242,236,228,.3);border-radius:999px;overflow:hidden}.meter-fill{height:100%;width:100%;background:linear-gradient(90deg,#67e8ff,#36b3ef);transition:width .1s linear,background .3s ease}.meter-fill.low{background:linear-gradient(90deg,#ff8a8a,#ff4d4d)}.depth{font-size:1.2rem;font-weight:800;color:var(--ink);text-shadow:0 2px 8px rgba(0,0,0,.5)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ring-draw{0%{stroke-dashoffset:226}to{stroke-dashoffset:0}}.home-rise{animation:rise-in .55s cubic-bezier(.2,.7,.2,1) both}.home-rise-2{animation:rise-in .55s cubic-bezier(.2,.7,.2,1) .09s both}.home-rise-3{animation:rise-in .55s cubic-bezier(.2,.7,.2,1) .18s both}.home-ring{stroke-dasharray:226;animation:ring-draw 1.3s cubic-bezier(.4,0,.2,1) .15s both}.bottom-nav{display:none}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 calc(6px + env(safe-area-inset-bottom));text-decoration:none;font-weight:600}.bottom-nav-icon{font-size:1.15rem;line-height:1}.bottom-nav-label{font-size:.66rem;letter-spacing:.02em}@media(max-width:640px){.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:stretch;background:#17131ceb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line-2)}.nav-links{display:none!important}.chat-page{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}}@media(max-width:480px){.panel h1{font-size:1.6rem}.panel{padding:24px 20px}}