@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap');
:root{--ink:#e9e4d8;--muted:#aaa99e;--gold:#e4b779;--gold-bright:#f4d4a4;--bg:#111926;--surface:#1b2633;--line:rgba(225,213,190,.17);--serif:'Noto Serif TC',serif;--sans:'Noto Sans TC',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0b121d;color:var(--ink);font:15px/1.8 var(--sans);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible{outline:2px solid #f2bf75;outline-offset:3px}#app{min-height:100vh;background:radial-gradient(ellipse at 70% 4%,#2b3540 0%,transparent 48%),#111926}.masthead{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1260px)/2));border-bottom:1px solid var(--line);background:rgba(10,16,25,.6);position:relative;z-index:2}.brand{color:#f1e9dc;display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:5px 0;letter-spacing:.16em;text-align:left;font-size:14px;font-weight:700;line-height:1.4}.brand-mark{color:var(--gold);font-size:27px}.brand small{display:block;color:#a2a5aa;font-size:9px;letter-spacing:.3em;font-weight:500}.masthead-right{display:flex;gap:23px;align-items:center}.top-action{color:#c9c7c3;background:none;border:0;font-size:12px}.game-shell{max-width:1260px;margin:0 auto;padding:28px 26px 20px}.statusbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4px 22px;gap:20px}.daymark{display:flex;flex-direction:column;gap:2px}.overline{font-size:11px;letter-spacing:.12em;color:var(--gold)}.daymark strong{font:600 23px/1.5 var(--serif)}.dot{color:var(--gold)}.stats{display:flex;gap:27px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:2px;line-height:1.4}.stat-label{font-size:11px;color:#a5a7a8}.stat strong{font-size:15px;font-weight:600;white-space:nowrap}.journey-grid{display:grid;grid-template-columns:265px minmax(0,1fr);gap:28px;margin-top:26px}.party-card{padding:24px 20px 18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(160deg,rgba(42,53,64,.64),rgba(17,26,38,.78));align-self:start}.minor-heading{color:#efddc1;font-size:13px;letter-spacing:.04em;font-weight:600;display:flex;justify-content:space-between;margin-bottom:26px}.party-member{display:flex;gap:12px;align-items:center;margin-bottom:22px}.party-member div{min-width:0}.party-member b{font-size:13px;display:block}.party-member small{font-size:10px;display:block;color:#9ea6ad;line-height:1.6;margin-top:3px}.avatar{width:43px;height:43px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--serif);font-size:16px;border:1px solid rgba(236,213,164,.2)}.avatar.lead{background:linear-gradient(140deg,#394858,#1c2938);color:#e9d9bf}.avatar.sword{background:linear-gradient(140deg,#555044,#252b36);color:#f2d4ac}.empty-party{font-size:12px;color:var(--muted)}.side-rule{border-top:1px solid var(--line);margin:19px 0}.mini-route{display:flex;flex-direction:column;gap:3px}.mini-route span,.mini-route small{font-size:11px;color:#9ea6ad}.mini-route b{font:600 16px var(--serif)}.stage-column{min-width:0}.stage-column>.event-panel{margin-top:16px}.artscene{position:relative;height:278px;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#667985 0%,#9a8d77 58%,#d5a97a 100%);isolation:isolate}.artscene.day{background:linear-gradient(180deg,#526d7c 0%,#8d9a97 52%,#d6a574 100%)}.artscene.night{background:linear-gradient(180deg,#111d32 0%,#29324c 63%,#825d57 100%)}.artscene.golden{background:linear-gradient(180deg,#6c6d75 0%,#baa083 62%,#e9b879 100%)}.artscene.town{background:linear-gradient(180deg,#3a5164 0%,#ac9987 60%,#d2a478 100%)}.art-grain{position:absolute;inset:0;opacity:.21;z-index:6;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.45' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}.art-sun{position:absolute;width:125px;height:125px;border-radius:50%;background:#f7d4a2;top:36px;right:22%;box-shadow:0 0 60px 50px rgba(247,208,151,.2)}.night .art-sun{height:68px;width:68px;background:#e3e5d9;box-shadow:0 0 60px 20px rgba(228,231,217,.09);right:16%;top:34px}.art-haze{position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(248,203,138,.18))}.art-dune{position:absolute;bottom:-45%;width:145%;left:-20%;height:79%;border-radius:49% 54% 0 0;transform:rotate(-9deg)}.art-dune.far{bottom:-42%;left:-42%;height:76%;background:#c49a73;transform:rotate(-12deg)}.art-dune.mid{bottom:-65%;left:30%;height:99%;background:#967b67;transform:rotate(9deg)}.art-dune.near{bottom:-76%;left:-45%;height:99%;background:#594d4b;transform:rotate(0deg)}.night .art-dune.far{background:#645567}.night .art-dune.mid{background:#35354c}.night .art-dune.near{background:#272b40}.art-road{position:absolute;left:46%;bottom:-20px;width:18%;height:40%;background:rgba(236,188,125,.29);clip-path:polygon(48% 0,53% 0,100% 100%,0 100%);filter:blur(5px);z-index:3}.camp-flame{position:absolute;z-index:7;bottom:35px;left:49%;width:26px;height:40px;background:#ffa960;clip-path:polygon(50% 0,70% 25%,90% 100%,12% 100%,0 42%);filter:drop-shadow(0 0 20px #e99462)}.event-panel{background:linear-gradient(155deg,#232f3a,#182431);border:1px solid var(--line);border-radius:13px;padding:28px 35px 29px;box-shadow:0 16px 48px rgba(2,9,16,.22);min-height:273px}.event-panel h2{font:600 24px/1.45 var(--serif);margin:0 0 14px;color:#f1e6d6}.event-panel p{font:400 14px/1.95 var(--sans);color:#d0d2cf;white-space:pre-wrap;margin:10px 0}.event-panel .event-body{line-height:2.06}.event-body.result{color:#f0e1cc}.event-choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 19px;min-width:140px;border-radius:8px;border:1px solid rgba(222,177,114,.44);background:rgba(207,159,93,.09);color:#f1ddbc;font-size:13px;transition:.18s}.choice small{font-size:10px;color:#b2b2ac}.choice:hover,.hub-option:hover,.camp-person:hover{background:rgba(218,181,124,.16);border-color:rgba(250,203,137,.62)}.btn{border:1px solid var(--line);border-radius:8px;padding:10px 22px;color:var(--ink);background:#283443;transition:.17s;white-space:normal}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.13)}.btn.main{color:#1e2530;background:linear-gradient(140deg,#f1ce95,#c99d63);border-color:#edc78f;font-weight:700}.btn.outline{border-color:rgba(225,196,148,.45);color:#efdbb9;background:transparent}.panel-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:26px}.result-changes{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.result-changes span{font-size:11px;color:#e2c99e;background:#314033;border:1px solid #475440;padding:4px 9px;border-radius:20px}.hub-options{display:grid;gap:8px;margin-top:18px}.hub-option{display:flex;align-items:center;text-align:left;gap:14px;border-radius:9px;border:1px solid var(--line);padding:11px 15px;color:#e9e4d8;background:rgba(16,25,36,.43)}.hub-option span:nth-child(2){flex:1;min-width:0}.hub-option b,.camp-person b{font-size:13px;display:block}.hub-option small,.camp-person small{color:#a3a7a8;font-size:11px;display:block}.hub-icon{font-size:23px;color:var(--gold);width:29px;text-align:center}.dialogue-note{border-left:2px solid #d5aa74;padding:9px 17px;margin-top:15px;background:rgba(231,183,110,.06)}.dialogue-note b{font-size:12px;color:#e6be89}.dialogue-note p{margin:4px 0;font-size:13px}.camp-people{margin-top:18px}.camp-person{display:flex;align-items:center;gap:13px;background:rgba(0,0,0,.14);border:1px solid var(--line);border-radius:9px;padding:12px 18px;color:var(--ink);text-align:left;width:100%}.sleep-caption{font-size:11px;color:#a5aab0;margin-top:12px}.game-nav{margin-top:27px;display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border-top:1px solid var(--line);gap:10px}.nav-row{display:flex;gap:7px;flex-wrap:wrap}.nav-row button{color:#d5cfbd;border:1px solid transparent;border-radius:8px;background:rgba(227,209,171,.06);padding:7px 15px;font-size:12px}.nav-row button:hover{border-color:var(--line)}.title-screen{min-height:calc(100vh - 72px);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:60px 22px}.title-illustration{position:absolute;inset:0}.title-illustration .artscene{height:100%;border-radius:0;filter:saturate(.72)}.title-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,17,28,.94),rgba(10,17,28,.64) 62%,rgba(10,17,28,.16)),linear-gradient(0deg,rgba(10,17,28,.75),transparent 75%)}.title-content{position:relative;z-index:1;max-width:1100px;width:100%}.title-content h1{font:700 clamp(48px,6.5vw,86px)/1.33 var(--serif);letter-spacing:.03em;margin:0;color:#f4e4c8}.title-content h1 em{font-style:normal;color:#dcac6d}.title-buttons{display:flex;gap:14px;margin:28px 0 0;flex-wrap:wrap}.title-buttons .btn{min-width:170px;padding:13px 25px}.opening-screen{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 35% 35%,#2d3340,#111a27 69%)}.opening-frame{max-width:660px;width:100%;padding:60px 35px;border-left:1px solid rgba(241,192,122,.44)}.opening-frame h1{font:600 38px/1.5 var(--serif);margin:23px 0}.opening-frame p{line-height:2.15;color:#ccd1d2;margin:20px 0}.form-label{display:block;color:var(--gold);font-size:12px;margin-top:30px;margin-bottom:10px}.name-row{display:flex;gap:9px;flex-wrap:wrap}.name-row input{width:220px;max-width:100%;border:1px solid var(--line);border-radius:7px;background:#101b29;color:var(--ink);padding:11px 13px}.opening-frame small{font-size:11px;color:var(--muted);display:block;margin-top:16px}.arrival-stats{display:flex;gap:28px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0}.subhead{font:600 16px var(--serif);margin-top:22px}.mini-journal p{display:flex;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);margin:0;padding:8px 0}.mini-journal small{color:#b99972;min-width:60px;font-size:11px}.overlay{position:fixed;inset:0;z-index:10;background:rgba(4,8,15,.7);display:flex;justify-content:flex-end}.drawer{position:relative;width:min(460px,100vw);height:100%;overflow-y:auto;background:#182635;border-left:1px solid var(--line);box-shadow:-22px 0 70px rgba(0,0,0,.35);padding:55px 34px 35px}.drawer h2{font:600 27px var(--serif);margin:0 0 17px}.drawer-close{position:absolute;top:20px;right:20px;background:transparent;border:0;color:#d9d3c8;font-size:28px}.modal-intro,.muted{font-size:12px;color:#adb5b7}.journal-line{padding:13px 0;border-bottom:1px solid var(--line)}.journal-line small{color:#d3b387;font-size:11px}.journal-line p{margin:5px 0 0;font-size:13px;line-height:1.9}.inventory-line{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.party-detail{display:flex;gap:13px;align-items:flex-start;border-bottom:1px solid var(--line);padding:16px 0}.party-detail p{font-size:12px;color:#b3b9b9;line-height:1.9}.settings-actions{display:flex;gap:10px;flex-direction:column;margin:25px 0}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#342f2b;color:#f1dfc7;padding:11px 20px;border:1px solid #b88d69;border-radius:8px;z-index:20;font-size:12px}@media(max-width:850px){.masthead{padding:0 18px}.game-shell{padding:18px 15px}.journey-grid{grid-template-columns:1fr;gap:16px}.party-card{display:flex;gap:20px;align-items:center;overflow-x:auto;padding:14px}.party-card .minor-heading,.party-card .side-rule,.mini-route{display:none}.party-member{margin:0;min-width:155px}.party-card .empty-party{margin:0}.statusbar{align-items:flex-start;flex-direction:column}.stats{width:100%;justify-content:space-between;gap:12px}.weather{display:none}.artscene{height:235px}.event-panel{padding:22px 20px}}@media(max-width:480px){.brand{font-size:11px}.brand-mark{font-size:20px}.top-action{font-size:11px}.daymark strong{font-size:20px}.stat strong{font-size:13px}.journey-grid{margin-top:15px}.artscene{height:205px}.event-panel h2{font-size:21px}.event-choices{flex-direction:column}.choice{width:100%}.title-content h1{font-size:42px}.nav-row button{padding:8px 9px}.nav-row button span{font-size:11px}.opening-frame{padding:30px 14px}.opening-frame h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}