:root{color-scheme:dark;--ink:#102238;--ink2:#152c44;--white:#f4f8fe;--muted:#a9bbcc;--teal:#65e5d7;--gold:#f1c68c;--line:rgba(202,228,246,.14);--radius:24px}
*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(ellipse at 86% -10%,#245075 0,transparent 37%),linear-gradient(140deg,#091728 0%,#11253b 52%,#081828 100%);color:var(--white);font-family:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;letter-spacing:.01em}button{font:inherit}.page-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at -5% 55%,rgba(50,117,127,.12),transparent 45%);z-index:-1}.screen{animation:rise .35s both}.skip-link{position:absolute;left:-999px;top:0;z-index:99;background:white;color:black;padding:12px}.skip-link:focus{left:8px}.site-bar{display:flex;align-items:center;justify-content:space-between;gap:14px}.site-brand{display:inline-flex;align-items:center;gap:10px;color:#e9f6ff;text-decoration:none;font-size:15px;font-weight:800}.site-brand small{font-weight:500;color:var(--muted)}.brand-mark{display:grid;place-items:center;border:1px solid rgba(101,229,215,.45);background:rgba(101,229,215,.13);color:var(--teal);border-radius:13px;width:37px;height:37px}.site-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-quiet{color:#c3d4e4;text-decoration:none;background:transparent;border:0;border-radius:10px;padding:9px 12px;font-size:13px}.nav-quiet:hover,.nav-quiet:focus-visible{color:white;background:rgba(255,255,255,.09)}.eyebrow,.section-kicker{font-size:11px;font-weight:850;letter-spacing:.19em;text-transform:uppercase;color:var(--teal)}.hero-stage{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(153,211,224,.22);border-radius:30px;min-height:340px;display:flex;align-items:center;background:linear-gradient(110deg,rgba(17,43,66,.98),rgba(29,58,80,.89))}.hero-content{position:relative;z-index:3;padding:46px 52px;max-width:760px}.hero-content h1{font-size:clamp(38px,6vw,74px);letter-spacing:-.045em;line-height:1.08;font-weight:900;margin:16px 0 20px}.hero-line{display:block;font-size:clamp(24px,3.8vw,48px);font-weight:750;color:var(--gold);letter-spacing:-.025em;margin-top:13px}.hero-intro{max-width:510px;color:#d0e1ed;font-size:17px;line-height:1.85}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hero-pills span,.mini-pill{display:inline-block;color:#c5e3ea;background:rgba(96,220,206,.1);border:1px solid rgba(96,220,206,.22);border-radius:99px;padding:6px 11px;font-size:12px}.city-scene{pointer-events:none;position:absolute;inset:0;opacity:.82;z-index:1}.city-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#112b43 10%,transparent 90%);z-index:2}.sun-disc{position:absolute;right:13%;top:15%;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#d0ddc1,#78b3af 70%,transparent);filter:blur(1px);box-shadow:0 0 95px rgba(112,197,177,.22)}.city{position:absolute;right:-3%;bottom:0;width:58%;height:48%;background:linear-gradient(90deg,transparent 3%,#31546b 3% 13%,transparent 13% 15%,#2d4e67 15% 26%,transparent 26% 30%,#274862 30% 42%,transparent 42% 44%,#294c66 44% 53%,transparent 53% 55%,#24425c 55% 73%,transparent 73% 76%,#2c526e 76% 87%,transparent 87%)}.city-front{right:-6%;height:29%;width:63%;background:linear-gradient(90deg,#0b233b 0 13%,transparent 13% 15%,#0f2a45 15% 31%,transparent 31% 34%,#10283f 34% 52%,transparent 52% 54%,#102941 54% 78%,transparent 78% 81%,#102a43 81%);filter:drop-shadow(0 -3px 7px rgba(8,29,47,.12))}.road{position:absolute;bottom:-70px;right:22%;width:6px;height:230px;transform:rotate(48deg);background:linear-gradient(var(--gold),transparent);opacity:.48}.road-two{right:35%;transform:rotate(-42deg)}.city-spark{position:absolute;color:#d6efb9;font-size:28px}.spark-one{right:8%;top:12%}.spark-two{right:34%;top:24%}.paper-card{border:1px solid var(--line);background:linear-gradient(150deg,rgba(24,49,73,.97),rgba(16,36,57,.94));border-radius:var(--radius);box-shadow:0 18px 55px rgba(0,0,0,.1)}.setup-panel{padding:30px}.setup-panel h2,.side-note h2{font-size:25px;font-weight:800;margin:10px 0}.setup-panel .text-soft{margin-bottom:21px}.text-soft{color:var(--muted)!important}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.select-card,.focus-card{text-align:left;color:inherit;border:1px solid rgba(183,218,234,.17);background:rgba(4,24,43,.35);padding:15px 13px;border-radius:17px;transition:.2s ease}.select-card:hover,.focus-card:hover{border-color:rgba(101,229,215,.55);transform:translateY(-2px)}.select-card[aria-pressed="true"],.focus-card[aria-pressed="true"]{border-color:var(--teal);background:rgba(58,155,151,.15);box-shadow:inset 0 0 0 1px rgba(101,229,215,.3)}.select-emoji{display:block;font-size:30px;margin-bottom:9px}.select-card strong,.focus-card strong{display:block;font-size:14px;margin:0 0 7px}.select-card small,.focus-card small{display:block;font-size:12px;color:#b6c9d8;line-height:1.55}.section-separator{height:1px;background:var(--line);margin:26px 0}.setup-subheading{font-size:18px;font-weight:800;margin-bottom:15px}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.focus-card{display:flex;gap:8px;align-items:center}.focus-card strong{margin:0}.focus-emoji{font-size:22px}.setup-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn-glow{color:#0b283a!important;background:linear-gradient(110deg,#8de4d5,#d2efc4)!important;border:0!important;border-radius:13px;font-weight:800;box-shadow:0 10px 30px rgba(87,219,200,.15);padding:.75rem 1.25rem}.btn-glow:hover{filter:brightness(1.06)}.btn-outline-light{border-color:rgba(230,246,255,.35);border-radius:13px}.side-note{padding:32px 28px;border-radius:var(--radius);border:1px solid rgba(238,201,152,.2);background:linear-gradient(160deg,rgba(107,78,72,.21),rgba(12,34,53,.9))}.side-note h2{line-height:1.35;color:#ffdda9}.side-note p{color:#c3d1de;font-size:14px;line-height:1.9}.side-note strong{color:white}.safety-link{border:0;border-bottom:1px solid rgba(255,212,150,.3);background:none;color:#ffdaa9;text-align:left;padding:12px 0 7px;font-size:13px}.safety-link:hover{text-decoration:underline}.dashboard-stack{display:grid;gap:15px;position:sticky;top:16px}.dashboard-card,.journey-card{padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:7px}.panel-title{font-size:21px;font-weight:800;margin:9px 0 19px}.stat-line{margin-bottom:17px}.stat-heading{display:flex;justify-content:space-between;font-size:13px;color:#dbeaf1;margin-bottom:7px;gap:5px}.stat-heading b{font-variant-numeric:tabular-nums;color:white}.stat-meter{height:8px;background:#071d32;border-radius:99px;overflow:hidden}.stat-meter-fill{height:100%;background:linear-gradient(90deg,#369fba,#78e2c2);border-radius:99px;transition:width .3s}.stat-meter-fill[data-low="true"]{background:linear-gradient(90deg,#d18b68,#f1bf81)}.sidebar-hint,.decision-footnote{font-size:12px;color:#9eb1c1;line-height:1.7;margin:15px 0 0}.journey-progress{height:7px;background:#071d32;border-radius:99px}.journey-progress .progress-bar{background:var(--teal);transition:width .25s}.chapter-steps{display:grid;gap:10px;margin:18px 0}.chapter-step{display:flex;gap:10px;align-items:center;font-size:12px;color:#8fa4b7}.chapter-step .chapter-dot{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid #43617b;font-size:11px;flex-shrink:0}.chapter-step[data-current="true"]{color:#fff;font-weight:800}.chapter-step[data-current="true"] .chapter-dot{background:var(--teal);color:#0d3040;border-color:var(--teal)}.chapter-step[data-done="true"]{color:#b9e2d5}.chapter-step[data-done="true"] .chapter-dot{border-color:#78b2a8}.journal-details{font-size:12px;border-top:1px solid var(--line);padding-top:14px}.journal-details summary{cursor:pointer;color:#bed2de}.journal-list{padding:7px 0 0 17px;margin:0;color:var(--muted);line-height:1.7}.journal-list li{margin:6px 0}.btn-link-quiet{margin-top:13px;padding:7px 0;border:0;background:none;color:#b2c3d5;text-align:left;font-size:12px;text-decoration:underline;text-underline-offset:4px}.story-frame{min-height:610px;overflow:hidden;border:1px solid rgba(156,200,223,.23);border-radius:var(--radius);background:#eaf0ed;color:#1d3342;box-shadow:0 22px 50px rgba(0,0,0,.13)}.scene-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 27px;background:#d9e6e5;color:#315967;font-size:11px;font-weight:900;letter-spacing:.12em}.scene-visual{height:175px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 55% 38%,#f1daa4,#b5d8cf 45%,#8eadbc)}.scene-visual[data-mood="horizon"]{background:linear-gradient(160deg,#efc9aa,#b8cfdf 58%,#7b9cb1)}.scene-visual[data-mood="meeting"]{background:linear-gradient(150deg,#e5decd,#a8c9b5 58%,#6d9d9d)}.scene-visual[data-mood="crossroads"]{background:linear-gradient(120deg,#d2cadc,#a2b9d5 54%,#6a89a8)}.scene-orbit{position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.46);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.07),0 0 0 95px rgba(255,255,255,.06)}.scene-horizon{height:64px;position:absolute;bottom:-20px;left:0;right:0;background:linear-gradient(120deg,transparent 12%,rgba(46,85,98,.16) 12% 23%,transparent 23% 27%,rgba(46,85,98,.18) 27% 41%,transparent 41% 45%,rgba(46,85,98,.18) 45% 65%,transparent 65% 68%,rgba(46,85,98,.13) 68%)}.scene-symbol{font-size:64px;position:relative;z-index:2;filter:drop-shadow(0 6px 2px rgba(48,80,90,.14))}.story-content{padding:30px 38px 36px}.story-content .eyebrow{color:#518c85}.story-content h2{font-size:clamp(25px,3vw,39px);font-weight:900;margin:8px 0 20px;letter-spacing:-.035em}.speaker-row{display:flex;gap:12px;align-items:center;margin-bottom:17px}.speaker-avatar{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;background:#d6e7e2;font-size:23px}.speaker-row strong{font-size:14px}.speaker-row .text-soft{font-size:12px!important;color:#5d7685!important}.story-text{line-height:2;font-size:16px;white-space:pre-line;min-height:82px}.choice-prompt{font-size:14px;font-weight:850;margin:26px 0 11px}.choice-prompt small{font-size:11px;color:#6f8995;font-weight:500;margin-left:6px}.scene-choices{display:grid;gap:9px}.choice-btn{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #c7d9d5;background:#fff;border-radius:14px;color:#183641;padding:13px 16px;transition:transform .15s,border-color .15s,background .15s}.choice-btn:hover,.choice-btn:focus-visible{transform:translateX(3px);border-color:#449e97;background:#effaf7}.choice-btn .key{width:30px;height:30px;border-radius:10px;background:#e3eeeb;display:grid;place-items:center;font-size:12px;font-weight:900;flex-shrink:0}.choice-btn strong{flex:1;font-size:14px;line-height:1.5}.choice-btn .tone{font-size:11px;color:#5b827e;white-space:nowrap}.result-frame,.decision-frame{min-height:600px;text-align:center;padding:52px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-frame .eyebrow,.decision-frame .eyebrow{color:#528b83}.result-symbol,.decision-symbol{font-size:80px;line-height:1.1;color:#559f96;margin-bottom:17px}.result-frame h2,.decision-frame h2{font-size:clamp(27px,3.7vw,43px);font-weight:900;max-width:620px;line-height:1.3}.feedback-lead{font-size:18px;font-weight:700;max-width:560px;margin-top:19px;line-height:1.85}.feedback-reflection{color:#526f78;line-height:1.9;max-width:570px}.effects-list{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:20px 0 27px}.effect{font-size:13px;background:#d8eae5;color:#28584f;border:1px solid #b7d7ce;border-radius:99px;padding:8px 14px;font-weight:800}.effect[data-negative="true"]{background:#f3e0d6;color:#844f37;border-color:#ecc5b6}.decision-frame>p:not(.eyebrow):not(.decision-footnote){color:#5a6e78;line-height:1.9;max-width:590px}.final-choices{display:grid;grid-template-columns:1fr;gap:10px;max-width:620px;width:100%;margin:24px 0 9px}.final-choice{text-align:left;border:1px solid #c4d6d6;background:white;color:#193543;border-radius:16px;padding:15px 19px}.final-choice:hover,.final-choice:focus-visible{border-color:#53a9a0;background:#edfaf5}.final-choice strong{display:block;font-size:16px}.final-choice span{display:block;color:#58737c;font-size:12px;margin-top:6px}.ending-shell{text-align:center;border:1px solid rgba(214,230,235,.18);border-radius:27px;padding:48px clamp(16px,4vw,54px);background:linear-gradient(155deg,#1c4053,#13283e)}.ending-symbol{font-size:82px;line-height:1.25;margin:12px auto}.ending-shell h1{font-size:clamp(35px,5vw,60px);font-weight:900}.ending-subtitle{font-size:21px;color:var(--gold);font-weight:650;margin:12px 0 18px}.ending-description{color:#d0deea;max-width:650px;line-height:2;margin:auto}.ending-detail{text-align:left;background:#09223965;border:1px solid var(--line);padding:22px;border-radius:20px}.ending-detail h3{font-size:16px;font-weight:850;margin-bottom:19px}.ending-detail p{font-size:11px;color:#acbfcb;line-height:1.8;margin:12px 0 0}.ending-detail ol{padding-left:20px;line-height:2;color:#d6e3eb}.ending-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.page-heading{text-align:center;padding:45px 0 34px}.page-heading h1{font-size:clamp(29px,4vw,48px);font-weight:900;margin:13px 0}.page-heading p{color:#bdcedc;line-height:1.8}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gallery-card{background:linear-gradient(155deg,#1e4058,#132c46);border:1px solid var(--line);border-radius:19px;padding:24px;min-height:214px}.gallery-card[data-locked="true"]{filter:saturate(.35);opacity:.72}.gallery-emoji{font-size:44px}.gallery-card h2{font-size:20px;font-weight:800;margin:15px 0 6px}.gallery-card p{color:#bbcbd8;font-size:13px;line-height:1.7}.safety-panel{background:linear-gradient(140deg,#273d50,#11263b);border:1px solid rgba(243,190,140,.36);padding:clamp(22px,4vw,55px);border-radius:25px;max-width:900px;margin:26px auto}.safety-panel h1{font-size:clamp(30px,4vw,48px);font-weight:850;margin:16px 0}.safety-panel>p{color:#dfebf0;line-height:2}.safety-guide{margin:22px 0;padding:26px;border:1px solid var(--line);border-radius:18px;background:rgba(2,23,39,.25)}.safety-guide h2{font-size:20px}.safety-guide ul{padding-left:23px;line-height:2;margin-top:16px}.safety-guide li{margin:9px 0}.safety-guide p{font-size:13px;color:#bbced9}.footer-note{text-align:center;color:#8ba0b0;font-size:11px;line-height:1.6;margin-top:40px}.footer-note p{margin:5px}.app-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(16px);z-index:1000;background:#f5fffc;color:#173b42;border-radius:11px;padding:11px 18px;box-shadow:0 8px 35px #0005;font-size:13px;opacity:0;pointer-events:none;transition:.2s}.app-toast[data-visible="true"]{opacity:1;transform:translateX(-50%) translateY(0)}:focus-visible{outline:3px solid #f1c68c!important;outline-offset:3px}@keyframes rise{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:991px){.dashboard-stack{position:static;display:grid;grid-template-columns:1fr 1fr}.hero-content{padding:41px}.hero-stage{min-height:320px}}@media(max-width:767px){.site-bar{align-items:flex-start;flex-direction:column}.site-links{width:100%;justify-content:space-between}.nav-quiet{font-size:12px;padding:8px}.hero-content{padding:32px 25px;max-width:100%}.hero-stage{min-height:330px}.city-scene{opacity:.4}.hero-content h1{font-size:43px}.hero-intro{font-size:15px}.setup-grid{grid-template-columns:1fr}.select-card{display:grid;grid-template-columns:38px 1fr;column-gap:10px}.select-card .select-emoji{grid-row:span 2;margin:0;align-self:center}.select-card small{grid-column:2}.focus-grid{grid-template-columns:1fr}.setup-panel,.side-note{padding:23px}.dashboard-stack{grid-template-columns:1fr}.dashboard-card,.journey-card{padding:20px}.stats-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.story-content{padding:23px 20px 27px}.scene-visual{height:142px}.scene-topline{padding:14px 19px}.story-text{font-size:15px}.choice-prompt small{display:block;margin:4px 0 0}.choice-btn{padding:12px}.result-frame,.decision-frame{padding:34px 19px;min-height:560px}.gallery-grid{grid-template-columns:1fr 1fr}.ending-shell{padding:32px 20px}.ending-actions{flex-direction:column}.ending-actions .btn{width:100%}}@media(max-width:440px){.gallery-grid{grid-template-columns:1fr}.stats-panel{grid-template-columns:1fr 1fr}.hero-content h1{font-size:38px}.hero-line{font-size:25px}.select-card strong{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Bootstrap 5.3.x CDN 無法連線時的基本版面備援，避免遊戲無法操作。 */
.d-none{display:none!important}.container-xl{width:100%;max-width:1140px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.row>*{flex:0 0 auto;width:100%;padding-left:12px;padding-right:12px}.g-3{row-gap:16px}.g-4{row-gap:24px}.mt-1{margin-top:.25rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.h-100{height:100%!important}.text-center{text-align:center!important}.align-items-start{align-items:flex-start!important}.btn{display:inline-block;vertical-align:middle;padding:.55rem 1.0rem;border:1px solid transparent;border-radius:12px;line-height:1.5;color:#f4f8fe;background:transparent;text-align:center;cursor:pointer;text-decoration:none}.btn-lg{padding:.72rem 1.2rem;font-size:1.03rem}.btn-outline-light{background:transparent;color:#f5faff;border:1px solid rgba(230,246,255,.35)}.btn-outline-light:hover{background:rgba(255,255,255,.12)}.progress{display:flex;overflow:hidden}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;white-space:nowrap}.text-center{text-align:center}
@media(min-width:768px){.col-md-6{width:50%}}
@media(min-width:992px){.col-lg-4{width:33.333333%}.col-lg-8{width:66.666667%}.order-lg-1{order:1}.order-lg-2{order:2}}
@media(min-width:1200px){.col-xl-3{width:25%}.col-xl-9{width:75%}}