:root{--bg: #0a0b0d;--surface: #121316;--surface-2: #17191d;--line: #262a31;--line-strong: #3a4048;--text: #fbfbfb;--muted: #b8bcc4;--faint: #69707a;--signal: #ff9e40;--signal-soft: rgba(255, 158, 64, .14);--pass: #5fa8c7;--pass-soft: rgba(95, 168, 199, .14);--warn: #d9a24a;--warn-soft: rgba(217, 162, 74, .14);--fail: #d85c46;--fail-soft: rgba(216, 92, 70, .12);--good: #58b27c;--good-soft: rgba(88, 178, 124, .14);--shadow: 0 12px 32px rgba(0, 0, 0, .45);--font-ui: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "JetBrains Mono", "SF Mono", Consolas, "Courier New", monospace;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--ease-reveal: cubic-bezier(.22, 1, .36, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);font-family:var(--font-ui);min-height:100vh;letter-spacing:.01em;background:radial-gradient(900px 420px at 82% -12%,rgba(255,158,64,.07),transparent 60%),radial-gradient(700px 420px at -8% 8%,rgba(95,168,199,.05),transparent 60%),var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;animation:grid-pan 38s linear infinite}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes grid-pan{to{background-position:64px 64px}}button,input{font-family:inherit}.shell{position:relative;z-index:1;max-width:920px;margin:0 auto;padding:44px 20px 90px}h1{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:10px 0 6px;background:linear-gradient(100deg,#fff 20%,var(--signal) 55%,#fff 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:title-shimmer 7s ease-in-out infinite}@keyframes title-shimmer{0%,to{background-position:0% 0}50%{background-position:100% 0}}h2{font-size:20px;font-weight:600;letter-spacing:-.005em;margin:0 0 14px}.tagline{color:var(--muted);margin:0 0 32px;font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;margin-bottom:16px;box-shadow:var(--shadow);animation:rise-in .5s var(--ease-reveal) both}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-title{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:16px 0 12px}.card-title:before{content:"";width:14px;height:1px;background:var(--signal);flex:none}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:var(--r-sm);padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .15s var(--ease-reveal),border-color .2s,background .2s,box-shadow .25s,color .2s;display:inline-flex;align-items:center;gap:6px}.btn:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff0a}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.38;cursor:default}.btn:focus-visible,.field input:focus-visible{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px #ff9e4038}.btn.primary{background:var(--signal);border-color:var(--signal);color:#14100a;font-weight:700;animation:cta-breathe 3.4s ease-in-out infinite}@keyframes cta-breathe{0%,to{box-shadow:0 0 #ff9e4000}50%{box-shadow:0 0 0 6px #ff9e4024,0 0 20px #ff9e4040}}.btn.primary:hover:not(:disabled){background:#ffab5c;border-color:#ffab5c}.btn.danger{border-color:#d85c4673;color:#f0a294;background:var(--fail-soft)}.btn.danger:hover:not(:disabled){border-color:var(--fail);background:#d85c4633}.btn.small{padding:8px 12px;font-size:13px}.btn.wide{width:100%;margin-top:16px;justify-content:center}.row{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.row.left{justify-content:flex-start}.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.slot-card{transition:border-color .2s,transform .25s var(--ease-reveal)}.slot-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.slot-head{display:flex;justify-content:space-between;align-items:baseline;color:var(--faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.slot-head:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 8px #58b27c99}.slot-empty .slot-head:after{background:var(--faint);box-shadow:none}.slot-name{font-weight:600;font-size:16px;margin-bottom:4px}.slot-stats{color:var(--muted);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;margin-bottom:14px}.slot-empty{color:var(--faint);margin-bottom:14px}.foot-note{color:var(--faint);font-size:12px;margin-top:26px;line-height:1.7}.field{display:block;margin-bottom:18px}.field>span{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.field input{width:100%;padding:12px 14px;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);font-size:15px;transition:border-color .2s,box-shadow .2s}.upload-row{display:flex;gap:14px;align-items:center}.upload-preview{width:84px;height:84px;border-radius:var(--r-sm);object-fit:cover;border:1px solid var(--line);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:30px;flex:none}.error{color:var(--fail);font-size:13px;margin-top:8px}.game-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.game-head .sub{color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;margin-top:6px;font-variant-numeric:tabular-nums}.banner{border-radius:var(--r-sm);padding:12px 16px 12px 20px;font-size:14px;margin-bottom:14px;border:1px solid;border-left-width:3px;line-height:1.65;position:relative;overflow:hidden;animation:slide-down .35s var(--ease-reveal) both}.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transform:translate(-100%);animation:banner-sweep 3.2s ease-in-out infinite}@keyframes banner-sweep{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}.banner.overheat{background:var(--warn-soft);border-color:#d9a24a80;border-left-color:var(--warn)}.banner.distant{background:var(--pass-soft);border-color:#5fa8c780;border-left-color:var(--pass)}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.status-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px}.status{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;box-shadow:var(--shadow);animation:rise-in .5s var(--ease-reveal) both}.status:nth-child(2){animation-delay:.06s}.status:nth-child(3){animation-delay:.12s}.status-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.status-head span:first-child{color:var(--faint);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}.status-head span:last-child{font-family:var(--font-mono);font-weight:700;font-size:19px;font-variant-numeric:tabular-nums}.status-hint{color:var(--faint);font-size:11.5px;margin-top:9px;line-height:1.5}.bar{height:10px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 1px,transparent 1px 10%),#ffffff08;border:1px solid var(--line);overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:5px;transition:width .6s var(--ease-reveal);position:relative;overflow:hidden}.bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 55%)}.bar-fill.harmony{background:linear-gradient(90deg,#4e93b3 0%,var(--good) 100%);box-shadow:0 0 14px #58b27c66}.bar-fill.affection{background:linear-gradient(90deg,#ffc27e 0%,var(--signal) 100%);box-shadow:0 0 14px #ff9e4073}.bar-fill.trust{background:linear-gradient(90deg,#8fb6c9 0%,var(--pass) 100%);box-shadow:0 0 14px #5fa8c766}.cols{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;align-items:start}@media (max-width: 720px){.cols{grid-template-columns:1fr}}.scenario-text{line-height:1.8;color:var(--muted);font-size:15px}.avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:4px 0 16px}.avatar{width:136px;height:136px;border-radius:50%;overflow:hidden;border:2px solid var(--line-strong);background:var(--surface-2);display:flex;align-items:center;justify-content:center;transition:filter .4s var(--ease-reveal),border-color .4s,box-shadow .4s;box-shadow:var(--shadow);position:relative}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font-size:64px}.avatar-emoji{font-size:24px;line-height:1}.avatar-label{color:var(--muted);font-size:13px;letter-spacing:.02em}.avatar-wrap.overheat .avatar{border-color:var(--warn);box-shadow:0 0 30px #d9a24a80}.avatar-wrap.distant .avatar{border-color:var(--pass);box-shadow:0 0 30px #5fa8c766}.choices{display:flex;flex-direction:column;gap:10px;margin-top:16px}.choice{text-align:left;display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--surface-2);transition:transform .15s var(--ease-reveal),border-color .2s,background .2s,box-shadow .2s}.choice:hover:not(:disabled){transform:translate(3px);border-color:var(--line-strong)}.choice-tag{flex:none;font-family:var(--font-mono);font-size:10.5px;padding:4px 9px;border-radius:var(--r-xs);background:#ffffff0a;border:1px solid var(--line);color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.choice.care .choice-tag{color:#ffc894;border-color:#ff9e4080;background:var(--signal-soft)}.choice.space .choice-tag{color:#a9cee0;border-color:#5fa8c780;background:var(--pass-soft)}.choice.selfish .choice-tag{color:#e5c88d;border-color:#d9a24a80;background:var(--warn-soft)}.choice.picked{border-color:var(--signal);background:var(--signal-soft);box-shadow:0 0 0 3px #ff9e401f,0 0 18px #ff9e4026}.choice:disabled{opacity:.38}.result-text{background:var(--signal-soft);border:1px solid rgba(255,158,64,.35);border-left-width:3px;padding:12px 14px;border-radius:var(--r-sm);margin-top:16px;line-height:1.75;color:var(--text);animation:slide-down .35s var(--ease-reveal) both}.card.event{border-color:#ff9e408c;box-shadow:0 12px 32px #00000073,0 0 28px #ff9e401a}.card.event .card-title{color:var(--signal)}.card.event .card-title:before{width:14px;height:14px;background:var(--signal);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.dialogue{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 14px;margin:0 0 18px;position:relative}.dialogue:before{content:"";position:absolute;top:-6px;left:50%;width:10px;height:10px;background:var(--surface-2);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:translate(-50%) rotate(45deg)}.dialogue-name{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-bottom:4px}.dialogue-text{margin:0;font-size:14px;line-height:1.75;min-height:1.75em}.caret{display:inline-block;width:7px;height:14px;background:var(--signal);margin-left:3px;vertical-align:-2px;animation:caret-blink .8s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.choice-hint{margin-left:auto;flex:none;display:flex;gap:6px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em}.choice-hint.small{font-size:10px;gap:5px}.hint-item{padding:2px 6px;border-radius:var(--r-xs);border:1px solid var(--line);color:var(--muted);white-space:nowrap}.hint-item.h-harmony{color:#8fd4a9;border-color:#58b27c66}.hint-item.h-affection{color:#ffc894;border-color:#ff9e4066}.hint-item.h-trust{color:#a9cee0;border-color:#5fa8c766}.hint-item.down{color:#eba396!important;border-color:#d85c4673!important}.ap-pips{margin-left:auto;color:var(--signal);letter-spacing:3px;font-size:11px;text-shadow:0 0 8px rgba(255,158,64,.5)}.status-wrap{position:relative}.fx-floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fx-chip{position:absolute;top:34px;font-family:var(--font-mono);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;padding:2px 9px;border-radius:var(--r-xs);background:var(--surface-2);animation:fx-rise 1.5s var(--ease-reveal) both}.fx-chip.fx-harmony{color:#8fd4a9;border:1px solid rgba(88,178,124,.5)}.fx-chip.fx-affection{color:#ffc894;border:1px solid rgba(255,158,64,.5)}.fx-chip.fx-trust{color:#a9cee0;border:1px solid rgba(95,168,199,.5)}.fx-chip.neg{color:#eba396!important;border-color:#d85c468c!important}@keyframes fx-rise{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.task{width:100%;margin-top:8px;text-align:left;padding-left:12px;background:var(--surface-2)}.task:disabled{opacity:.5}.hint{color:var(--faint);font-size:12px;margin:10px 0 0;line-height:1.65}.log-title{margin-top:22px}.log{list-style:none;margin:0;padding:0}.log li{font-size:13px;padding:8px 0;border-bottom:1px solid var(--line);line-height:1.6}.log li:last-child{border-bottom:none}.log li.good{color:#93d6ae}.log li.bad{color:#eba396}.log li.info{color:var(--faint)}.trend-card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 12px 8px;margin:6px 0 18px;text-align:left}.trend-legend{display:flex;flex-wrap:wrap;gap:14px;align-items:baseline;font-size:11.5px;color:var(--muted);margin-bottom:8px;padding:0 4px}.trend-legend span{display:inline-flex;align-items:center;gap:5px}.trend-legend i{width:8px;height:8px;border-radius:50%;flex:none}.trend-band-label{margin-left:auto;color:var(--faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}.trend svg{width:100%;height:auto;display:block}.trend-tick{fill:var(--faint);font-family:var(--font-mono);font-size:9px}.fresh-ach{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:4px}.badge.fresh{animation:pop-in .5s var(--ease-reveal) both}.gallery-title{margin-top:30px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ach{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;display:flex;flex-direction:column;gap:4px;opacity:.55}.ach.got{opacity:1;border-color:#ff9e4066;background:linear-gradient(180deg,var(--signal-soft),var(--surface))}.ach-icon{font-size:20px;line-height:1}.ach-name{font-weight:600;font-size:13px}.ach-desc{color:var(--faint);font-size:11px;line-height:1.5}.ach.got .ach-desc{color:var(--muted)}.ending{text-align:center;max-width:560px;margin:90px auto;padding:36px 30px;animation:pop-in .45s var(--ease-reveal) both}.ending.good{border-color:#58b27c8c;box-shadow:0 20px 60px #00000080,0 0 40px #58b27c1f}.ending.bad{border-color:#d85c468c;box-shadow:0 20px 60px #00000080,0 0 40px #d85c461f}.ending h2{font-size:32px;margin-bottom:12px}.ending p{color:var(--muted);line-height:1.85;margin:0 0 16px}.ending-stats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}.ending-stats span{background:var(--surface-2);border:1px solid var(--line);padding:8px 12px;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:12.5px;font-variant-numeric:tabular-nums}.ending .row{justify-content:center;margin-top:24px}.badge{display:inline-block;margin-top:12px;padding:10px 16px;border-radius:var(--r-sm);background:var(--signal-soft);border:1px solid rgba(255,158,64,.5);color:#ffcf9a;font-size:14px;font-weight:500}@keyframes pop-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}::selection{background:#ff9e4059;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--faint)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}