.header-actions{display:flex;gap:16px}.personality{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.personality span,.chip{display:inline-block;font-size:12px;border:1px solid #9cac91;border-radius:20px;padding:5px 9px;color:#40533e;background:#edf0df}.layout{grid-template-columns:220px 436px 320px;gap:30px}.tabs{flex-wrap:wrap;gap:0 17px;margin-top:12px}.tabs button{padding:9px 0}.panel{max-height:570px;overflow:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#92a787 transparent}.world-ribbon{max-width:1120px;margin:0 auto 36px;border-top:1px solid #24433330;border-bottom:1px solid #24433330;padding:20px 0;display:flex;align-items:center;gap:24px}.world-ribbon>div{flex:1}.world-ribbon b{display:block;font-size:14px;margin-top:7px}.world-ribbon .eyebrow{font-size:12px}.world-ribbon .secondary{white-space:nowrap}.world-ribbon #performance{font-size:12px;max-width:70px}.subnav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.subnav button{min-height:44px;border:1px solid #b0bba3;border-radius:5px;background:#edf0e2;padding:8px 10px;font-size:13px}.subnav button.active{background:#476c55;color:white}.notebook-card{border:1px solid #a8b69d70;background:#f5f4e9;border-radius:9px;padding:15px;margin:12px 0}.notebook-card h4{font-size:16px;margin-bottom:7px}.notebook-card p{font-size:13px;color:#52624c}.notebook-card small{font-size:12px;color:#50624d;line-height:1.5;display:block;margin:5px 0}.notebook-card img.portrait{width:65px;height:65px;image-rendering:pixelated;float:right}.notebook-card .secondary{margin-bottom:0}.split-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel .split-buttons button{padding:9px 7px}.scene-banner{width:100%;height:132px;object-fit:cover;object-position:50% 64%;image-rendering:pixelated;border-radius:7px;margin:4px 0 14px}.region-map{width:100%;height:200px;background:#e7ecd9;border:1px solid #a8b69d;border-radius:8px;margin:12px 0}.region-map text{font-family:inherit;font-size:11px;fill:#314c39}.region-map .trail{stroke:#a4ad8a;stroke-width:2;stroke-dasharray:4 4}.region-map .node{fill:#597a59;stroke:#f3edce;stroke-width:3}.region-map .locked{fill:#b1b6a0}.region-map .here{fill:#bd684a;stroke:#f8dfae;stroke-width:4}.map-list .place{min-height:60px}.map-list small{font-size:12px}.memory{background:#faf7e8;border:1px solid #c5c9af;padding:10px 10px 14px;box-shadow:0 2px 3px #334c3210;margin:14px 0;transform:rotate(-.5deg)}.memory:nth-child(even){transform:rotate(.6deg)}.memory img{width:100%;height:165px;object-fit:cover;object-position:50% 60%;image-rendering:pixelated;background:#dde5cf}.memory h4{margin:12px 4px 6px;font-size:16px}.memory p,.memory small{margin:4px;font-size:13px}.memory small{color:#52624c}.move-slot{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px;margin:9px 0}.move-slot select,.full-select{width:100%;min-height:44px;background:#f4f4e8;border:1px solid #9fae90;border-radius:5px;padding:8px;font:inherit;font-size:13px;color:#304d39}.battle-console{border:1px solid #809c71;background:#dfe8cf;border-radius:9px;padding:14px;margin:14px 0}.battle-console h4{font-size:16px}.move-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.move-buttons button{border:1px solid #8ba478;background:#f5f5e7;border-radius:5px;padding:10px 7px;min-height:58px;text-align:left;font-size:13px;font-weight:700}.move-buttons small{display:block;font-size:12px;font-weight:400;color:#53664c;margin-top:5px}.meter-label{display:flex;justify-content:space-between;font-size:12px;margin:12px 0 5px}.garden{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.plot{background:#e0e7cf;border:1px solid #a3b38b;border-radius:6px;text-align:center;padding:12px 5px}.plot .sprout{font-size:25px;display:block;height:36px;color:#557345}.plot button{width:100%;min-height:44px;font-size:12px;background:#f6f4e4;border:1px solid #9baa85;border-radius:4px;margin-top:8px}.plot small{font-size:12px}.chapter{border-left:2px solid #a7b798;padding:0 0 15px 16px;margin-left:6px}.chapter h4{font-size:15px;margin:6px 0}.chapter p{font-size:13px}.fact-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:10px 0;border-bottom:1px solid #24433318}.friend-heading{min-height:64px}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-grid .notebook-card{margin:0;padding:12px}.catalog-grid h4{font-size:14px}.catalog-grid button{font-size:12px!important;padding:9px!important}.mode-focus .masthead,.mode-focus .profile,.mode-focus .field-notes,.mode-focus footer,.mode-focus .world-ribbon{display:none}.mode-focus .layout{display:block;width:min(100%,570px);margin:20px auto}.mode-focus .device{width:100%}.focus-exit{display:none;position:fixed;right:20px;top:16px;z-index:20}.mode-focus .focus-exit{display:block}.screen-top{gap:5px}.screen-top #location{font-size:11px;letter-spacing:0}.screen-bottom{font-size:10px;letter-spacing:0}.panel .micro{color:#52624c}button:disabled{opacity:.55;cursor:not-allowed}#recap{max-height:88vh;overflow:auto}#recap-stories{margin-top:16px}.recap-story{display:flex;gap:12px;margin:12px 0;align-items:center}.recap-story img{width:72px;height:64px;object-fit:cover;image-rendering:pixelated;border:3px solid #f6f0d8}.recap-story p{font-size:14px}#photo-view{width:min(460px,90vw)}#photo-view img{width:100%;image-rendering:pixelated;border:8px solid #f9f6e9}.pose-note{font-size:12px;color:#52624c;margin-top:10px}.tabs button,.entry time,.live-dot,.micro,.screen-top button,.save-line{color:#486047}.screen-top button{color:#d1dcc7}.screen-bottom{color:#d1dcc7}.entry time{color:#53644b}.notes-top .eyebrow{font-size:12px}
@media(min-width:1200px) and (max-height:950px){.masthead{padding-top:22px;padding-bottom:18px}.layout{margin-top:24px;margin-bottom:30px}.device{padding-top:18px}.profile,.field-notes{padding-top:22px}.panel{max-height:530px}.world-ribbon{margin-bottom:20px}}
@media(max-width:1150px){.layout{grid-template-columns:200px 390px 280px;gap:22px}.world-ribbon{margin-left:25px;margin-right:25px;gap:15px}.world-ribbon #performance{display:none}.panel{max-height:540px}}
@media(max-width:1000px){.layout{grid-template-columns:390px 300px;gap:30px}.device{grid-column:1;grid-row:1}.field-notes{grid-column:2;grid-row:1}.profile{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.profile .needs{grid-column:2;grid-row:1/6;margin:0}.profile .activity-card{grid-column:2}.profile .level{margin-top:8px}.world-ribbon{flex-wrap:wrap}.world-ribbon>div{min-width:220px}.header-actions{gap:5px}}
@media(max-width:720px){.masthead{padding:22px 18px 16px;align-items:flex-start}.masthead h1{font-size:26px}.masthead .eyebrow{font-size:10px}.header-actions{display:flex;flex-direction:column;gap:0}.header-actions .plain{font-size:12px;padding:0;min-height:32px}.layout{display:flex;flex-direction:column;width:100%;padding:0 14px;gap:28px;margin:24px auto}.device{order:0;width:100%;max-width:430px;align-self:center}.field-notes{order:1;width:100%;padding:0 8px}.profile{order:2;display:block;width:100%;padding:0 8px}.profile .needs{margin:20px 0}.panel{max-height:580px;min-height:220px}.world-ribbon{margin:0 22px 25px;padding:20px 0;gap:15px;display:grid;grid-template-columns:1fr 1fr}.world-ribbon>div{min-width:0}.world-ribbon .secondary{white-space:normal;padding:10px;font-size:13px}.world-ribbon b{font-size:13px}.world-ribbon .eyebrow{font-size:10px}.screen-top #location{font-size:10px}.screen-bottom{font-size:9px}.notes-top{margin-top:0}.tabs{gap:0 20px}.scene-banner{height:150px}.mode-focus .layout{padding:0 10px;margin:65px auto 20px}.focus-exit{top:10px}.panel p{font-size:14px}}
.memory img{height:auto;aspect-ratio:1;object-fit:contain}.region-map{height:auto;aspect-ratio:315/188}
.battle-dock,.mobile-only{display:none}
@media(min-width:1200px) and (max-height:950px){.layout{grid-template-columns:220px 400px 320px;margin-top:16px}.masthead{padding-top:14px;padding-bottom:14px}}
@media(max-width:720px){.mobile-only{display:block}.battle-dock.active{display:block;padding:13px 0 20px}.battle-dock>.secondary{width:100%;margin-top:8px}.battle-dock .move-buttons button{min-height:54px}.battle-dock .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
