*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:#0d1219;color:#cfd8e3;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;overflow:hidden}#app{position:relative;height:100dvh;max-width:480px;margin:0 auto;overflow:hidden;background:#141b24;user-select:none}.hidden{display:none!important}.screen{position:absolute;inset:0;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer}.screen-title{align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,rgba(90,120,150,.25),transparent 60%),linear-gradient(180deg,#232e3b,#10161e)}.title-box{text-align:center;padding:24px;z-index:1}.title-h1{font-size:30px;letter-spacing:6px;color:#dbe4ee;font-weight:600;text-shadow:0 2px 12px rgba(120,160,200,.35)}.title-sub{margin-top:10px;font-size:13px;color:#7f8ea0;letter-spacing:3px}.title-btns{margin-top:42px;display:flex;flex-direction:column;gap:14px;align-items:center}.main-btn{width:220px;padding:12px 0;font-size:15px;letter-spacing:2px;color:#dbe4ee;background:linear-gradient(180deg,#465c74d9,#2e3e50d9);border:1px solid rgba(150,180,210,.35);border-radius:10px;transition:transform .12s,filter .12s}.main-btn:active{transform:scale(.97);filter:brightness(1.2)}.main-btn.ghost{background:transparent;border-color:#96b4d233;color:#8b9aac}.about-panel{margin-top:26px;font-size:13px;line-height:2;color:#93a3b5}.seed-tip{font-size:11px;color:#5f6f81}.title-deco{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V27 Q12 20 24 25 L36 25 36 19 41 15 46 19 46 25 Q64 14 82 22 Q92 26 100 24 V40 Z' fill='%230c1118'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:bottom;background-size:100% 30%;opacity:.9}.topbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0d1219e0;border-bottom:1px solid rgba(120,150,180,.12);z-index:5}.age-wrap{min-width:52px;text-align:center}.age{font-size:17px;font-weight:600;color:#dbe4ee}.stage-name{font-size:10px;color:#6d7d90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.attrs{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px 10px}.attr{display:flex;align-items:center;gap:4px}.attr-label{font-size:10px;color:#7f8ea0}.bar{flex:1;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#5a7a9a,#8fb2d4);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .4s;will-change:transform}.mood-wrap{text-align:center;min-width:34px}.mood{font-size:17px;line-height:1}.mood-label{font-size:9px;color:#6d7d90;margin-top:2px}.stage-area{position:relative;flex:3;min-height:0;overflow:hidden}.bg{position:absolute;inset:0;background-repeat:no-repeat;background-position:bottom,center;background-size:100% 45%,cover}.bg:after{content:"";position:absolute;inset:0;background:#00000085}.bg-stage-enter{animation:bg-stage-in .65s ease both}@keyframes bg-stage-in{0%{opacity:0}to{opacity:1}}.bg-default{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V32 Q50 28 100 32 V40 Z' fill='%23121a23'/%3E%3C/svg%3E"),linear-gradient(180deg,#2a3642,#171e26)}.bg-countryside{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V27 Q12 20 24 25 L36 25 36 19 41 15 46 19 46 25 Q64 14 82 22 Q92 26 100 24 V40 Z' fill='%23141d21'/%3E%3C/svg%3E"),linear-gradient(180deg,#3a4a52,#1c262c)}.bg-home{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V30 H8 V20 L22 11 36 20 V30 H54 Q56 16 62 16 Q68 16 70 30 H100 V40 Z' fill='%23151d1c'/%3E%3C/svg%3E"),linear-gradient(180deg,#34403f,#181f1e)}.bg-classroom{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Crect x='28' y='4' width='44' height='15' rx='1' fill='%23151d27'/%3E%3Cpath d='M0 40 V31 H14 V34 H30 V31 H44 V34 H60 V31 H74 V34 H90 V31 H100 V40 Z' fill='%23151d27'/%3E%3C/svg%3E"),linear-gradient(180deg,#37424e,#1a222b)}.bg-playground{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V33 Q50 29 100 33 V40 Z M14 33 V6 H15.5 V33 Z M15.5 6 H26 L15.5 11 Z' fill='%23172029'/%3E%3C/svg%3E"),linear-gradient(180deg,#40505c,#202a32)}.bg-dorm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M8 40 V8 H10 V16 H38 V8 H40 V40 H38 V26 H10 V40 Z' fill='%23141b25'/%3E%3Crect x='66' y='7' width='20' height='15' rx='1' fill='%23273649'/%3E%3C/svg%3E"),linear-gradient(180deg,#303a48,#161d26)}.bg-factory{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V20 L14 12 V20 H16 V5 H21 V20 L35 12 V20 L49 12 V20 H62 V26 H100 V40 Z' fill='%23111519'/%3E%3C/svg%3E"),linear-gradient(180deg,#333a40,#14181c)}.bg-city{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V18 H10 V10 H18 V24 H26 V6 H36 V20 H44 V14 H54 V26 H62 V4 H74 V22 H84 V12 H94 V28 H100 V40 Z' fill='%23101722'/%3E%3C/svg%3E"),linear-gradient(180deg,#2c3644,#131a24)}.bg-hospital{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M6 40 V22 H20 V10 H80 V22 H94 V40 Z' fill='%23161e26'/%3E%3Crect x='45' y='14' width='10' height='3' fill='%233a4a5c'/%3E%3Crect x='48.5' y='10.5' width='3' height='10' fill='%233a4a5c'/%3E%3C/svg%3E"),linear-gradient(180deg,#3d4750,#1e252c)}.bg-street{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V34 H100 V40 Z M20 34 V10 H28 V12 H21.5 V34 Z M72 34 V10 H80 V12 H73.5 V34 Z' fill='%23121924'/%3E%3C/svg%3E"),linear-gradient(180deg,#2e3846,#151c26)}.bg-night{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V32 Q50 28 100 32 V40 Z' fill='%23080c12'/%3E%3C/svg%3E"),linear-gradient(180deg,#1a2230,#0b0f16)}.bg-station{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V36 H100 V40 Z M10 36 V24 Q10 20 14 20 H70 Q80 20 86 26 L90 31 V36 Z' fill='%23131a24'/%3E%3C/svg%3E"),linear-gradient(180deg,#35404c,#181f28)}.sprite-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px 0 8px}.sprite-card{width:min(58%,240px);max-height:88%;border-radius:16px;overflow:hidden;border:1px solid rgba(220,235,250,.22);box-shadow:0 0 28px #96b9dc38,0 8px 28px #00000073;background:#1e283499;animation:sprite-in .45s ease}@keyframes sprite-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sprite-img{display:block;width:100%;max-height:42dvh;object-fit:cover;filter:saturate(.82) contrast(.96) brightness(.96)}.sprite-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:30dvh;font-size:56px;color:#c8dcf080;background:linear-gradient(180deg,#2c3a4a,#1b2530)}.dialog{position:relative;flex:2;min-height:0;display:flex;flex-direction:column;padding:10px 14px 14px;background:linear-gradient(180deg,#0f151df5,#0a0e14fc);border-top:1px solid rgba(130,160,190,.15)}.name-row{display:flex;justify-content:space-between;align-items:center;min-height:26px}.name-tag{display:inline-block;padding:3px 12px;font-size:13px;color:#cfe0f0;background:#465f788c;border:1px solid rgba(150,185,220,.3);border-radius:6px;letter-spacing:1px}.tool-btn{padding:3px 10px;font-size:11px;color:#7f8ea0;background:transparent;border:1px solid rgba(130,150,175,.3);border-radius:6px}.dialog-text{flex:1;margin-top:10px;font-size:15px;line-height:1.9;color:#d5dee8;overflow-y:auto;white-space:pre-wrap}.dialog-hint{align-self:flex-end;font-size:12px;color:#6d8199;animation:blink 1.1s infinite}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.choices{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px 20px;background:#080c11eb;overflow-y:auto}.choice-btn{padding:12px 14px;font-size:14px;line-height:1.5;text-align:left;color:#d5dee8;background:linear-gradient(180deg,#3a4c60b3,#263444b3);border:1px solid rgba(150,185,220,.28);border-radius:10px;transition:transform .1s,filter .1s}.choice-btn:active{transform:scale(.98);filter:brightness(1.25)}.fade{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05070a;opacity:0;pointer-events:none;transition:opacity .45s ease;z-index:50}.fade.active{opacity:1;pointer-events:auto}.fade-label{font-size:18px;letter-spacing:5px;color:#93a7bb}.history-panel{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;background:#090d12f7}.history-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;color:#a9bacc;border-bottom:1px solid rgba(130,160,190,.15)}.history-list{flex:1;overflow-y:auto;padding:12px 16px 24px}.history-item{margin-bottom:12px}.history-name{font-size:11px;color:#6d8199;margin-bottom:2px}.history-text{font-size:13px;line-height:1.7;color:#becbd9}.screen-ending{overflow-y:auto;background:radial-gradient(ellipse at 50% 0%,rgba(60,80,105,.3),transparent 55%),linear-gradient(180deg,#141b26,#090c11)}.ending-box{padding:42px 24px 48px;display:flex;flex-direction:column;align-items:center;gap:22px}.ending-kicker{font-size:12px;letter-spacing:4px;color:#5f7188}.ending-title{font-size:26px;letter-spacing:4px;color:#dde6f0;text-align:center;text-shadow:0 2px 14px rgba(130,170,210,.35)}.ending-section-title{font-size:12px;letter-spacing:3px;color:#6d8199;text-align:center;margin-bottom:10px}.ending-trace,.ending-radar{width:100%;max-width:340px}.trace-list{border-left:2px solid rgba(120,150,180,.3);padding-left:14px;display:flex;flex-direction:column;gap:8px}.trace-item{font-size:13px;line-height:1.6;color:#a9bacc}.radar-canvas{display:block;margin:0 auto}.ending-text{max-width:320px;font-size:14px;line-height:2.1;color:#b8c6d6;text-align:justify;padding:16px 18px;background:#1e2a3859;border:1px solid rgba(130,160,190,.18);border-radius:12px}.toast{position:absolute;left:50%;bottom:16%;padding:9px 20px;font-size:13px;letter-spacing:1px;color:#dbe4ee;background:#141c26f0;border:1px solid rgba(150,185,220,.3);border-radius:20px;opacity:0;pointer-events:none;transform:translate(-50%) translateY(8px);transition:opacity .3s,transform .3s;z-index:90;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}#app.land{max-width:none}#app.land .screen-game{display:grid;grid-template-rows:auto 1fr;grid-template-columns:42% 1fr}#app.land .topbar{grid-column:1 / -1;padding:6px 16px}#app.land .attrs{grid-template-columns:repeat(5,1fr);max-width:560px;margin:0 auto;width:100%}#app.land .stage-area{grid-row:2;grid-column:1}#app.land .dialog{grid-row:2;grid-column:2;border-top:none;border-left:1px solid rgba(130,160,190,.15);padding:12px 18px 16px}#app.land .sprite-card{width:min(72%,300px)}#app.land .sprite-img{max-height:62dvh}#app.land .sprite-fallback{height:50dvh}#app.land .ending-box{max-width:620px;margin:0 auto}#app.rotated{position:absolute;top:0;left:0;width:100dvh;height:100dvw;max-width:none;transform:rotate(90deg) translateY(-100%);transform-origin:top left}#app.rotated .sprite-img{max-height:62dvw}#app.rotated .sprite-fallback{height:50dvw}