:root{--bg: #0b0f14;--fg: #e8eef7;--panel: rgba(0,0,0,.55);--btn: rgba(255,255,255,.1);--btn2: rgba(255,255,255,.16);--text-on-card: #1b1b1b}.night-cover{position:fixed;inset:0;pointer-events:none;background:#060a1240;mix-blend-mode:normal;z-index:10}:root[data-theme=day]{--bg: #f6f7fb;--fg: #0b1220;--panel: rgba(255,255,255,.72);--btn: rgba(0,0,0,.06);--btn2: rgba(0,0,0,.1)}html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}.game-root{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;padding:10px 12px}.stage{flex:1;position:relative;background-size:cover;background-position:center}.character{position:absolute;left:50%;bottom:60%;transform:translate(-50%);max-width:min(72vw,420px);height:auto}.fx{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.9}.hud{position:fixed;left:5%;right:5%;bottom:15%;padding:12px 12px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:60}.dialogue{position:relative;padding:16px;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:0;color:var(--text-on-card);box-sizing:border-box;width:min(520px,calc(100% - 32px));max-width:92vw;padding:clamp(12px,3.5vw,24px)}.speaker{font-weight:700;margin-bottom:6px}.text{line-height:1.45;font-size:clamp(15px,3.6vw,18px)}.next{all:unset;display:block;margin:2em auto 1em}.choices{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:2em;margin-bottom:1em}.choice{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 1 160px}.choice:hover{background:var(--btn2);transform:translateY(-1px)}.choice:active{transform:translateY(0);opacity:.96}.choice:focus{outline:none;box-shadow:0 0 0 3px #ffffff0f}:root[data-theme=day] .choice:focus{box-shadow:0 0 0 3px #00000014}.character.float{animation:float 2.8s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.character.shake{animation:shake .2s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(-50%) translate(0)}25%{transform:translate(-50%) translate(-1px)}75%{transform:translate(-50%) translate(1px)}}.character.breathe{animation:breathe 3.6s ease-in-out infinite;will-change:transform}@keyframes breathe{0%{transform:translate(-50%) translateY(0) scale(1)}60%{transform:translate(-50%) translateY(0) scale(1.03)}to{transform:translate(-50%) translateY(0) scale(1)}}.ending-root{min-height:100dvh;background:var(--bgColor);color:#fff;display:flex;flex-direction:column;padding:24px 18px;padding-bottom:calc(24px + env(safe-area-inset-bottom));box-sizing:border-box}.ending-frameArea{flex:0 0 48vh;display:flex;align-items:center;justify-content:center;width:100%;margin-top:3dvh;position:relative}.ending-frame{width:min(520px,86vw);aspect-ratio:16 / 10;background:#fff;border-radius:6px;box-shadow:0 10px 30px #00000059;overflow:hidden;display:grid;place-items:center;flex-shrink:0}.ending-frame img,.ending-frame video{width:100%;height:100%;object-fit:cover}.ending-text{margin-top:22px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:12px}.ending-title{font-size:clamp(34px,7vw,52px);font-weight:800;letter-spacing:2px}.ending-desc{font-size:clamp(14px,3.8vw,18px);line-height:1.6;opacity:.92;max-width:min(92vw,560px);margin:0 auto;white-space:pre-line}.ending-actions{margin-top:10px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ending-btn{height:44px;padding:0 16px;border:0;border-radius:12px;background:#ffffff29;color:#fff}.ending-frameWrap{flex:0 0 48vh;position:relative;display:flex;align-items:center;justify-content:center;margin-top:3dvh}.btn-stamp{--base: #e36a3c;--outer: color-mix(in oklab, black 55%, var(--base));--inner: color-mix(in oklab, black 35%, var(--base));--text: color-mix(in oklab, black 55%, var(--base));--r: 4px;--frame: 3px;--pad: 6px;display:grid;place-items:center;position:relative;height:56px;width:160px;border:0;border-radius:var(--r);background:var(--base);color:var(--text);box-sizing:border-box;max-width:160px;margin-left:auto;margin-right:auto;font-family:Georgia,Times New Roman,serif;font-weight:800;font-size:34px;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 var(--frame) var(--outer)}.btn-stamp:before{content:"";position:absolute;inset:var(--pad);border-radius:calc(var(--r) - 2px);border:2px solid var(--inner);pointer-events:none}.btn-stamp:hover{filter:brightness(1.6)}.btn-stamp:active{filter:brightness(.98);transform:translateY(1px)}.choices .choice:nth-child(4n+1){--base: #ec6735}.choices .choice:nth-child(4n+2){--base: #3b82f6}.choices .choice:nth-child(4n+3){--base: #58c163}.choices .choice:nth-child(4n+4){--base: #8b5cf6}.choices .choice:nth-child(1){outline:3px solid rgba(0,0,0,.06);outline-offset:2px}@media(max-width:420px){.choices{gap:30px;margin-top:1.6em;margin-bottom:.8em}.choice{flex:0 1 100%;max-width:40%;height:52px}.btn-stamp{width:100%;height:52px;font-size:20px}.next{max-width:40%;margin-top:1.6em;margin-bottom:.8em}}@media(min-width:421px)and (max-width:760px){.dialogue{min-height:190px;display:flex;flex-direction:column}.choice{flex:0 1 100%;max-width:40%;height:52px}.btn-stamp{width:100%;font-size:26px}}