@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--j-ink:#293844;--j-muted:#71808a;--j-paper:#fffefa;--j-bg:#f3f2ed;--j-line:#e3e5df;--j-green:#365e50;--j-gold:#dec28b;--ink:var(--j-ink);--purple:var(--j-green)}
body{background:var(--j-bg);color:var(--j-ink);font-family:'DM Sans',system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #caa65c;outline-offset:3px}button:disabled{cursor:default;opacity:.5}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.035em}p{line-height:1.65}button{color:inherit}a{color:var(--j-green)}.button{background:var(--j-green);border:1px solid var(--j-green);color:white;border-radius:10px;padding:12px 19px;font-weight:600;font-size:14px;box-shadow:none}.button:hover{filter:brightness(1.07)}.button.secondary{background:transparent;color:var(--j-green);border-color:#ccd6ce}.text-button{color:var(--j-green)}
.j-shell{max-width:none;margin:0;display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh;background:var(--j-bg)}.j-sidebar{position:sticky;top:0;height:100vh;padding:34px 20px 20px;background:#243841;color:#d4dedb;display:flex;flex-direction:column}.j-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff6df;font:700 21px Manrope,system-ui}.j-brand>span{font-size:39px;color:var(--j-gold)}.j-brand small{display:block;font-size:7px;letter-spacing:1.2px;margin-top:5px;color:#acbbb7}.j-sidebar nav{display:grid;gap:8px;margin-top:55px}.j-sidebar button{border:0;background:transparent;color:inherit;text-align:left;border-radius:9px;padding:13px 16px;font-size:14px}.j-sidebar nav button span{display:inline-block;width:28px;font-size:21px;vertical-align:middle;color:#afc1b6}.j-sidebar nav button.selected{background:#3b5158;color:#fff4d4;box-shadow:inset 3px 0 #dec28b}.j-sidebar nav button:hover{background:#334b53}.j-sidebar-note{margin:auto 16px 35px;padding-top:55px}.j-sidebar-note>span{font:600 10px/1.9 Manrope;letter-spacing:2px;color:#dbc38f}.j-sidebar-note p{font-size:12px;color:#9fb1b4}.j-sidebar-bottom{border-top:1px solid #496068;padding-top:12px;display:grid}.j-sidebar-bottom button{font-size:12px}.j-main{width:100%;max-width:1480px;margin:auto;padding:0 42px 20px;min-width:0}.j-topbar{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--j-line);font-size:12px;color:var(--j-muted)}.j-topbar>div{display:flex;gap:18px;align-items:center}.j-topbar .j-sync{border:0;background:transparent;font-size:11px;color:var(--j-muted)}.j-topbar>.button{font-size:12px}.j-welcome{padding:34px 0 25px}.j-welcome h1{font-size:clamp(28px,3.1vw,43px);line-height:1.2;font-weight:800;margin:10px 0 0}.j-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#7c8d87}.j-world{position:relative;height:340px;isolation:isolate;border-radius:17px;overflow:hidden;background:#344940;color:#fff;box-shadow:0 9px 20px #213e3610}.j-landscape{position:absolute;inset:0;z-index:-2}.j-landscape>.generated-art{width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:cover!important;image-rendering:auto}.j-world:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#182b3438,transparent 30%,#182b34d4);z-index:-1;pointer-events:none}.j-world-top{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;gap:12px}.j-pill{font-size:9px;letter-spacing:1.4px;padding:9px 12px;background:#243b42b8;border:1px solid #ffffff38;border-radius:6px}.j-world-top button{color:#fff8e8;border:0;background:#243b42b8;border-radius:6px;padding:9px 12px;font-size:12px}.j-world-bottom{position:absolute;bottom:22px;left:26px;right:26px;display:flex;gap:19px;align-items:center}.j-avatar{width:66px;height:85px;border-radius:10px;background:#fff9e8e6;border:2px solid #d9c594;overflow:hidden;flex-shrink:0}.j-avatar img{object-fit:contain!important;max-height:100%;image-rendering:auto}.j-avatar>span{display:grid;place-items:center;height:100%;color:#365e50;font-size:30px}.j-world-bottom h2{font-size:23px;color:#fff9ed;margin:3px 0}.j-world-bottom h2 small{font:500 10px 'DM Sans';border:1px solid #e7d3a357;padding:4px 9px;border-radius:20px;margin-left:8px;color:#eedcae}.j-world-bottom p{font-size:11px;margin:4px 0;color:#deddd0}.j-world-bottom .j-eyebrow{color:#ecdba9;font-size:8px}.j-world-bottom .meter{width:200px;height:4px;background:#ffffff30;margin-top:8px}.j-art-status{margin-left:auto;align-self:flex-end;font-size:10px;color:#edeadf}.j-zero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:radial-gradient(ellipse at 50% 15%,#577568,#283e40);padding-bottom:75px;text-align:center}.j-zero>span{font-size:32px;color:#d3bb87}.j-zero p{margin:5px 0;font-size:18px}.j-zero small{font-size:12px;color:#c6d2c7;max-width:310px}.j-direction{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:28px 0}.j-direction h2{font-size:23px;margin:6px 0}.j-direction p{font-size:13px;color:var(--j-muted);margin:4px 0}.j-direction .button{flex-shrink:0}.j-cycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:30px}.j-cycle>button{background:#fffefa;border:1px solid var(--j-line);border-radius:12px;padding:20px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:transform .15s,box-shadow .15s}.j-cycle>button:hover{transform:translateY(-2px);box-shadow:0 8px 15px #3348390b}.j-cycle>button>span{font-size:9px;color:#819789;letter-spacing:1.5px;font-weight:700}.j-cycle strong{font-family:Manrope;font-size:17px}.j-cycle small{font-size:11px;color:var(--j-muted);line-height:1.5}.j-cycle b{font-size:11px;margin-top:10px;color:var(--j-green)}.j-cycle>button:nth-child(2){background:#e8ede4;border-color:#d8e0d2}.j-cycle>button:nth-child(3){background:#f0ece3}
.j-two{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.j-paper{background:var(--j-paper);border:1px solid var(--j-line);border-radius:13px;padding:24px;min-width:0}.j-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 16px}.j-paper>.j-section-heading{margin:0 0 18px}.j-section-heading h2,.j-paper>h2{font-size:21px;margin:5px 0}.j-section-heading>button:not(.button),.j-section-heading>div>button:not(.button){border:0;background:transparent}.j-section-heading .text-button{font-size:12px}.j-mission{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8eae4;padding:17px 0}.j-mission:last-of-type{border-bottom:0}.j-number{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#edf0e7;color:#748777;font:600 11px Manrope;flex-shrink:0}.j-mission>button:not(.button){background:none;border:0;text-align:left;padding:0;flex:1;min-width:0}.j-mission strong{display:block;font-size:13px;line-height:1.5}.j-mission small{display:block;margin-top:4px;font-size:10px;color:var(--j-muted);line-height:1.5}.j-mission>span:last-child{font-size:10px;color:var(--j-green)}.j-mission>.j-play{flex:0!important;width:31px;height:31px;background:#edf0e7!important;text-align:center!important;border-radius:50%;font-size:20px;color:var(--j-green)}.j-footnote{font-size:11px;padding-top:14px;margin-bottom:0;color:var(--j-muted);border-top:1px solid var(--j-line)}.j-evidence article{display:flex;gap:12px;padding:13px 0}.j-evidence article>span{color:#b69d63;font-size:23px}.j-evidence article strong{font-size:13px}.j-evidence article p{font-size:11px;margin:3px 0;color:var(--j-muted)}.j-evidence article small{font-size:10px;color:#809482}.j-evidence .text-button{font-size:12px;margin-top:18px}.j-empty{padding:30px;text-align:center;grid-column:1/-1;color:#788782;border:1px dashed #d6dcd0;border-radius:12px}.j-empty>span{font-size:25px}.j-empty h3{font-size:17px}.j-empty p,.j-empty-copy{font-size:13px;color:var(--j-muted);line-height:1.7}.j-empty-copy{margin:24px 0}.j-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.j-project{padding:0;overflow:hidden;border:1px solid var(--j-line);background:var(--j-paper);border-radius:12px;text-align:left;transition:box-shadow .15s;min-width:0}.j-project:hover{box-shadow:0 8px 22px #1c353b14}.j-project-cover{height:135px;position:relative}.j-project-cover img{width:100%;height:100%;object-fit:cover}.j-cover-placeholder{background:linear-gradient(120deg,color-mix(in srgb,var(--area),#fff 74%),#f1efe5);display:flex;align-items:center;justify-content:center;gap:18px;height:100%;color:color-mix(in srgb,var(--area),#273b41 45%)}.j-cover-placeholder>span{font-size:45px}.j-cover-placeholder small{font-family:Manrope;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-size:11px}.j-phase{position:absolute;bottom:10px;left:14px;border:1px solid #ffffff80;background:#ffffffe6;border-radius:5px;font-size:9px;padding:5px 9px;color:#586957}.j-project-body{padding:18px}.j-project-body>small{font-size:9px;color:#879289}.j-project h3{font-size:17px;margin:8px 0;line-height:1.4}.j-project p{font-size:11px;color:var(--j-muted);margin:5px 0 20px;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.j-project .meter{height:4px;background:#ecefe7}.j-project footer{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:9px;color:#7b897e}.j-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--j-line);margin-top:40px;padding-top:20px;font-size:10px;color:#88958b}.j-footer button{border:0;background:none;color:var(--j-green);font-size:10px}.j-library-intro{padding:44px 0 25px}.j-library-intro h1{font-size:35px;line-height:1.2;margin:12px 0}.j-library-intro p{font-size:14px;color:var(--j-muted);max-width:620px}.j-areas{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 25px}.j-areas button,.j-horizon-tabs button{border:1px solid var(--j-line);border-radius:7px;padding:10px 13px;background:var(--j-paper);font-size:11px}.j-areas .selected,.j-horizon-tabs .selected{background:#365e50;color:#fff;border-color:#365e50}.j-section-heading label{font-size:12px;display:flex;align-items:center;gap:8px}.j-section-heading select{width:auto;max-width:200px;padding:8px;border:1px solid var(--j-line);font-size:12px}.j-horizon-tabs{display:flex;gap:8px;margin:0 0 25px;flex-wrap:wrap}.j-parent-direction{padding:14px 17px;background:#edf0e7;border-left:3px solid #a9b994;font-size:13px;color:#576b55;border-radius:5px}.j-next-horizon{margin-top:25px}.j-next-horizon p{font-size:13px;color:var(--j-muted)}
.panel-backdrop{background:#12293180;backdrop-filter:blur(5px)}.rpg-panel{background:var(--j-paper);border:1px solid #e3e5df;box-shadow:0 20px 80px #152d3040;border-radius:18px;max-width:1050px}.panel-head{background:#f3f3ed;border-color:var(--j-line);padding:26px 32px}.panel-head h1{font-size:29px;line-height:1.3}.panel-head p{font-size:14px;color:var(--j-muted)}.panel-caption{color:#7b917f;font-size:10px;letter-spacing:1.6px}.panel-body{padding:28px 32px;font-size:15px}.panel-footer{background:#f6f6f0;border-color:var(--j-line)}.panel-body label:not(.j-check){display:block;font-size:13px;color:#526657;margin:16px 0}.panel-body input:not([type=checkbox]),.panel-body textarea,.panel-body select{background:white;border:1px solid #dce2d7;border-radius:8px;color:var(--j-ink);width:100%;padding:12px;margin-top:7px;box-sizing:border-box}.panel-body textarea{min-height:88px;resize:vertical}.panel-body fieldset{border:1px solid var(--j-line);border-radius:8px;padding:16px;margin:18px 0}.panel-body legend{font-size:12px;color:var(--j-muted)}.panel-body details{margin:22px 0;padding:15px;border:1px solid var(--j-line);border-radius:9px}.panel-body summary{font-size:13px;cursor:pointer}.panel-body .j-check{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:13px}.j-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.j-template-grid button{display:flex;flex-direction:column;gap:5px;text-align:left;background:#f6f6ef;border:1px solid var(--j-line);border-radius:9px;padding:15px}.j-template-grid .selected{border-color:#648570;box-shadow:inset 0 0 0 1px #648570;background:#ebf0e6}.j-template-grid button>span{font-size:23px}.j-template-grid strong{font-size:12px}.j-template-grid small{font-size:10px;color:var(--j-muted)}.j-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.j-detail-cover{height:190px;overflow:hidden;border-radius:12px}.j-detail-cover>img{width:100%;height:100%;object-fit:cover}.j-badges{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.j-badges span{background:#eef0e7;font-size:11px;color:#60715e;padding:7px 12px;border-radius:5px}.j-detail-intro p{font-size:14px;white-space:pre-wrap}.j-detail-intro h2{font-size:22px}.j-detail-intro h3{font-size:15px;margin-top:25px}.j-detail-intro .meter{height:6px;margin-top:25px}.j-note{display:block;text-align:left;border:1px solid var(--j-line);background:#f8f7ef;border-radius:9px;padding:15px;width:100%;margin:10px 0}.j-note p{font-size:13px;white-space:pre-wrap}.j-help h2{font-size:21px;margin-top:25px}.j-help p{font-size:14px;color:var(--j-muted)}.cycle-steps button.current{background:#365e50;color:#fff}.cycle-steps button{font-size:12px}.intent-banner{background:#edf0e7;border-color:#d6e0cd}.hint{font-size:13px;color:var(--j-muted)}.domain-grid label{margin:0!important;font-size:12px!important}.domain-grid{gap:8px}.domain-grid label:has(input:checked){background:#edf0e7;border-color:#648570}.closed-note{background:#e9f0e3}.modalhead h2{font-size:23px}#toast{background:#243e38;color:#fff;z-index:10000}
@media(min-width:1650px){.j-main{padding-left:65px;padding-right:65px}.j-world{height:390px}.j-project-cover{height:170px}}
@media(max-width:1100px){.j-shell{grid-template-columns:190px minmax(0,1fr)}.j-main{padding:0 24px 20px}.j-sidebar{padding:27px 14px}.j-brand{font-size:17px}.j-brand small{font-size:6px}.j-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.j-two{grid-template-columns:1fr}.j-cycle{gap:9px}.j-cycle>button{padding:15px}.j-cycle strong{font-size:15px}.j-world{height:310px}}
@media(max-width:720px){.j-shell{display:block;padding-bottom:69px}.j-sidebar{position:static;height:auto;padding:15px 20px;display:block}.j-brand{font-size:19px}.j-brand>span{font-size:29px}.j-sidebar nav{position:fixed;bottom:0;left:0;right:0;z-index:70;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#243841;padding:5px 6px calc(5px + env(safe-area-inset-bottom));margin:0;border-top:1px solid #4c6268}.j-sidebar nav button{font-size:10px;padding:7px 3px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.j-sidebar nav button.selected{box-shadow:none}.j-sidebar nav button span{font-size:21px}.j-sidebar-note,.j-sidebar-bottom{display:none}.j-main{padding:0 17px 20px}.j-topbar{min-height:68px;gap:8px}.j-topbar>span{font-size:10px;max-width:140px}.j-topbar>div{gap:8px}.j-topbar .j-sync{font-size:9px;max-width:80px}.j-topbar .button{padding:9px;font-size:11px}.j-welcome{padding:25px 0 20px}.j-welcome h1{font-size:30px}.j-world{height:285px;border-radius:13px}.j-world-top{top:16px;left:15px;right:15px}.j-world-top button{font-size:10px}.j-pill{font-size:7px;padding:7px;letter-spacing:.7px}.j-world-bottom{left:16px;right:16px;bottom:20px;gap:12px}.j-avatar{width:51px;height:69px}.j-world-bottom h2{font-size:20px}.j-world-bottom .meter{width:155px}.j-art-status{display:none}.j-direction{display:block;padding:23px 0}.j-direction h2{font-size:23px}.j-direction .button{margin-top:10px}.j-cycle{grid-template-columns:1fr;gap:9px;margin-bottom:20px}.j-cycle>button{display:grid;grid-template-columns:1fr auto;gap:5px 8px;padding:16px}.j-cycle strong{grid-column:1;font-size:17px}.j-cycle small{grid-column:1;font-size:11px}.j-cycle b{grid-column:2;grid-row:2/4;align-self:center;margin:0;font-size:10px}.j-paper{padding:19px}.j-section-heading h2{font-size:19px}.j-project-grid{grid-template-columns:1fr}.j-project-cover{height:145px}.j-project-body{padding:18px}.j-project h3{font-size:19px}.j-project p{font-size:12px}.j-project footer{font-size:11px}.j-footer{font-size:9px}.j-library-intro h1{font-size:29px}.j-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.j-form-grid{grid-template-columns:1fr}.panel-head{padding:21px}.panel-head h1{font-size:24px}.panel-body{padding:21px}.panel-footer{padding:15px;flex-wrap:wrap}.rpg-panel{max-height:94dvh;border-radius:15px}.j-section-heading{flex-wrap:wrap}.j-detail-cover{height:150px}.j-zero small{padding:0 25px}.j-horizon-tabs button{flex:1}.j-horizon-tabs button:last-child{flex-basis:100%}.j-detail-intro h2{font-size:21px}.panel-body .j-section-heading .button{font-size:11px;padding:9px}.j-topbar .button{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.j-attributes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:15px 0;border-bottom:1px solid var(--j-line)}.j-attributes button{border:0;background:none;display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:3px 8px;padding:7px;color:var(--j-ink)}.j-attributes span{font-size:20px}.j-attributes strong{font-size:12px}.j-attributes small{grid-column:1/-1;font-size:8px;color:var(--j-muted)}@media(max-width:720px){.j-attributes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.panel-backdrop{z-index:100}

/* Gameplay pass: a single action, a quiet journal, details on demand. */
.j-shell{grid-template-columns:184px minmax(0,1fr)}
.j-sidebar{padding:28px 15px 20px;background:#202f33}
.j-brand{font-size:17px;gap:8px}.j-brand>span{font-size:30px}.j-brand small{font-size:7px;letter-spacing:1px}
.j-sidebar nav{margin-top:40px;gap:9px}.j-sidebar nav button{font-size:13px;padding:12px 10px;min-height:48px}
.j-sidebar nav button.selected{background:#34494a;box-shadow:inset 2px 0 #dabe86}
.j-sidebar-bottom{margin-top:auto}.j-sidebar-bottom button{min-height:44px}
.j-main{max-width:1540px;padding:0 36px 32px;margin:0 auto}.j-topbar{min-height:76px;border:0}.j-topbar .button{min-height:44px}.j-topbar .j-sync{min-height:44px}
.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;padding-top:8px;align-items:start}.play-main{min-width:0}
.play-world{height:clamp(390px,49vw,560px);border:1px solid #e8d6a45c;border-radius:15px;box-shadow:0 16px 40px #253a3320}
.play-world:after{background:linear-gradient(180deg,#10232240,transparent 28%,#142a2799 56%,#102321f0)}
.play-hud{position:absolute;top:21px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.play-character{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #e1d6b64d;background:#162d2bd9;color:#f7efdd;padding:9px 13px 9px 9px;border-radius:10px;box-shadow:0 4px 10px #12251b30}
.play-character .j-avatar{display:block;width:43px;height:57px;border:1px solid #d6bb87;border-radius:6px;margin:0}.play-character .j-avatar img{width:100%;height:100%}
.play-character strong{display:block;font-size:15px}.play-character small{font-size:10px;color:#edce8c;margin-left:8px}.play-xp{display:block;font-size:10px;color:#c4d3c5;margin:4px 0}.play-character .meter{height:3px;width:120px;background:#ffffff25;margin:0}
.play-explore{border:1px solid #e1d6b64d;background:#162d2bbf;color:#f7efdd;border-radius:8px;padding:11px;font-size:12px;min-height:44px}
.play-quest{position:absolute;left:30px;right:30px;bottom:32px;max-width:620px}.play-quest .j-eyebrow{color:#e8d095;font-size:10px;letter-spacing:2px}.play-quest h1{font-size:clamp(25px,2.6vw,37px);line-height:1.18;color:#fff8e8;margin:10px 0;max-width:560px;text-wrap:balance}.play-quest p{color:#d4ddd2;font-size:14px;line-height:1.5;margin:8px 0 22px;max-width:520px}.play-quest .button{background:#e8ce95;border:1px solid #f7e2b6;color:#25392d;font-weight:700;box-shadow:0 3px 0 #aa8b4f;padding:13px 22px;min-height:48px;border-radius:7px;transition:transform .15s}.play-quest .button:hover{filter:brightness(1.06);transform:translateY(-1px)}.play-quest .button:active{transform:translateY(2px);box-shadow:none}
.play-pending{position:absolute;right:18px;bottom:12px;border:0;background:#142a2799;color:#e6d4a9;font-size:11px;padding:8px;border-radius:5px}
.play-cycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:15px;background:#e9eae2;border:1px solid #dce0d3;padding:5px;border-radius:11px}.play-cycle button{background:none;border:1px solid transparent;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;padding:14px 12px;text-align:left;border-radius:7px;color:#657167;min-width:0}.play-cycle button>span{grid-row:1/3;display:grid;place-items:center;border:1px solid #b8c5b7;width:27px;height:27px;border-radius:50%;font-size:12px;align-self:center}.play-cycle strong{font-size:14px}.play-cycle small{font-size:10px;color:#758173}.play-cycle .current{background:#fffdf5;border-color:#d5d9c9;box-shadow:0 2px 4px #2438240b;color:#2e4f3f}.play-cycle .current>span{background:#365e50;color:#fff;border-color:#365e50}.play-cycle button:hover{background:#f7f7ef}
.play-attributes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:22px 0}.play-attributes button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;min-height:52px;border-radius:7px}.play-attributes button:hover{background:#e8eade}.play-attributes span{font-size:23px;line-height:1}.play-attributes small{font-size:9px;color:#65756b}
.play-journal{min-width:0;border:1px solid #dddfd3;background:#fbfaf3;border-radius:13px;overflow:hidden}.play-plan,.play-recap{padding:22px}.play-recap{border-top:1px solid #dddfd3;background:#f5f4eb}.play-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.play-heading h2{font-size:19px;margin:0}.play-heading .text-button{font-size:11px;min-height:44px;padding:0}.play-intention{font-size:14px;color:#586b5c;line-height:1.6;margin:10px 0 20px}.play-count{font-size:11px;color:#6a7869;margin:0}.play-heading>.play-count{background:#e6eade;border-radius:5px;min-width:25px;padding:5px;text-align:center}.play-empty{padding:22px 0 28px;text-align:center}.play-empty>span{color:#8d9f80;font-size:32px}.play-empty p{font-size:14px;margin:7px 0 3px;color:#51634f}.play-empty small{font-size:12px;color:#748171}.play-muted{font-size:13px;color:#6b786c;line-height:1.7;margin:15px 0}.play-recap>.text-button{font-size:12px;padding:10px 0;min-height:44px}.play-recap ul{padding:0;margin:15px 0;list-style:none}.play-recap li{display:flex;gap:9px;margin:15px 0}.play-recap li>span{color:#8a9b67}.play-recap strong{font-size:12px;font-weight:500;display:block}.play-recap small{display:block;font-size:11px;line-height:1.5;color:#74816f;margin-top:3px}.play-journal .j-mission strong{font-size:13px}.play-journal .j-mission .j-play{min-width:40px;min-height:40px}.j-mission.is-done strong{color:#778473}.j-mission.is-done .j-number{background:#dce7cf;color:#456344}
.j-library-intro{padding:22px 0}.j-library-intro h1{font-size:30px;margin:0 0 8px}.j-library-intro p{margin:0 0 18px}.j-areas button{min-height:44px}.j-project-body>small{font-size:11px}.j-project footer{font-size:11px}.j-project p{font-size:13px}.j-project-cover{height:135px}.j-project h3{font-size:19px}.j-section-heading label{font-size:13px}.j-template-grid button{min-height:92px}.j-template-grid small{font-size:11px}.j-template-grid strong{font-size:13px}.j-template-grid .selected{background:#e8eedf}.panel-body summary{min-height:28px;padding:4px 0;font-size:14px}.panel-body .play-form-details{background:#f5f6ef}.panel-body .j-parent-direction{font-size:13px;padding:10px 13px}.panel-body .hint{line-height:1.6}.panel-head p:empty{display:none}.rpg-panel{max-width:920px}.panel-head h1{font-size:26px}.panel-head{padding:22px 28px}.panel-body{padding:24px 28px}.panel-body .button,.panel-footer .button,.panel-head .close{min-height:44px}.cycle-steps button{min-height:48px}.panel-body input[type=checkbox]{width:18px;height:18px}.j-section-heading>button[aria-label]{min-width:44px;min-height:44px}.j-horizon-tabs button{min-height:44px}.j-next-horizon{padding:18px}.j-next-horizon h3{margin-top:0}.j-detail-cover{height:135px}.j-detail-intro h2{font-size:18px}.j-detail-intro h3{margin-top:16px}.j-detail-intro p{line-height:1.6}.j-badges{margin:12px 0}
@media(max-width:1180px){.j-shell{grid-template-columns:160px minmax(0,1fr)}.j-main{padding:0 23px 25px}.play-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.play-plan,.play-recap{padding:18px}.play-hud{left:16px;right:16px}.play-quest{left:23px;right:23px}.play-explore{font-size:11px}.play-character{padding:7px}.play-character .meter{width:85px}.play-world{height:470px}.play-attributes small{font-size:8px}}
@media(max-width:950px){.play-layout{grid-template-columns:1fr}.play-journal{display:grid;grid-template-columns:1fr 1fr}.play-recap{border-top:0;border-left:1px solid #dddfd3}.play-world{height:420px}.play-attributes small{font-size:10px}.play-attributes{padding:12px 0}.j-sidebar{padding:25px 10px}.j-brand{font-size:15px}}
@media(max-width:720px){.j-shell{display:block}.j-sidebar{padding:12px 17px}.j-brand{font-size:17px}.j-brand small{display:none}.j-sidebar nav{margin:0;background:#202f33}.j-sidebar nav button{min-height:55px;padding:5px 2px;font-size:10px}.j-sidebar nav button span{width:auto}.j-main{padding:0 14px 24px}.j-topbar{min-height:62px}.j-topbar>span{font-size:11px;max-width:110px}.j-topbar .j-sync{font-size:10px;max-width:85px}.play-layout{padding-top:0;gap:9px}.play-world{height:410px;border-radius:12px}.play-hud{left:14px;right:14px;top:14px;gap:7px}.play-character strong{font-size:13px}.play-character .j-avatar{width:32px;height:43px}.play-character small{margin-left:5px;font-size:9px}.play-xp{font-size:9px}.play-character{gap:8px}.play-explore{font-size:10px;padding:8px;max-width:100px}.play-quest{left:20px;right:20px;bottom:32px}.play-quest h1{font-size:28px}.play-quest p{font-size:13px;margin:10px 0 18px}.play-quest .j-eyebrow{font-size:9px}.play-quest .button{font-size:14px;min-height:48px}.play-cycle{margin-top:10px;gap:3px;padding:4px}.play-cycle button{padding:10px 6px;gap:3px 6px}.play-cycle button>span{width:22px;height:22px;font-size:11px}.play-cycle strong{font-size:12px}.play-cycle small{font-size:9px}.play-attributes{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:10px 0}.play-attributes button{padding:6px 2px;min-height:46px}.play-attributes span{font-size:20px}.play-attributes small{font-size:9px}.play-journal{grid-template-columns:1fr}.play-recap{border-left:0;border-top:1px solid #dddfd3}.play-plan,.play-recap{padding:19px}.play-pending{font-size:10px;bottom:5px;padding:5px 8px}.panel-head,.panel-body{padding:20px}.panel-head h1{font-size:23px}.panel-head p{font-size:13px}.j-form-grid{grid-template-columns:1fr}.j-library-intro h1{font-size:27px}.j-sidebar-bottom{display:none}.j-template-grid button{padding:12px;min-height:86px}.j-template-grid strong{font-size:12px}.j-project p{font-size:13px}.cycle-steps{gap:4px}.cycle-steps button{padding:8px 5px;font-size:11px}.j-horizon-tabs{gap:5px}}
@media(prefers-reduced-motion:reduce){.play-quest .button{transition:none;transform:none}}
.scene-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scene-history button{min-width:0;text-align:left;border-radius:9px;overflow:hidden}.scene-history strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.5}.scene-history img{width:100%;height:110px;object-fit:cover}.scene-history small{font-size:11px}.creation-job{padding:18px}.creation-job details{background:#f5f6ef}@media(max-width:720px){.scene-history{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* The planning table: one surface, optional details, real Card references. */
.expedition{color:#30423e}.ex-day,.ex-heading,.ex-library-heading,.ex-stop-head,.ex-actions{display:flex;align-items:center;gap:16px;justify-content:space-between}.ex-day{flex-wrap:wrap;margin-bottom:18px}.ex-day small{color:#71827d}.ex-table{position:relative;border-radius:22px;overflow:hidden;background:#bbc8be;padding:28px}.ex-scenery{position:absolute;inset:0;opacity:.4}.ex-scenery img{width:100%;height:100%;object-fit:cover}.ex-paper{position:relative;background:#fbf8eeed;border:1px solid #fff8;border-radius:14px;padding:24px;box-shadow:0 10px 35px #233a3020}.ex-hero{width:48px;height:64px}.ex-hero img{height:100%;width:100%;object-fit:contain}.ex-intention{display:block;font-size:14px;color:#68796f}.ex-intention input{font-size:20px!important;background:transparent!important;border:0!important;border-bottom:1px solid #c8cdc1!important;border-radius:0!important}.ex-route{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;padding:24px 0}.ex-stop{min-width:0;border:1px solid #d8ddcf;border-radius:14px;padding:18px;background:#fffdf6;animation:ex-arrive .18s ease-out}.ex-stop.ex-main{border:2px solid #b99b51;background:#fff9e6;box-shadow:0 4px 16px #b89d5020}.ex-stop h3{font-size:18px;margin:0 0 6px;overflow-wrap:anywhere}.ex-stop small{font-size:11px;color:#718177}.ex-marker{font-size:25px;color:#a48440}.ex-stop-head>button{margin-left:auto}.ex-actions{margin:14px 0}.ex-actions button,.ex-focus-list button{border:1px solid #d4dccb;border-radius:8px;padding:9px 12px;background:#f3f5ed;color:#405c4d;cursor:pointer}.ex-actions [aria-pressed=true],.ex-focus-list [aria-pressed=true]{background:#e8dbab;border-color:#af924c}.ex-stop summary{font-size:13px;cursor:pointer;color:#677669}.ex-stop label{display:block;font-size:13px;margin-top:12px}.ex-space{font-size:13px;color:#74816e;margin:0}.ex-empty{grid-column:1/-1;text-align:center;padding:20px;color:#758371}.ex-empty>span{font-size:40px}.ex-empty h2{font-size:22px}.ex-library-heading{margin:26px 0 14px}.ex-library-heading h2{font-size:21px;margin:0}.ex-library-heading p{font-size:13px;margin:6px 0;color:#7b8983}.ex-library-heading>button{border:1px solid #c9d5c8;padding:12px 16px;border-radius:9px;background:#f6f8f1;white-space:nowrap}.ex-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:16px}.ex-card{min-width:0;border:1px solid #e0e5dc;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;gap:8px;padding:12px}.ex-card[hidden]{display:none}.ex-card h3{font-size:15px;line-height:1.4;margin:0;overflow-wrap:anywhere}.ex-card small{font-size:12px;color:#718176}.ex-cover{height:75px;border-radius:7px;overflow:hidden}.ex-cover img{width:100%;height:100%;object-fit:cover}.ex-cover .j-cover-placeholder{height:100%;min-height:0}.ex-cover .j-cover-placeholder span{font-size:24px}.ex-cover small{display:none}.ex-card>button{margin-top:auto;padding:10px;border-radius:7px;background:#f0f4eb;color:#46634d;border:0;cursor:pointer}.ex-card>button[aria-pressed=true]{background:#e3dbf0;color:#6c518f}.ex-filter,.ex-context,.ex-review,.ex-focus-choices{padding:14px;border:1px solid #e1e7db;border-radius:10px;margin:14px 0}.ex-filter summary,.ex-context summary,.ex-review summary,.ex-focus-choices summary{cursor:pointer}.ex-filter label{display:inline-block;width:min(100%,280px);margin:12px 12px 0 0}.ex-create{padding:20px;border-radius:12px;background:#f2f5ed}.ex-create label{display:block;margin-bottom:12px}.ex-focus-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ex-review article{padding:12px 0;border-bottom:1px solid #e0e5dc}.ex-review p{margin:4px 0}.ex-review small{color:#728177}.expedition button:focus-visible{outline:3px solid #8b6aac;outline-offset:3px}@keyframes ex-arrive{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:600px){.ex-table{padding:10px}.ex-paper{padding:14px}.ex-route{grid-template-columns:1fr}.ex-day{gap:6px}.ex-day small{width:100%}.ex-library-heading{align-items:flex-start;flex-direction:column}.ex-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-intention input{font-size:17px!important}.ex-stop{padding:13px}}@media(prefers-reduced-motion:reduce){.ex-stop{animation:none}}
.ex-paper .ex-empty{padding:4px 0}.ex-paper .ex-empty h2{margin:8px 0;font-size:20px}.ex-paper .ex-empty p{margin:6px 0}.ex-paper .ex-route{padding:16px 0}.ex-paper .ex-intention{margin:10px 0}.ex-paper .ex-intention input{margin:6px 0;padding:10px 0}.ex-stop-head>div{min-width:0}.ex-stop-head>button{flex-shrink:0}.ex-stop input,.ex-stop select{width:100%;min-width:0}
.rpg-panel .ex-empty h2{font-size:18px;line-height:1.35;margin:6px 0}.rpg-panel .ex-empty p{font-size:13px;line-height:1.5;margin:4px 0}.rpg-panel .ex-intention{margin:8px 0}.rpg-panel .ex-space{font-size:12px;line-height:1.5}@media(max-width:600px){.ex-hero{height:42px;width:32px}.ex-empty>span{display:none}.ex-paper .ex-route{padding:8px 0}.rpg-panel .ex-empty h2{font-size:16px}.rpg-panel .ex-intention input{font-size:15px!important}.ex-table{padding:8px}.ex-day>small{display:none}}