:root{color:#293445;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#9ed8e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh}img{max-width:100%}.game-shell{color:#293445;background-color:#a9ddeb;background-position:50%;background-size:cover;width:100%;min-height:100svh;position:relative;overflow:hidden}.scene-vignette{pointer-events:none;background:linear-gradient(#ffffff3d,#212d442e),radial-gradient(circle at 50% 15%,#ffffff5c,#0000 42%);position:fixed;inset:0}.title-screen,.play-screen{z-index:1;min-height:100svh;position:relative}.title-screen{background-image:url(/assets/bg-seaside.svg);background-position:50%;background-size:cover;grid-template-rows:1fr auto auto auto;gap:18px;padding:34px 18px 24px;display:grid}.title-copy{text-shadow:0 2px 20px #ffffffd9;align-self:end;max-width:680px}.eyebrow{letter-spacing:0;color:#d84775;margin:0 0 8px;font-size:13px;font-weight:800}.title-copy h1{letter-spacing:0;color:#1d2d45;max-width:12em;margin:0;font-size:clamp(40px,12vw,72px);line-height:.96}.title-text{color:#3d4d61;max-width:28em;margin:16px 0 0;font-size:16px;line-height:1.7}.title-actions{gap:10px;display:grid}button{font:inherit}.primary-action,.secondary-action,.choice-button,.icon-button{cursor:pointer;border:0;border-radius:8px;min-height:48px;transition:transform .16s,box-shadow .16s,background .16s}.primary-action,.secondary-action{justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 18px;font-weight:800;display:inline-flex}.primary-action{color:#fff;background:#e6507c;box-shadow:0 16px 34px #be2d5b47}.secondary-action{color:#2c3d52;background:#ffffffd1;box-shadow:0 10px 28px #355a791f}.secondary-action:disabled{cursor:not-allowed;opacity:.54}.primary-action:not(:disabled):active,.secondary-action:not(:disabled):active,.choice-button:active,.icon-button:active{transform:scale(.98)}.cast-strip{grid-template-columns:1fr;gap:8px;display:grid}.cast-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #ffffffa8;border-radius:8px;grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.cast-card img{object-fit:cover;background:#f5f0ed;border-radius:8px;width:52px;height:52px}.cast-card strong,.cast-card span{display:block}.cast-card span{color:#647086;margin-top:2px;font-size:12px}.title-notice{color:#526276;min-height:22px;margin:0;font-size:13px}.play-screen{padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;display:grid}.top-bar{grid-template-columns:48px 1fr auto;align-items:center;gap:8px;display:grid}.chapter-chip{color:#334159;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border-radius:8px;min-width:0;padding:10px 12px;font-size:13px;font-weight:800;overflow:hidden}.tool-buttons{gap:6px;display:flex}.icon-button{color:#30435b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc2;place-items:center;width:48px;display:inline-grid}.stage{justify-content:center;align-items:flex-end;gap:min(1vw,8px);min-height:0;padding:6px 0 190px;display:flex;position:relative}.standee{opacity:.72;filter:saturate(.88);width:min(32vw,160px);min-width:92px;margin:0 -8px;transition:opacity .2s,transform .2s,filter .2s;transform:translateY(14px)scale(.9)}.standee.is-active{z-index:2;opacity:1;filter:saturate(1.05);transform:translateY(0)scale(1.06)}.standee.is-dimmed{opacity:.42}.standee img{aspect-ratio:3/5;object-fit:contain;object-position:bottom;filter:drop-shadow(0 18px 22px #222d3f47);width:100%;display:block}.standee figcaption{color:#2c3b50;background:#ffffffd1;border:2px solid;border-radius:8px;width:max-content;max-width:100%;margin:-8px auto 0;padding:4px 8px;font-size:12px;font-weight:800}.affection-dock{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffad;border:1px solid #ffffffad;border-radius:8px;gap:7px;width:min(260px,100vw - 24px);padding:10px;display:grid;position:fixed;top:70px;right:12px}.affection-row{grid-template-columns:56px 1fr 24px;align-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.affection-row meter{width:100%;height:10px}.history-panel{z-index:5;inset:auto 12px calc(184px + env(safe-area-inset-bottom)) 12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #ffffffc2;border-radius:8px;max-height:38svh;display:none;position:fixed;overflow:hidden;box-shadow:0 18px 48px #222d3f2e}.history-panel.is-open{grid-template-rows:auto 1fr;display:grid}.panel-title{border-bottom:1px solid #6376922e;align-items:center;gap:7px;padding:12px 14px;font-size:13px;font-weight:900;display:flex}.history-list{padding:10px 12px 14px;overflow:auto}.history-entry{text-align:left}.history-entry+.history-entry{margin-top:12px}.history-entry strong{color:#d74c79;margin-bottom:2px;font-size:12px;display:block}.history-entry p{color:#415066;margin:0;font-size:13px;line-height:1.6}.dialogue-box{z-index:4;right:12px;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #ffffffbd;border-radius:8px;gap:10px;padding:14px;display:grid;position:fixed;left:12px;box-shadow:0 18px 52px #212e4233}.speaker-row{align-items:center;gap:10px;display:flex}.speaker-name{color:#fff;background:#d84e78;border-radius:8px;flex:none;padding:5px 9px;font-size:13px;font-weight:900}.notice{color:#718096;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.dialogue-text{color:#2c3a4e;text-align:left;min-height:4.8em;margin:0;font-size:16px;font-weight:650;line-height:1.65}.choice-list{gap:8px;display:grid}.choice-button{color:#2e3e53;text-align:left;background:#fff8fb;width:100%;padding:12px 14px;font-size:15px;font-weight:800;box-shadow:inset 0 0 0 1px #d84e782e}.choice-button:hover,.choice-button:focus-visible{background:#ffe8f0;outline:none;box-shadow:inset 0 0 0 2px #d84e7847}.ending-panel{text-align:left;gap:9px;display:grid}.ending-panel strong{color:#d84e78;font-size:22px}.ending-panel p{color:#3d4b61;margin:0;line-height:1.65}@media (width>=720px){.title-screen{grid-template-rows:1fr auto auto;grid-template-columns:minmax(0,680px) minmax(280px,360px);align-items:end;gap:20px 28px;padding:56px min(7vw,84px) 42px}.title-actions,.cast-strip,.title-notice{grid-column:2}.title-copy{grid-row:1/4}.play-screen{padding:18px}.stage{padding-bottom:240px}.standee{width:min(25vw,250px);margin:0 -16px}.dialogue-box{padding:18px;bottom:24px;left:min(4vw,54px);right:min(4vw,54px)}.choice-list{grid-template-columns:repeat(3,1fr)}.choice-button{min-height:58px}.history-panel{width:min(420px,42vw);inset:auto min(4vw,54px) 250px auto}}@media (width<=430px){.top-bar{grid-template-columns:44px minmax(0,1fr) auto}.tool-buttons{gap:4px}.icon-button{width:42px;min-height:42px}.affection-dock{grid-template-columns:repeat(3,1fr);gap:6px;width:auto;top:62px;left:8px;right:8px}.affection-row{grid-template-columns:1fr 22px;gap:4px}.affection-row meter{grid-column:1/-1}.stage{padding-top:96px;padding-bottom:212px}.standee{min-width:84px}.dialogue-box{max-height:48svh;overflow:auto}.dialogue-text{min-height:5.1em;font-size:15px}}