@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;600;800&family=Changa:wght@500;700&family=Noto+Sans+JP:wght@400;600;700&display=swap";:root{--bg-deep: #1a0a1a;--bg-mid: #3a1a30;--paper: rgba(30, 10, 25, .78);--paper-border: rgba(255, 150, 180, .35);--text-main: #fff5f0;--text-soft: #f0c8d8;--accent-pink: #ff6b9d;--accent-gold: #ffd060;--accent-rose: #ff4070;--accent-blush: #ffb0c8;--shadow: rgba(0, 0, 0, .4);--glow-pink: rgba(255, 100, 150, .25);--glow-gold: rgba(255, 200, 100, .2)}*{box-sizing:border-box}html,body,#app,#scene-root{width:100%;height:100%;margin:0}body{overflow:hidden;color:var(--text-main);font-family:Bricolage Grotesque,Trebuchet MS,sans-serif;background:radial-gradient(circle at 20% 20%,#3a1a30 0%,var(--bg-deep) 55%),radial-gradient(circle at 85% 10%,#4a1a3a 0%,rgba(15,8,18,.4) 30%,transparent 55%),linear-gradient(180deg,#0a0510,#1a0a1a)}canvas{display:block}#scene-root{position:absolute;top:0;right:0;bottom:0;left:0}.panel{position:absolute;padding:.7rem .95rem;border-radius:16px;background:var(--paper);border:1px solid var(--paper-border);box-shadow:0 8px 28px var(--shadow),0 0 20px var(--glow-pink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#hud{top:1rem;left:1rem;max-width:min(48ch,65vw)}#hud p{margin:.2rem 0;line-height:1.35}#objective{font-size:clamp(.88rem,1vw + .55rem,1.2rem);font-weight:700;background:linear-gradient(90deg,var(--accent-blush),var(--accent-gold));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#progress{color:var(--text-soft);font-size:clamp(.75rem,.8vw + .55rem,1rem)}#clue-panel{top:1rem;right:1rem;max-width:min(36ch,52vw);max-height:min(45vh,28rem);overflow:auto}.panel-title{margin:0 0 .45rem;color:var(--accent-gold);font-weight:700}#clue-list{margin:0;padding-left:1.2rem;color:var(--text-soft);line-height:1.4;font-size:.92rem}#clue-list li{margin-bottom:.4rem}#clue-list li::marker{content:"🐾 "}#prompt{position:absolute;left:50%;bottom:7.8rem;transform:translate(-50%);padding:.7rem 1.1rem;border-radius:999px;border:1px solid rgba(255,150,180,.5);background:#280f1ee0;color:var(--accent-blush);font-size:.95rem;font-weight:600;letter-spacing:.02em;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:0 4px 16px var(--glow-pink)}#prompt.visible{opacity:1}#controls{left:1rem;bottom:1rem;font-size:.78rem;color:var(--text-soft)}#toggles{right:1rem;bottom:1rem;display:flex;gap:.45rem}#toggles button,#dialog-next,.yes-btn,#restart-btn,#mobile-controls button{border:1px solid rgba(255,150,180,.3);border-radius:12px;background:#280f1ee0;color:var(--text-main);font:inherit;padding:.5rem .75rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .2s ease}#toggles button:hover,#dialog-next:hover,.yes-btn:hover,#restart-btn:hover,#mobile-controls button:hover{transform:translateY(-2px);border-color:var(--accent-pink);box-shadow:0 4px 16px var(--glow-pink)}#dialog{position:absolute;left:50%;bottom:3.2rem;transform:translate(-50%);width:min(640px,calc(100vw - 1.6rem));background:#190a14f2;border:1px solid rgba(255,150,180,.45);border-radius:18px;box-shadow:0 16px 48px var(--shadow),0 0 30px var(--glow-pink);padding:1.1rem 1.3rem;display:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}#dialog.active{display:block;animation:dialogSlideIn .3s ease-out}@keyframes dialogSlideIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#dialog-speaker{margin:0;color:var(--accent-gold);font-family:Changa,Bricolage Grotesque,sans-serif;font-size:1.15rem;font-weight:700}#dialog-japanese{margin:.3rem 0 0;font-family:Noto Sans JP,Changa,sans-serif;font-size:1.05rem;font-weight:600;color:var(--accent-blush);letter-spacing:.04em;min-height:0;transition:opacity .2s ease,max-height .2s ease}#dialog-japanese:empty{display:none}#dialog-text{margin:.45rem 0 .9rem;color:var(--text-main);line-height:1.5}#proposal,#celebration{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;text-align:center;padding:1rem;z-index:5}#proposal{background:radial-gradient(circle at center,#3c1428eb,#0f050ff5 70%)}#celebration{background:radial-gradient(circle at center,#501432e0,#0f050ff0 70%)}#proposal.active,#celebration.active{display:grid;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#proposal h1{font-family:Changa,Bricolage Grotesque,sans-serif;font-size:clamp(1.6rem,2.5vw + 1rem,3rem);margin:0;background:linear-gradient(135deg,var(--accent-blush),var(--accent-gold),var(--accent-pink));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:heartPulse 1.5s infinite alternate}#celebration h2{font-family:Changa,Bricolage Grotesque,sans-serif;font-size:clamp(1.5rem,2vw + 1rem,2.8rem);margin:0;background:linear-gradient(135deg,var(--accent-gold),var(--accent-pink),var(--accent-blush));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:heartPulse 1.5s infinite alternate}#proposal p,#celebration p{width:min(680px,94vw);margin:.8rem auto 1.5rem;color:var(--text-soft);line-height:1.55;font-size:1.05rem}.proposal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.yes-btn,#restart-btn{background:linear-gradient(135deg,#641e32e6,#3c1423e6);border-color:#ff96b480;font-weight:700;letter-spacing:.06em;font-size:1.05rem;padding:.7rem 1.5rem;box-shadow:0 4px 20px var(--glow-pink)}.yes-btn:hover,#restart-btn:hover{background:linear-gradient(135deg,#8c2846f2,#50192df2);box-shadow:0 6px 30px #ff649666}.jp-main{font-family:Noto Sans JP,Changa,sans-serif;font-size:clamp(1.3rem,2vw + .8rem,2.2rem);font-weight:700;color:var(--accent-blush);letter-spacing:.05em;margin:0 0 .4rem;text-shadow:0 0 20px var(--glow-pink);animation:heartPulse 2s infinite alternate}.jp-sub{font-family:Noto Sans JP,Changa,sans-serif;font-size:1.15rem;font-weight:600;color:var(--accent-gold);letter-spacing:.03em;margin:.6rem 0 1.2rem;opacity:.9}.jp-translation{font-size:.88em;opacity:.75;font-style:italic}.love-sign{margin-top:1.5rem;font-family:Changa,Noto Sans JP,sans-serif;font-size:1.1rem;color:var(--accent-blush);line-height:1.8}@keyframes heartPulse{0%{text-shadow:0 0 10px var(--glow-pink);transform:scale(1)}to{text-shadow:0 0 30px rgba(255,100,150,.5);transform:scale(1.02)}}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Changa,Bricolage Grotesque,sans-serif;font-size:clamp(1rem,1.2vw + .8rem,1.5rem);background:radial-gradient(circle at 40% 30%,#3c1428d9,#0f050cf7 70%);letter-spacing:.03em;color:var(--accent-blush);transition:opacity .7s ease;z-index:10}#loading:after{content:"";display:block;width:30px;height:30px;margin:1rem auto 0;background:var(--accent-rose);clip-path:path("M15 26C6 18 2 12 6 7c2-3 5-3 7-1l2 2 2-2c2-2 5-2 7 1 4 5 0 11-9 19z");animation:loadingHeart 1s infinite alternate ease-in-out}@keyframes loadingHeart{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.15);opacity:1}}#loading.hidden{opacity:0;pointer-events:none}#mobile-controls{position:absolute;left:0;right:0;bottom:0;display:none;pointer-events:none;z-index:6}#mobile-controls>*{pointer-events:auto}#mobile-interact{position:absolute;left:1.2rem;bottom:1.5rem;width:5rem;height:5rem;border-radius:50%;border:2.5px solid rgba(255,150,180,.6);background:#1e0c16e0;color:var(--accent-pink);font-weight:700;font-size:1rem;letter-spacing:.02em;box-shadow:0 0 14px #ff649640,inset 0 0 8px #ff64961a;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:transform .1s,box-shadow .1s}#mobile-interact:active{transform:scale(.92);box-shadow:0 0 22px #ff649680,inset 0 0 12px #ff649633}#joystick{position:absolute;right:1.2rem;bottom:1.5rem;width:7.5rem;height:7.5rem;border-radius:50%;border:2px solid rgba(255,150,180,.3);background:#1e0c16a6;box-shadow:inset 0 0 16px #ff649614;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#joystick-thumb{position:absolute;left:50%;top:50%;width:2.8rem;height:2.8rem;margin-left:-1.4rem;margin-top:-1.4rem;border-radius:50%;background:radial-gradient(circle at 40% 38%,#ffaac8e6,#c85082d9);border:2px solid rgba(255,180,200,.5);box-shadow:0 0 10px #ff78a066;transition:box-shadow .15s;pointer-events:none}@media (max-width: 900px){#clue-panel,#controls,#toggles{display:none}#hud{max-width:calc(100vw - 2rem)}#prompt{bottom:8rem;max-width:calc(100vw - 1.6rem);text-align:center}#dialog{bottom:8rem}#mobile-controls{display:block;height:10rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1e0a1480;border-radius:3px}::-webkit-scrollbar-thumb{background:#ff96b44d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff96b480}