*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}html,body{overscroll-behavior:none;touch-action:none}:root{--navy:#17233f;--navy-2:#2b3d68;--navy-3:#40588d;--pearl:#fffaf2;--pearl-2:#f7edf2;--rose:#e75f8d;--rose-dark:#a93361;--cyan:#65c3df;--gold:#f1c66b;--ink:#29253b;--muted:#756c82;--sprite-drop:min(12vh,7.5rem)}body{background:var(--navy);color:var(--ink);-webkit-text-size-adjust:100%;width:100%;height:100%;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;position:fixed;inset:0}.boot{z-index:200;background:radial-gradient(circle at 50% 34%,#415a91 0,#1d2d51 45%,#0f172b 100%);place-items:center;width:100vw;height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.boot-inner{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:min(28rem,100vw - 2rem);display:flex;position:relative}.boot-label{color:var(--pearl);letter-spacing:.12em;text-shadow:0 2px 10px #000;font:800 .94rem/1 Noto Serif JP,Yu Mincho,serif}.boot-bar{border:1px solid var(--gold);background:#111b35;border-radius:999px;width:min(16rem,55vw);height:.45rem;overflow:hidden}.boot-fill{background:linear-gradient(90deg,var(--rose),var(--gold));height:100%;transition:width .3s ease-out}.boot-error{color:#ffd5df;margin:0;font-weight:700;line-height:1.6}.game-shell{background:var(--navy);touch-action:none;width:100vw;height:100dvh;min-height:100svh;position:relative;overflow:hidden}.bg{filter:brightness(.96)saturate(1.06);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.bg-tint{filter:none;background:linear-gradient(#7fb4dc,#f4c8d7 58%,#92ba73)}.bg-tint:before,.bg-tint:after{content:none}.shade{pointer-events:none;background:linear-gradient(#0a142a0f,#0000 38%,#0b122629 70%,#080d1e80);position:absolute;inset:0}.intro-shell{cursor:pointer;background:#050505}.intro-bg{filter:brightness(.88)saturate(.9);transition:opacity .5s}.intro-blackout{background:#050505}.intro-shade{pointer-events:none;background:linear-gradient(#0000000a,#00000024 58%,#00000094);position:absolute;inset:0}.intro-stage{z-index:8;inset:1.5rem 0 10.5rem}.intro-stage .sprite{filter:drop-shadow(0 18px 26px #00000070);max-width:min(58vw,38rem);height:min(44vh,28rem);bottom:1rem}.intro-dock{z-index:20;left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:.75rem;width:min(48rem,82vw);display:flex;position:absolute;transform:translate(-50%)}.intro-dialogue{cursor:pointer;border-radius:.9rem;min-height:7rem}.intro-dialogue .text{align-items:center;min-height:3.8rem;font-size:clamp(1.05rem,1.35vw,1.28rem);font-weight:650;line-height:1.68;display:flex}.intro-choices{width:100%;margin:0;position:static}.intro-choices button{text-align:center;justify-content:center;min-height:3rem}.intro-title{z-index:17;color:#fff;text-align:center;pointer-events:none;animation:.9s both introTitleIn;position:absolute;top:27%;left:50%;transform:translate(-50%,-50%)}.intro-title span{letter-spacing:.16em;text-shadow:0 4px 24px #000000b8;font:900 clamp(2rem,5vw,4.6rem)/1 Noto Serif SC,Noto Serif JP,serif;display:block}@keyframes introTitleIn{0%{opacity:0;transform:translate(-50%,-44%)}to{opacity:1;transform:translate(-50%,-50%)}}.affection-hud{z-index:26;top:calc(1rem + env(safe-area-inset-top,0px));border:1px solid var(--navy);background:#fffaf2f5;border-radius:.75rem;align-items:center;gap:.7rem;min-height:2.9rem;padding:.45rem .8rem .5rem;display:flex;position:absolute;left:1rem;box-shadow:0 4px 14px #101a3447}.affection-label{color:var(--navy);letter-spacing:.08em;white-space:nowrap;padding-left:.1rem;font:900 .8rem/1 Noto Serif JP,Yu Mincho,serif}.heart-row{white-space:nowrap;align-items:center;gap:3px;display:flex}.pixel-heart{clip-path:polygon(12.5% 12.5%,37.5% 12.5%,37.5% 25%,62.5% 25%,62.5% 12.5%,87.5% 12.5%,87.5% 25%,100% 25%,100% 62.5%,87.5% 62.5%,87.5% 75%,75% 75%,75% 87.5%,62.5% 87.5%,62.5% 100%,37.5% 100%,37.5% 87.5%,25% 87.5%,25% 75%,12.5% 75%,12.5% 62.5%,0 62.5%,0 25%,12.5% 25%);filter:drop-shadow(1px 0 #431429)drop-shadow(-1px 0 #431429)drop-shadow(0 1px #431429)drop-shadow(0 -1px #431429);opacity:.48;width:18px;height:16px;image-rendering:pixelated;background:#806574;display:block;position:relative}.pixel-heart.filled{opacity:1;background:linear-gradient(135deg,#ff6687 0 28%,#e52d58 29% 68%,#a8173d 69%)}.pixel-heart.filled:after{content:"";background:#ffd8e1;width:4px;height:3px;position:absolute;top:3px;left:4px}.heart-row.compact{justify-content:flex-end;gap:2px}.heart-row.compact .pixel-heart{width:14px;height:13px}.toolbar{z-index:28;top:calc(.9rem + env(safe-area-inset-top,0px));border:1px solid var(--gold);background:#17233feb;border-radius:.8rem;align-items:center;gap:.3rem;padding:.3rem .5rem;display:flex;position:absolute;right:1rem;box-shadow:0 4px 14px #070d1d66}.tool{width:2.35rem;height:2.25rem;color:var(--pearl);cursor:pointer;background:0 0;border:none;border-radius:.55rem;place-items:center;transition:background-color .14s,transform .12s;display:grid}.tool:hover{background:#ffffff24;transform:translateY(-1px)}.tool:disabled{opacity:.46;cursor:not-allowed}.tool-sep{background:#f1c66b73;width:1px;height:1.5rem;margin:0 .1rem}.tool.ai{font-size:.8rem;font-weight:900}.tool.ai.on{color:#fff;background:#3c8d6e}.tool.ai.thinking{color:#fff;background:#c9992c}.tool.ai.fallback{color:#fff;background:#c14a6e}.tool.ai.off{color:#dfe4ef;background:#5a647e}.tool.no-track,.tool.no-track:disabled{color:#bd94a8;opacity:.8}.stage{z-index:8;pointer-events:none;place-items:center;display:grid;position:absolute;inset:4.5rem 0 12.6rem}.sprite{bottom:calc(.4rem - var(--sprite-drop));object-fit:contain;object-position:bottom center;filter:drop-shadow(0 24px 28px #080f227a);opacity:0;max-width:46vw;height:min(68vh,48rem);transition:opacity .2s;position:absolute;left:50%;transform:translate(-50%)}.sprite.is-loaded,.sprite-tint{opacity:1}.sprite-tint{width:min(30vw,22rem);height:min(56vh,38rem);bottom:calc(.4rem - var(--sprite-drop));filter:drop-shadow(0 24px 30px #080f2280);background:linear-gradient(#344e82,#1a2a50);border-radius:1rem;place-items:center;display:grid}.sprite-tint span{color:var(--pearl);font-size:7rem;font-weight:900}.think-bubble{z-index:9;left:calc(50% + min(22vw,14rem));bottom:calc(min(46vh,32rem) - var(--sprite-drop));border:1px solid var(--navy);pointer-events:none;background:#fffaf2f2;border-radius:.7rem;gap:.28rem;padding:.55rem .7rem;display:flex;position:absolute;box-shadow:0 4px 12px #17233f4d}.think-bubble span{background:var(--rose);border-radius:50%;width:.4rem;height:.4rem;animation:1.1s ease-in-out infinite bubble-dot}.think-bubble span:nth-child(2){animation-delay:.18s}.think-bubble span:nth-child(3){animation-delay:.36s}@keyframes bubble-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-.2rem)}}.stage:after{content:"";z-index:1;pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0}.stage.mood-warm:after{opacity:.24;background:radial-gradient(circle at 50% 40%,#ffaecd66,#0000 23rem)}.stage.mood-brave:after{opacity:.22;background:radial-gradient(circle at 50% 38%,#f1c66b6b,#0000 22rem)}.stage.mood-dreamy:after{opacity:.24;background:radial-gradient(circle at 50% 38%,#978aff5c,#0000 22rem)}.stage.mood-worried:after,.stage.mood-quiet:after{opacity:.2;background:radial-gradient(circle at 50% 38%,#65c3df4d,#0000 22rem)}.dock{z-index:20;left:50%;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px) + var(--keyboard-lift,0px));pointer-events:none;flex-direction:column;width:min(68rem,92vw);transition:bottom .14s;display:flex;position:absolute;transform:translate(-50%)}.dock>*{pointer-events:auto}.choice-float{gap:.52rem;width:min(31rem,78vw);animation:.2s ease-out choiceIn;display:grid;position:absolute;bottom:calc(100% + 1rem);right:0}.choice-float button{border:1px solid var(--navy);min-height:3.2rem;color:var(--ink);text-align:left;cursor:pointer;background:#fffaf2f7;border-radius:.7rem;align-items:center;gap:.9rem;padding:.6rem 1.1rem;font-weight:800;transition:transform .12s,background-color .14s;display:flex;box-shadow:0 4px 12px #17233f3d}.choice-float button:hover{border-color:var(--rose);background:#ffe5ef;transform:translate(-4px)}.choice-float i{background:var(--navy-2);width:1.7rem;height:1.7rem;color:var(--gold);border-radius:.45rem;flex:none;place-items:center;font-size:.68rem;font-style:normal;font-weight:900;display:grid}.choice-float span{line-height:1.3}.dialogue{border:2px solid var(--navy);background:#fffaf2f7;border-radius:.9rem;grid-template-rows:auto minmax(0,1fr) auto;gap:.5rem;width:100%;min-height:10.3rem;max-height:34vh;padding:1.6rem 1.35rem 1rem;display:grid;position:relative;box-shadow:0 8px 24px #101a3459}.meta{min-height:.3rem;color:var(--muted);align-items:center;font-size:.8rem;font-weight:700;display:flex;position:relative}.meta .name{background:linear-gradient(90deg,var(--rose-dark),var(--rose));color:#fff;letter-spacing:.12em;text-shadow:0 1px 2px #63203b;text-align:center;border-radius:.6rem;min-width:9.5rem;padding:.55rem 1.2rem .6rem;font:900 1.02rem/1 Noto Serif JP,Yu Mincho,Noto Serif SC,serif;position:absolute;top:-3.4rem;left:.3rem}.meta .pager{opacity:.8;gap:.3rem;display:flex;position:absolute;top:-.95rem;right:.2rem}.meta .pager button{border:1px solid var(--navy);background:var(--pearl);width:1.75rem;height:1.6rem;color:var(--navy);cursor:pointer;border-radius:.4rem;font-size:1rem;font-weight:900}.meta .pager button:disabled{opacity:.25}.text{scrollbar-width:none;width:100%;min-height:3.7rem;max-height:100%;color:var(--ink);letter-spacing:.02em;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;cursor:pointer;background:0 0;border:0;padding:.08rem .25rem;font-family:Noto Serif SC,Noto Serif JP,Yu Mincho,serif;font-size:clamp(1rem,1.2vw,1.18rem);font-weight:600;line-height:1.82;position:relative;overflow-y:auto}.text::-webkit-scrollbar{display:none}.text:focus-visible{outline:2px solid var(--rose);outline-offset:.15rem}.caret{background:var(--rose);vertical-align:-.16em;width:.12rem;height:1.05em;margin-left:.06rem;animation:.7s step-end infinite blink;display:inline-block}.text.done .caret{display:none}.text.done:after{content:"▼";color:var(--rose);font-size:.75rem;animation:1.1s ease-in-out infinite nudge;position:absolute;bottom:-.15rem;right:.2rem}.thinking-line{color:var(--navy-2);font-weight:700}.thinking-line .dots{background:radial-gradient(circle,var(--rose) 35%,transparent 40%) 0 50%/33% 100%;width:1.4rem;height:.35rem;margin-left:.3rem;animation:.9s steps(3,end) infinite dots;display:inline-block}.input-row{border-top:1px solid #2b3d682e;align-items:center;gap:.55rem;padding-top:.25rem;display:flex}.input-row input{border:1px solid var(--navy-3);min-width:0;height:2.55rem;color:var(--ink);background:#ffffffd9;border-radius:.5rem;outline:none;flex:1;padding:0 .9rem;font:600 16px/1 inherit}.input-row input::placeholder{color:#948a9c}.input-row input:focus{border-color:var(--rose);box-shadow:0 0 0 2px #e75f8d2e}.input-row .input-hint{color:var(--muted);white-space:nowrap;font-size:.72rem;font-weight:700}.input-row .send{background:linear-gradient(180deg,var(--navy-3),var(--navy));color:#fff;cursor:pointer;border:none;border-radius:.5rem;flex:none;place-items:center;width:2.7rem;height:2.55rem;display:grid}.input-row .send:hover:not(:disabled){filter:brightness(1.2)}.input-row .send:disabled{opacity:.3}.menu-panel,.turn-log-panel{z-index:34;border:1px solid var(--navy);background:#fffaf2fa;border-radius:.8rem;position:absolute;overflow:hidden;box-shadow:0 10px 30px #101a3466}.menu-panel{right:1rem;top:calc(4.6rem + env(safe-area-inset-top,0px));flex-direction:column;gap:.65rem;width:min(25rem,100vw - 2rem);max-height:calc(100dvh - 6rem);display:flex}.panel-head{background:linear-gradient(90deg,var(--navy),var(--navy-2));color:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:.72rem .9rem;display:grid}.panel-head strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;font:900 .92rem/1 Noto Serif JP,Yu Mincho,serif;overflow:hidden}.panel-head button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:.4rem;width:1.8rem;height:1.8rem;font-size:1.05rem}.panel-head button:hover{background:#ffffff26}.actor-list{gap:.42rem;min-height:0;padding:0 1rem;display:grid;overflow-y:auto}.actor-list button{border:1px solid var(--navy-3);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:.5rem;padding:.7rem .8rem}.actor-list button.active{border-color:var(--rose);box-shadow:inset 4px 0 var(--rose)}.actor-list button span{font-weight:900;display:block}.actor-list button small{color:var(--muted);margin-top:.2rem;display:block}.meter-board{border:1px solid var(--navy-3);background:#fff;border-radius:.5rem;gap:.45rem;margin:0 1rem;padding:.65rem .75rem;display:grid}.meter-row{color:var(--navy);justify-content:space-between;align-items:center;gap:.65rem;font-size:.82rem;font-weight:900;display:flex}.affection-menu-row{align-items:flex-start}.meter-bar{border:1px solid var(--navy);background:#d8dbea;border-radius:999px;flex:1;height:.5rem;overflow:hidden}.meter-fill{background:linear-gradient(90deg,var(--cyan),var(--rose));height:100%;display:block}.menu-reset{color:#8e294c;cursor:pointer;background:#fff0f4;border:1px solid #8e294c;border-radius:.5rem;height:2.65rem;margin:.05rem 1rem 1rem;font-weight:900}.menu-reset:hover{background:#ffdce8}.turn-log-panel{right:1rem;top:calc(4.6rem + env(safe-area-inset-top,0px));bottom:calc(12rem + env(safe-area-inset-bottom,0px));grid-template-rows:auto minmax(0,1fr);width:min(27rem,100vw - 2rem);display:grid}.log-list{align-content:start;gap:.62rem;min-height:0;padding:.75rem;display:grid;overflow-y:auto}.log-card{box-shadow:inset 4px 0 var(--cyan);background:#fff;border:1px solid #b5acc1;border-radius:.5rem;padding:.72rem .78rem}.log-meta{color:var(--muted);align-items:center;gap:.45rem;font-size:.7rem;font-weight:800;display:flex}.log-meta b{background:var(--navy);width:1.5rem;height:1.35rem;color:var(--gold);border-radius:.35rem;place-items:center;display:grid}.log-meta span{color:var(--navy);white-space:nowrap}.log-meta em{color:var(--rose-dark);white-space:nowrap;margin-left:auto;font-style:normal}.log-card p{margin:0}.log-player{color:var(--ink);font-size:.82rem;font-weight:800;line-height:1.48}.log-response{color:#524b61;-webkit-line-clamp:4;-webkit-box-orient:vertical;font:500 .8rem/1.58 Noto Serif SC,serif;display:-webkit-box;overflow:hidden}.log-empty{border:1px dashed var(--navy-3);color:var(--muted);text-align:center;border-radius:.5rem;padding:1rem;font-size:.83rem;font-weight:700}.toast{z-index:45;background:var(--pearl);color:var(--ink);border:1px solid var(--navy);border-radius:.6rem;padding:.58rem 1.1rem;font-weight:900;animation:.2s ease-out toastIn;position:absolute;top:4.7rem;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #17233f59}@keyframes blink{50%{opacity:0}}@keyframes nudge{50%{opacity:.7;transform:translateY(3px)}}@keyframes dots{0%{clip-path:inset(0 70% 0 0)}50%{clip-path:inset(0 35% 0 0)}to{clip-path:inset(0)}}@keyframes choiceIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.game-shell.keyboard-open .stage{inset:3.4rem 0 12.2rem}.game-shell.keyboard-open .dialogue{max-height:min(38vh,17rem)}@media (height<=620px) and (width>=761px){.toolbar{transform-origin:100% 0;top:.45rem;right:.55rem;transform:scale(.9)}.affection-hud{transform-origin:0 0;min-height:2.55rem;padding:.35rem .6rem;top:.55rem;left:.65rem;transform:scale(.9)}.stage{inset:3.2rem 0 9.2rem}.sprite{--sprite-drop:min(8vh,4rem);height:min(58vh,31rem)}.dock{width:min(62rem,88vw);bottom:.45rem}.choice-float{gap:.3rem;width:min(28rem,54vw);bottom:calc(100% + .45rem)}.choice-float button{min-height:2.35rem;padding:.32rem .8rem}.dialogue{gap:.3rem;min-height:7.2rem;max-height:38vh;padding:1rem 1rem .55rem}.meta .name{padding:.45rem 1.1rem .5rem;font-size:.88rem;top:-2.75rem}.meta .pager{top:-.75rem}.text{min-height:2.2rem;font-size:.96rem;line-height:1.55}.input-row input,.input-row .send{height:2.15rem}.intro-dock{width:min(44rem,74vw);bottom:.55rem}.intro-dialogue{min-height:5.8rem;padding:1rem 1rem .55rem}.intro-stage{inset:1rem 0 6.8rem}.intro-stage .sprite{height:min(40vh,17rem);bottom:.25rem}}@media (width<=760px){:root{--sprite-drop:min(8vh,4.6rem)}.toolbar{top:calc(.45rem + env(safe-area-inset-top,0px));gap:.12rem;padding:.25rem .35rem;right:.45rem}.tool{width:2.05rem;height:2rem}.affection-hud{top:calc(3.35rem + env(safe-area-inset-top,0px));gap:.45rem;width:max-content;max-width:calc(100vw - 1.1rem);min-height:2.45rem;padding:.35rem .55rem;left:.55rem;right:.55rem;box-shadow:0 3px 10px #17233f4d}.affection-label{font-size:.68rem}.pixel-heart{width:14px;height:13px}.heart-row{gap:2px}.stage{inset:6.2rem 0 12.4rem}.sprite{max-width:76vw;height:56vh}.dock{left:.55rem;right:.55rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px) + var(--keyboard-lift,0px));width:auto;transform:none}.intro-dock{left:.55rem;right:.55rem;bottom:calc(.55rem + env(safe-area-inset-bottom,0px));width:auto;transform:none}.intro-title{top:21%}.intro-stage{inset:4.2rem 0 9.5rem}.intro-stage .sprite{max-width:76vw;height:min(38vh,19rem);bottom:.2rem}.choice-float{gap:.4rem;width:auto;margin-bottom:.65rem;position:static}.choice-float button{min-height:2.9rem;padding:.5rem .8rem}.dialogue{min-height:9rem;max-height:min(36vh,18rem);padding:1.35rem .85rem .85rem}.meta .name{min-width:8.5rem;padding:.48rem 1rem;font-size:.88rem;top:-3rem;left:.1rem}.meta .pager{top:-.9rem}.text{font-size:1rem;line-height:1.7}.input-row .input-hint{display:none}.menu-panel{left:.55rem;right:.55rem;top:calc(6rem + env(safe-area-inset-top,0px));width:auto}.turn-log-panel{left:.55rem;right:.55rem;top:calc(6rem + env(safe-area-inset-top,0px));bottom:calc(11rem + env(safe-area-inset-bottom,0px));width:auto}.think-bubble{left:calc(50% + min(28vw,9rem));bottom:calc(min(52vh,26rem) - var(--sprite-drop))}.game-shell.keyboard-open .turn-log-panel{display:none}}