:root{--bg:#ece7dc;--paper:#fffaf1;--paper-2:#f5efe4;--ink:#2f372f;--muted:#6f786d;--moss:#6f8068;--moss-dark:#4e6250;--line:#c9c2b4;--moon:#9b742d;--seal:#99544d;--night:#26332a;--night-2:#334238;--shadow:0 10px 30px rgba(58,51,39,.08)}*{box-sizing:border-box}html,body,#root{min-height:100%;background:var(--bg)}body{margin:0;color:var(--ink);font-family:-apple-system,PingFang TC,Noto Sans TC,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px}h1,h2,.serif{font-family:"Noto Serif TC",Georgia,serif;font-weight:600;letter-spacing:.035em}button,input,textarea,select{font-family:inherit}.wrap{max-width:540px;margin:0 auto;padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.room{padding-top:0}.card{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:17px;margin-bottom:14px;box-shadow:var(--shadow)}.card h2{margin:0 0 10px;font-size:19px;color:var(--ink)}.gatehead{text-align:center;padding:30px 0 18px}.gatehead h1{margin:0;font-size:24px;color:var(--moss-dark)}.gatehead p{margin:7px 0 0;font-size:14px;color:var(--muted)}label{display:block;font-size:14px;color:var(--muted);margin:14px 0 6px}input[type=text],textarea,select{width:100%;padding:12px 13px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:16px;line-height:1.45;outline:none}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--moss);box-shadow:0 0 0 3px #6f80681f}textarea{min-height:90px;resize:vertical;line-height:1.65}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}button{font-size:15px}button.go{width:100%;margin-top:14px;padding:12px 14px;border:none;border-radius:10px;background:var(--moss-dark);color:#fff;font-size:16px;font-weight:600}button.go:disabled{opacity:.4}button.go.ghost{background:transparent;border:1px solid var(--moss);color:var(--moss-dark);margin-top:8px}.plate{display:flex;align-items:center;justify-content:space-between;border:1px solid #b8ad91;border-radius:12px;padding:11px 14px;margin-bottom:14px;background:#fbf5e8}.plate .who{font-size:13px;color:var(--muted);text-align:right;line-height:1.55}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b9b4a8;margin-left:6px;vertical-align:middle}.dot.on{background:var(--moss-dark)}.garden{display:block;width:100%;height:auto;margin:0 0 10px;border-radius:0 0 16px 16px}.adventure-hero{position:relative;height:190px;margin:0 -16px 12px;overflow:hidden;background:linear-gradient(#c7d1c2,#9ead9e 42%,#6d806f);border-radius:0 0 18px 18px}.adventure-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent 45%,rgba(35,47,39,.14));pointer-events:none}.hero-moon{position:absolute;width:52px;height:52px;border-radius:50%;right:42px;top:24px;background:#f4e4a7;box-shadow:0 0 30px #f4e4a7a6}.hero-ridge{position:absolute;left:-8%;width:116%;border-radius:50% 50% 0 0}.ridge-back{height:92px;bottom:31px;background:#708371;clip-path:polygon(0 75%,8% 40%,18% 58%,31% 25%,44% 62%,58% 31%,72% 55%,84% 20%,100% 68%,100% 100%,0 100%)}.ridge-front{height:92px;bottom:0;background:#425848;clip-path:polygon(0 68%,10% 32%,20% 52%,33% 18%,46% 62%,60% 30%,73% 55%,87% 26%,100% 58%,100% 100%,0 100%)}.hero-path{position:absolute;bottom:-5px;left:42%;width:20%;height:95px;background:#d5c6a6;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);opacity:.88}.hero-caption{position:absolute;left:20px;bottom:17px;z-index:2;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}.hero-caption small{display:block;font-size:12px;opacity:.85;letter-spacing:.16em}.hero-caption strong{display:block;font-size:22px;margin-top:3px}.scene-hut{background:linear-gradient(#d5c4a8,#8c7d68 48%,#5e5a4d)}.scene-bells{background:linear-gradient(#c9d0be,#91a184 45%,#61705c)}.scene-creek{background:linear-gradient(#cad5cf,#8fa7a0 44%,#657f7c)}.scene-bridge,.scene-deep{background:linear-gradient(#c3cbc3,#7d9183 42%,#4e6255)}.scene-back{background:linear-gradient(#d9d1bb,#a8a287 48%,#6d725e)}.hint{font-size:14px;color:var(--muted);line-height:1.7;margin-top:7px}.err{color:var(--seal);font-size:14px;margin-top:8px}.eyebrow,.section-kicker{margin:0 0 7px;color:var(--moon);font-size:12px;letter-spacing:.12em}.section-kicker{font-weight:700}.storycopy,.scene-copy p{font-size:16px;line-height:1.9;color:#3d463e}.storycopy{margin:8px 0 14px}.scene-title{font-size:25px!important;margin-bottom:14px!important}.scene-copy{border-top:1px solid #ddd6c9;padding-top:13px;margin-top:4px}.scene-copy p{margin:0 0 10px}.trailhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.phase{font-size:13px;color:var(--muted);padding-top:4px}.trail-map{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:13px 8px 11px;margin-bottom:12px;background:#f7f1e6;border:1px solid var(--line);border-radius:13px;overflow:hidden}.mapline{position:absolute;left:7%;right:7%;top:24px;height:2px;background:#c9c2b4}.mapnode{position:relative;text-align:center;z-index:1}.mapnode i{display:block;width:13px;height:13px;margin:5px auto 7px;border-radius:50%;background:#d6d0c4;border:2px solid #f7f1e6}.mapnode span{font-size:10px;color:#999186;white-space:nowrap}.mapnode.known i{background:#87947f}.mapnode.known span{color:#65705f}.mapnode.current i{width:17px;height:17px;margin-top:3px;background:var(--moon);box-shadow:0 0 0 3px #9b742d24}.mapnode.current span{color:#6f5423;font-weight:700}.choice-note{margin:15px 0 10px;padding:10px 12px;border-radius:9px;background:#f7f2e8;color:#6f685d;font-size:13px;line-height:1.6}.action-group{margin-top:14px}.action-group>p{font-size:13px;color:var(--muted);margin:0 0 7px;font-weight:700}.action-group button,.world-actions button,.place-actions button{width:100%;padding:13px 14px;margin:0 0 8px;border-radius:10px;border:1px solid #c7c0b3;background:#fffdf8;color:var(--ink);font-size:16px;text-align:left}.forward-actions button{border-color:#9aaa91;background:#f6faf4}.forward-actions button:before{content:"→ ";color:var(--moss-dark);font-weight:700}.back-actions button{background:transparent;border-style:dashed;color:#777065;font-size:14px}.back-actions button:before{content:"← "}.action-group button:active,.world-actions button:active,.place-actions button:active{border-color:var(--moon)}.pocket-panel{margin:14px 0;padding:12px;border-radius:11px;background:#f6f0e4;border:1px solid #d8cdb8}.pocket-item{padding:9px 0;border-top:1px solid #dfd6c6}.pocket-item:first-of-type{border-top:0}.pocket-item b{display:block;color:#715725;font-size:15px;margin-bottom:3px}.pocket-item span{display:block;font-size:13px;color:#6f695f;line-height:1.6}.discoveries{margin-top:14px;padding:11px 13px;border-left:3px solid #abb69f;background:#f4f5ef}.discoveries p{font-size:14px;color:#687166;line-height:1.65;margin:4px 0}.contract-buried{margin-top:14px;padding-top:11px;border-top:1px solid #ddd6ca;font-size:13px;color:var(--muted)}.rolerow{display:flex;gap:8px;margin-top:6px}.rolebtn{flex:1;padding:10px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:15px}.rolebtn.on{border-color:var(--moon);color:#765720;background:#fff9e9}.contractpick{display:flex;flex-direction:column;gap:8px}.contractopt{padding:12px;text-align:left;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink)}.contractopt span{display:block;font-size:16px}.contractopt small{display:block;color:var(--muted);font-size:13px;line-height:1.55;margin-top:4px}.contractopt.on{border-color:var(--moon);background:#fff9e9}.contractopt.on span{color:#765720}.axisgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.axisgrid.twocol{grid-template-columns:repeat(2,1fr)}.axisbtn{padding:10px 8px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:14px;line-height:1.45}.axisbtn.on{border-color:var(--moon);color:#765720;background:#fff9e9}.phasecard{border-color:#b7c3ad;background:#f8fbf5}.phasecard .phasehint{margin:6px 0 0;color:var(--muted);line-height:1.7;font-size:15px}.noticecard{border-color:#c9ad69;background:#fff9e9}.contractcard{border-color:#bd8d88;background:#fff5f2}.verdictcard.hand{border-color:#c2a35d;background:#fff9e9}.verdictcard .big{font-size:18px;margin:2px 0 0}.authored-rule-card{border-color:#c6b06e;background:#fff9e9}.authored-rule-card h2{font-size:18px;line-height:1.7;color:#765720}.courtyard-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.placebtn{min-height:106px;padding:12px;border-radius:10px;border:1px solid var(--line);background:#fffdf8;color:var(--ink);text-align:left}.placebtn span{display:block;font-size:16px;margin-bottom:6px}.placebtn small{display:block;font-size:13px;line-height:1.55;color:var(--muted)}.placebtn.on{border-color:var(--moon);background:#fff9e9}.placebtn.on span{color:#765720}.placebtn.locked{opacity:.42}.placebtn:disabled{cursor:not-allowed}.privatebox,.private-compose{margin-top:14px;padding:12px;border-radius:10px;background:#f7f1e7;border:1px dashed #c8bca8}.privatebox p{margin:4px 0;font-size:14px;line-height:1.6}.private-compose input{margin-top:5px}.compose-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.compose-actions .go{margin-top:0}.peekcard{border-color:#9eb5ae;background:#f4faf8}.peekresult{margin:10px 0;padding:11px 12px;border-radius:8px;background:#fff;border:1px dashed #9eb5ae}.peekresult p{margin:0;color:#465650;font-size:15px;line-height:1.75;font-family:"Noto Serif TC",Georgia,serif}.powers{border-color:#c9b88e}.powerlist{display:flex;flex-direction:column;gap:9px;margin-top:12px}.powercard{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:13px;border-radius:10px;background:#fffdf8;border:1px solid var(--line)}.powercard>div:first-child{flex:1 1 210px}.powercard strong{display:block;color:#765720;font-size:16px}.powercard p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.powercard>button,.authoredrule button{flex:0 0 auto;padding:9px 11px;border-radius:8px;border:1px solid var(--moon);background:transparent;color:#765720}.powercard.active{border-color:#b47b72;background:#fff7f5}.powercard.spent{opacity:.7}.powerform{flex:1 0 100%;display:grid;grid-template-columns:150px 1fr;gap:8px}.powerform textarea{grid-column:1/-1}.usedlabel{color:var(--muted);font-size:13px}.authoredrule{flex:1 0 100%;border-top:1px solid var(--line);padding-top:9px}.authoredrule small{color:var(--muted)}.authoredrule p{font-size:15px;color:var(--ink);margin:6px 0 10px}.playactive{position:relative;overflow:hidden}.playactive:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--seal)}.observer-playactive,.companion-playactive{border-color:#c18e87;background:#fff6f3}.companion-playactive h2,.observer-playactive h2{color:#7d403a}.verdictrow{display:flex;gap:8px}.verdictrow .v{flex:1;padding:11px 6px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:15px}.v.allow{border-color:#8fa286}.v.deny{border-color:#b98781}.v.hold{border-color:#c6a65e}.sharedlog{border-color:#bcc8b6}.sharedlog-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sharedlog-head h2{margin:0}.sharedlog-head span{font-size:12px;color:var(--muted)}.log{display:flex;flex-direction:column;gap:8px;margin:14px 0}.evt{background:#fffdf8;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:15px;line-height:1.65}.evt .meta{font-size:12px;color:var(--muted);margin-bottom:3px}.evt.mine{border-color:#aab7a3}.evt.hand{border-color:#c6a75d;background:#fff9e9;font-family:"Noto Serif TC",Georgia,serif}.empty{color:var(--muted);font-size:14px;text-align:center;padding:24px 0}.actrow{display:flex;gap:8px}.actrow input{flex:1}.leave{margin-top:22px;width:100%;padding:10px;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:13px}.leave.switch{margin-top:8px;border-style:dashed}.tracelist{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}.trace{font-size:14px;color:var(--muted);margin:4px 0;line-height:1.6}.dimbtn{margin-top:10px;width:100%;padding:10px;background:transparent;border:1px dashed #aaa294;border-radius:8px;color:#746d62;font-size:14px}@media (max-width:420px){.trail-map{grid-template-columns:repeat(4,1fr);row-gap:10px}.mapline{display:none}.axisgrid,.axisgrid.twocol{grid-template-columns:1fr 1fr}.powerform{grid-template-columns:1fr}.courtyard-grid{grid-template-columns:1fr 1fr}}@media (max-width:350px){.courtyard-grid,.axisgrid,.axisgrid.twocol{grid-template-columns:1fr}.verdictrow{flex-direction:column}}