/* M36: latest UI review. Scene menus; paper workspaces; one Back per layer.
   M35's mobile messages, two scene levels and timed receipts remain intact. */
:root{--ui-ink:#322a21;--ui-muted:#665840;--ui-paper:#f2ead9;--ui-line:#9c80504d;--ui-serif:'Songti SC','STSong','SimSun',serif;--ui-body:system-ui,'Microsoft YaHei',sans-serif;--ui-paper-fill:linear-gradient(#f7f0e3ed,#f1e8d7ed),url('/assets/m28/paper-texture.webp') center/cover}
.ui-avatar,.im-mobile-messages .im-letter>.ui-avatar,.id-root .id-face.ui-avatar{width:44px;height:44px;flex:0 0 44px;background-size:var(--avatar-scale,250% auto);background-position:var(--avatar-focus,50% 22%);background-repeat:no-repeat;border:1px solid #a98c58;border-radius:7px;box-shadow:0 1px 3px #221c1726}
.ui-avatar>img{display:none}
body.m27 :is(.ui-back,.im-close,.id-back,.bs-close,.cc-photo-close,.im-photo-close){display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #c5a571a6;border-radius:50%;background:radial-gradient(circle at 25% 15%,#484131eb,#161a1bea);color:#f4dfb7;box-shadow:0 2px 8px #0005;font:28px/1 var(--ui-body)!important;cursor:pointer;flex-shrink:0;clip-path:none}
.im-dialog>.im-head{min-height:76px;padding:16px max(16px,calc((100% - 650px)/2));gap:12px;justify-content:flex-start;background:linear-gradient(#071116bf,transparent);border:0}
.im-head>.im-close{order:-1}.im-head h1{font:23px/1.3 var(--ui-serif)!important;letter-spacing:2px!important;margin-right:auto}
.im-head .im-journal-settings{order:3;min-height:44px;color:#ead8b6;background:#191d1c99;border:1px solid #b598605c;border-radius:4px;padding:6px 12px;font-size:14px}
body.m27 :is(.im-photo-close,.cc-photo-close,.bs-close){left:16px;right:auto;top:16px}
.m25-dialog-head{display:flex!important;gap:12px;justify-content:flex-start!important}.m25-dialog-head .ui-back{order:-1}
.bs-dialog-head{padding:16px 16px 16px 72px!important;min-height:76px}.bs-dialog-title{font-size:23px!important}.bs-close{position:absolute}
/* The town stays visible behind a small, grounded menu. */
body.m27 .im-dialog.im-settings{inset:0;width:100%;height:var(--app-height,100dvh);max-height:none;border:0;border-radius:0;background:linear-gradient(#07111633,transparent 30%,#080e14b5),var(--im-scene) var(--im-scene-position,center)/cover,#0c1820;color:#f0dfc1;box-shadow:none}
.im-settings>.im-head{flex:none;background:linear-gradient(#071116a6,transparent)}
.im-settings>.im-body{display:flex;flex-direction:column;width:min(560px,100%);margin:0 auto;min-height:0;overflow:auto;padding:0 20px max(18px,env(safe-area-inset-bottom));gap:14px}
.im-settings .im-menu-hero{flex:1 0 100px;display:flex;align-items:flex-start;text-align:left;padding:8px 8px 0}
.im-settings .im-body .im-menu-hero h2{font:42px/1.3 'KaiTi',var(--ui-serif);letter-spacing:6px;text-shadow:0 3px 14px #000;margin:0;color:#f3e5c7}
.im-menu-panel{flex:none;padding:8px 18px 6px;border:1px solid #b599675f;border-radius:3px;background:linear-gradient(110deg,#24221cf0,#121717ec);box-shadow:0 6px 30px #0006}
.im-menu-current{font:14px/1.5 var(--ui-body);color:#d5c3a5;padding:7px 0 10px}
.im-menu-entries{border:0}.im-menu-row{min-height:48px;gap:12px;padding:6px 0;border-bottom:1px solid #d1ae6930;color:#f0dfc1}
.im-menu-row>svg{width:22px;height:22px;flex:none;color:#d5b77b}.im-menu-row>strong{font:17px/1.5 var(--ui-serif);font-weight:400;flex:1;letter-spacing:1px}
.im-menu-row.im-menu-continue{border:1px solid #b99b6366;padding:7px 10px;margin:0 0 4px;background:linear-gradient(100deg,#5d452dd9,#403a2ab3)}
.im-menu-arrow{color:#c6ae83}.im-sound-state{font:12px/1.4 var(--ui-body);color:#c8baa1;white-space:nowrap}
.im-switch{width:38px;height:22px;flex:none;border:1px solid #d1b9908c;border-radius:12px;background:#777061;position:relative}.im-switch:after{content:'';position:absolute;width:16px;height:16px;top:2px;left:2px;border-radius:50%;background:#f1ddba;transition:transform .12s}.im-menu-row[aria-checked=true] .im-switch{background:#886a39}.im-menu-row[aria-checked=true] .im-switch:after{transform:translateX(16px)}
.im-menu-footer{display:flex;gap:12px;padding:4px 0 0}.im-menu-footer :is(.im-menu-town,.im-settings-logout){flex:1;margin:0;padding:6px 0;min-height:48px;background:transparent;border:0;box-shadow:none;color:#e4d0aa;font:15px/1.5 var(--ui-serif)}
.im-menu-footer .im-settings-logout{color:#b9aa94}
/* Messages, feed and publishing share one paper object. The bubbles stay mobile. */
body.m27 .im-dialog.im-handbook{color-scheme:light;background:linear-gradient(#0712195c,#071219b3),var(--im-scene) var(--im-scene-position,center)/cover,#0d1c25;color:var(--ui-ink)}
body.m27 .im-handbook>.im-head{color:#eedfc2}
body.m27 .im-handbook>.im-body,body.m27 .im-handbook.im-mobile-messages[data-view=thread]>.im-body{width:min(650px,calc(100% - 32px));margin:8px auto 18px;padding:0 16px 12px 20px;background:var(--ui-paper-fill);color:var(--ui-ink);border:1px solid #af9060;border-radius:2px 5px 5px 2px;box-shadow:-5px 1px 0 #4e3d29,3px 3px 0 #a08d6e,0 12px 35px #0007}
body.m27 .im-handbook>.im-body:before{display:none}.im-handbook-content{padding-top:8px!important}
body.m27 .im-handbook .im-handbook-tabs{margin:0 -16px 0 -20px;padding:0 10px;background:#f0e7d6f5;border-bottom:1px solid var(--ui-line);backdrop-filter:blur(6px)}
body.m27 .im-handbook .im-handbook-tabs .im-tab{font:16px/1.5 var(--ui-serif);color:#64553d;min-height:48px;padding:9px 4px}
body.m27 .im-handbook .im-handbook-tabs .im-tab[aria-pressed=true]{color:#352a1c;box-shadow:inset 0 -2px #97703c;background:transparent;font-weight:600}
.im-mobile-messages .im-letter-filters{margin:0 0 4px;gap:12px}.im-mobile-messages .im-letter-filters .im-quiet{font-size:14px;color:var(--ui-muted);background:transparent;border-radius:0}.im-mobile-messages .im-letter-filters [aria-pressed=true]{color:#372c1d;box-shadow:inset 0 -1px #8b693d}
.im-mobile-messages .im-letter-entry{min-height:96px;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;box-shadow:none;background:none;margin:0}
.im-mobile-messages .im-letter-entry .im-letter{min-height:96px;padding:12px 54px 12px 0;border-radius:0;gap:12px;color:var(--ui-ink)}
.im-mobile-messages .im-letter strong{font:20px/1.4 var(--ui-serif);color:var(--ui-ink);letter-spacing:0}
.im-mobile-messages .im-letter-summary small{font:15px/1.6 var(--ui-body);color:#5b5143}
.im-mobile-messages .im-letter time{font:12px/1.5 var(--ui-body);right:0;color:var(--ui-muted);top:14px}
.im-mobile-messages .im-letter-chevron{right:4px;top:37px;color:#7d694b}.im-mobile-messages .im-letter-later{right:0;padding:5px 0;font-size:12px;color:var(--ui-muted)}
.im-mobile-messages .im-letter>.im-unread{left:32px;top:8px}.im-mobile-messages .im-letter-state{color:#755628!important;font-size:12px}
.im-mobile-messages .im-thread-heading{min-height:60px;border-color:var(--ui-line);justify-content:space-between}.im-mobile-messages .im-correspondent{display:flex;align-items:baseline;gap:10px;flex:1}.im-mobile-messages .im-correspondent h2{font:22px/1.5 var(--ui-serif);color:var(--ui-ink)}
.im-mobile-messages .im-correspondent small{font-size:12px;color:var(--ui-muted)}.im-mobile-messages .im-thread-heading .im-quiet{font-size:13px;color:var(--ui-muted)}
.im-thread-back[hidden]{display:none!important}.im-mobile-messages .im-letter-log{padding:14px 0 6px;scrollbar-color:#a89779 transparent}
.im-chat-message{gap:8px;margin-bottom:18px}.im-chat-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:6px;background:#e1d3b9;color:#564127}
.im-chat-message .ui-avatar{width:40px;height:40px;flex-basis:40px;background-size:var(--avatar-scale);background-position:var(--avatar-focus);background-repeat:no-repeat}
.im-mobile-messages .im-letter-bubble{max-width:calc(100% - 48px);background:#fbf7ed;color:#322c24;border:1px solid #bca78366;box-shadow:0 2px 4px #59452913;border-radius:2px 8px 8px 8px;font:16px/1.65 var(--ui-body);padding:10px 12px}
.im-mobile-messages .im-letter-bubble.mine{background:#e3d5b9;color:#342c20;border-color:#ac8a5766;border-radius:8px 2px 8px 8px}
.im-mobile-messages .im-letter-bubble time{font-size:12px;color:var(--ui-muted);opacity:1}.im-mobile-messages .im-letter-author{font-size:12px;color:var(--ui-muted)}
.im-mobile-messages .im-letter-bubble>.im-quiet{font:13px/1.5 var(--ui-body);color:#614b2b;border-color:#ad90634d;min-height:44px}
.im-mobile-messages .im-letter-material{background:#f4ead5;color:var(--ui-ink)}
.im-mobile-messages .im-reply{gap:8px;border-color:var(--ui-line);padding-top:8px;margin:0}
.im-mobile-messages .im-reply .im-input{background:#faf5e9;color:#30291f;border:1px solid #b49b74;border-radius:5px;font:16px/1.5 var(--ui-body);min-height:46px}
.im-mobile-messages .im-reply .im-input::placeholder{color:#75664f}.im-mobile-messages .im-send{background:linear-gradient(110deg,#7a5830,#5f462b);color:#fff0d5;border:1px solid #a38351;border-radius:4px;font-size:16px}
.im-mobile-messages .im-draft-status{font:12px/1.5 var(--ui-body);color:var(--ui-muted)}
.im-mobile-messages :is(.im-loading,.im-empty){font-size:16px;color:var(--ui-muted)}.im-mobile-messages .im-error{background:#edd8cc;color:#7d3022}.im-mobile-messages .im-delivery-state{background:#e6d9bf;color:#463721;font-size:14px}.im-mobile-messages .im-delivery-state button{color:#49361e;border-color:#a58a60}
.im-feed-heading{margin:0 0 8px}.im-page-kicker{font-size:13px;letter-spacing:1px;margin-bottom:8px!important;color:var(--ui-muted)}
.im-moment{background:none;margin-bottom:10px;padding:12px 0 18px;border-color:var(--ui-line)}.im-moment>header{gap:12px;margin-bottom:10px}.im-moment-identity strong{font:19px/1.4 var(--ui-serif)}.im-moment time{font:12px/1.5 var(--ui-body);color:var(--ui-muted)}
.im-moment-text{font:16px/1.75 var(--ui-body);color:var(--ui-ink)}.im-moment-photos{margin-top:12px}.im-moment-photos .im-photo{padding:3px;background:#fff8e9;border:1px solid #c5b08a88;box-shadow:0 2px 5px #5c452529}
.im-moment-actions .im-quiet,.im-comment{min-height:44px;font-size:15px;color:#5d4628}.im-comment{font-family:var(--ui-body);line-height:1.65}.im-comment strong{color:#634a2b}.im-comment-context,.im-likers,.im-moment-remove,.im-compose-hint{font-size:13px;color:var(--ui-muted)}
.im-moment-comments{border-left:0;background:#aa8e5f0c;padding:4px 8px}.im-comment-context .im-quiet{min-height:44px;font-size:13px}
.im-compose h3{font-size:22px;letter-spacing:1px}.im-compose .im-input{background:#f9f4e8;border:1px solid #ad946c;border-radius:3px;padding:10px;font-family:var(--ui-body);font-size:16px!important}.im-compose .im-button{background:#735531;color:#fff1d8;min-height:44px;font-size:16px}.im-compose-actions .im-quiet,.im-visibility{font-size:14px!important}
/* Paper work areas: no inherited dark cards under dark text. */
body.m27 .im-dialog.im-archives{background:var(--ui-paper-fill);color:var(--ui-ink)}.im-archives>.im-head{background:#eee4d0;color:var(--ui-ink)}
body.m26 .im-archives .ta-game-root,body.m26 .im-archives .ta-game-root :is(.ta-search-tools,.ta-record,.ta-paper,.ta-empty,.ta-loading){background:transparent;color:var(--ui-ink);border-color:var(--ui-line);box-shadow:none;border-radius:0}
body.m26 .im-archives .ta-game-root :is(.ta-record-title,.ta-record-excerpt,.ta-record-source,.ta-record-meta,.ta-result-summary,.ta-search-tools>summary,.ta-paper-title,.ta-document-body,.ta-document-meta,.ta-category,.ta-empty,.ta-loading){color:var(--ui-ink);font-size:16px;line-height:1.65}
body.m26 .im-archives .ta-game-root :is(.ta-search-tools>summary,.ta-record-meta,.ta-result-summary,.ta-document-meta){font-size:13px;color:var(--ui-muted)}
body.m26 .im-archives .ta-game-root :is(.ta-search input,.ta-filters select){background:#fbf6eb;color:var(--ui-ink);border-color:#a78d62;font-size:16px}
body.m26 .im-archives .ta-game-root .ta-search input::placeholder{color:var(--ui-muted)}
body.m26 .im-archives .ta-game-root .ta-category[aria-pressed=true],body.m26 .im-archives .ta-game-root .ta-record-mark{background:#e5d8bd;color:#463620}
body.m26 .im-archives .ta-game-root .ta-button{background:#f9f1e1;color:#45331c;border:1px solid #a58b5d;min-height:44px;font-size:16px}
body.m26 .im-archives .ta-game-root .ta-primary{background:#745632;color:#fff1d5}.im-archives .ta-document-body{font-family:var(--ui-body);white-space:pre-wrap}
body.m27 .id-root{padding:16px!important;gap:12px!important}.id-root .id-chrome{min-height:44px}.id-root .id-book{max-height:calc(100% - 56px);background:var(--ui-paper-fill);transform:none;box-shadow:-5px 2px 0 #45321f,3px 3px 0 #ae9872,0 10px 30px #0007;padding-top:12px;border:1px solid #ac8b58}
.id-root .id-book:after{display:none}.id-root .id-book-head{min-height:32px;margin-bottom:8px;padding:0}.id-root .id-book-heading{font-size:25px;letter-spacing:3px}.id-root .id-seal{display:none}
.id-root .id-tabs{gap:0;padding:0;border-color:var(--ui-line)}.id-root .id-tab{min-width:0;flex:1 0 auto;min-height:44px;font-size:16px!important;padding:8px 5px;background:transparent;border:0;color:var(--ui-muted);box-shadow:none}
.id-root .id-tab[aria-current=page]{color:#34291b;box-shadow:inset 0 -2px #95703e;text-shadow:none;font-weight:600}.id-root .id-tab:before{display:none}
.id-root .id-body{font:16px/1.7 var(--ui-body);padding:12px 1px 16px;color:var(--ui-ink)}.id-root :is(h2,h3,.id-section-head,.id-subtab){font-family:var(--ui-serif)}
.id-section-head{flex-wrap:wrap;gap:4px 8px;margin-bottom:12px}.id-section-head h2{font-size:23px;letter-spacing:1px;white-space:nowrap}.id-paper-tools{flex-wrap:wrap;gap:4px;width:100%;justify-content:flex-end}
.id-root .id-person{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px 12px;align-items:start}.id-person .id-face.ui-avatar{width:44px;height:44px;outline:0;border-width:1px}.id-person-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.id-person-actions .id-button{min-width:110px;white-space:nowrap;min-height:44px;flex:1;font-size:16px!important;letter-spacing:0}
.id-root .id-subtabs{margin:0 0 8px;padding:0;gap:12px}.id-root .id-subtab{font-size:16px!important;min-height:44px;padding:4px 6px;border:0;background:none;color:#67553c;box-shadow:none}.id-root .id-subtab[aria-pressed=true]{box-shadow:inset 0 -2px #94703e;color:#30291e}
.id-note-basis{font-size:13px!important;margin-bottom:8px!important;color:var(--ui-muted)!important}.id-root .id-writing{background:repeating-linear-gradient(transparent 0 27px,#a58c6126 28px),#f9f3e5;color:var(--ui-ink);min-height:140px;font-family:var(--ui-body);box-shadow:none;border:1px solid #af966d;padding:8px 10px}
.id-root .id-writing-actions{background:#f0e6d3;padding:6px 0 0}.id-root .id-evidence-tray{background:#e9ddc7;color:#483a26;border:1px solid var(--ui-line);box-shadow:none;margin:8px 0;padding:6px 8px}.id-root .id-tray-head .id-text-button{color:#594423}
.id-structure{font-size:14px!important;min-height:44px}.id-original-paper{background:var(--ui-paper-fill);color:var(--ui-ink)}
/* In-person dialogue keeps scene, long response and attached material accessible. */
body.m27 #page-chat.cc-immersive>.navbar{padding:16px;min-height:76px}.cc-public-tools{display:flex;gap:8px}.cc-public-tool{width:44px;min-height:44px;padding:3px 0;border:1px solid #bf9f665e;border-radius:4px;background:#111c21bb;color:#f1ddbb;display:flex;flex-direction:column;align-items:center;gap:1px;font:12px/1.25 var(--ui-body)}.cc-public-tool svg{width:24px;height:24px}
body.m27 #page-chat.cc-immersive :is(#char-voice-btn,#voice-toggle){display:none!important}
body.m27 #page-chat.cc-immersive>.cc-reading-tools{top:76px;right:16px;display:flex;gap:8px}
body.m27 #page-chat.cc-immersive .cc-reading-tools #profile-btn{width:auto;min-width:96px;flex-direction:row;border-radius:4px;padding:6px;font:13px/1.4 var(--ui-body);gap:4px}.cc-reading-tools #profile-dot{display:none}
body.m27 #page-chat.cc-immersive .cc-record-toggle{min-width:96px;border-radius:4px;font:13px/1.4 var(--ui-body)}
body.m27 #page-chat.cc-immersive.cc-records-open>.cc-reading-tools{display:none!important}body.m27 #page-chat.cc-immersive.cc-records-open .cc-history-close{display:none!important}
body.m27 #page-chat.cc-immersive>.cc-history-heading{left:16px;right:16px;top:76px;padding:8px 12px}body.m27 #page-chat.cc-immersive.cc-records-open>#msg-list{top:126px}
body.m27 #page-chat.cc-immersive .cc-current-row>.bubble.user{background:#111b20ed!important;border:1px solid #a68b5d80!important;box-shadow:none;border-radius:5px;padding:6px 9px!important;overflow:visible}
body.m27 #page-chat.cc-immersive .cc-question-preview{font:14px/1.6 var(--ui-body)!important;max-height:48px;min-height:44px;overflow:hidden;padding:0}
body.m27 #page-chat.cc-immersive .chat-materials{display:block!important;flex:0 0 94px;max-width:94px}
body.m27 #page-chat.cc-immersive .chat-materials .fi-attached-grid{display:flex!important;width:94px;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory}
body.m27 #page-chat.cc-immersive .chat-materials .fi-attached-photo{flex:0 0 94px;width:94px;max-width:94px;scroll-snap-align:start}
body.m27 .cc-photo-zoom{font:12px/1.5 var(--ui-body);min-height:44px;background:#ddcba8;color:#352d21}
body.m27 #page-chat.cc-immersive .cc-current-row>.bubble.assistant{font-size:16px!important}
/* Put the case tag beneath the tools on the right, clear of the north-west sign. */
.iw-world .iw-case-tag{left:auto;right:16px;top:94px;max-width:calc(100% - 32px)}
@media(max-width:359px){.im-head h1{font-size:21px!important}.im-mobile-messages .im-letter-entry .im-letter{gap:8px}.im-mobile-messages .im-letter-summary small{font-size:14px}.im-handbook>.im-body{width:calc(100% - 24px)!important;padding-left:14px!important;padding-right:12px!important}.im-handbook .im-handbook-tabs{margin-left:-14px!important;margin-right:-12px!important}.id-root .id-book{padding-left:14px;padding-right:10px}.id-world-name{font-size:21px}.id-current-case{font-size:13px;padding:6px}.id-section-head h2{font-size:22px}.im-chat-message .ui-avatar,.im-chat-avatar{width:34px;height:34px;flex-basis:34px}.im-mobile-messages .im-letter-bubble{max-width:calc(100% - 42px);padding:9px}.iw-world .iw-case-tag{top:86px;right:12px;min-height:36px}}
@media(max-height:600px){.im-settings .im-menu-hero{flex-basis:50px;min-height:50px}.im-settings .im-body .im-menu-hero h2{font-size:32px}.iw-world .iw-case-tag{left:auto;right:12px;top:82px;min-height:36px}.im-dialog>.im-head{min-height:60px;padding-top:8px;padding-bottom:8px}body.m27 .im-handbook>.im-body,body.m27 .im-handbook.im-mobile-messages[data-view=thread]>.im-body{margin-top:0;margin-bottom:8px}.im-mobile-messages .im-thread-heading{min-height:48px;padding:2px 0}.im-mobile-messages .im-correspondent small{display:none}}
@media(max-height:480px){.im-settings .im-menu-hero{display:none}.im-settings>.im-body{padding-top:0}.im-settings .im-menu-row{min-height:48px}.im-menu-panel{padding-top:4px}.im-menu-current{padding:5px 0}
 body.m27 .id-root{gap:6px!important;padding:8px 12px!important}.id-root .id-book{max-height:calc(100% - 50px);padding-top:6px;padding-bottom:6px}.id-root .id-book-head{display:none}.id-root .id-body{padding-top:4px}.id-root .id-writing{min-height:96px;height:96px;max-height:120px}.id-root .id-subtabs{margin-bottom:4px}.id-note-basis{margin-bottom:4px!important}.id-root .id-writing-actions{padding-top:4px}
 body.m27 #page-chat.cc-immersive>.cc-reading-tools{top:64px}body.m27 #page-chat.cc-immersive>.navbar{padding-top:10px;min-height:60px}body.m27 #page-chat.cc-immersive .chat-materials .fi-attached-photo .fi-crop{display:none!important}body.m27 #page-chat.cc-immersive .chat-materials{display:block!important}body.m27 #page-chat.cc-immersive .cc-question-preview{font-size:14px!important}body.m27 #page-chat.cc-immersive .cc-current-row>.bubble.assistant{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.im-switch:after{transition:none}}
/* Verified follow-up: remove inherited mobile indents and clipped question rows. */
.id-root .id-person-actions{padding-left:0;width:100%}.id-root .id-person-copy{min-width:0}.id-root .id-writing-count{font:12px/1.5 var(--ui-body)}
body.m27 #page-chat.cc-immersive .cc-question-preview{display:flex;align-items:center;max-height:none;height:auto;-webkit-line-clamp:unset;line-height:1.6;white-space:normal}
.cc-question-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;max-height:3.2em}
body.m27 .im-dialog.im-archives{inset:0;width:100%;height:var(--app-height,100dvh);max-height:none;border:0;border-radius:0;background:linear-gradient(#0712195c,#071219b3),var(--im-scene) var(--im-scene-position,center)/cover,#0d1c25;box-shadow:none}
body.m27 .im-archives>.im-head{background:linear-gradient(#071116bf,transparent);color:#eedfc2}
body.m27 .im-archives>.im-body{width:min(720px,calc(100% - 32px));margin:8px auto 18px;padding:8px 16px 18px;background:var(--ui-paper-fill);border:1px solid #af9060;border-radius:2px 5px 5px 2px;box-shadow:-5px 1px 0 #4e3d29,3px 3px 0 #a08d6e,0 12px 35px #0007;min-height:0;overflow:auto}
body.m26 .im-archives .ta-game-root :is(.ta-section-head h2,.ta-section-head span,.ta-location,.ta-status){color:var(--ui-ink);font-family:var(--ui-body);font-size:14px;opacity:1}
body.m26 .im-archives .ta-game-root .ta-section-head{margin:0 0 8px;padding:4px 0}.im-archives .ta-section-head h2{font-size:16px!important;font-weight:500}
body.m26 .im-archives .ta-game-root .ta-content{padding:8px 0}.im-archives .ta-record-grid{gap:0!important}
body.m26 .im-archives .ta-game-root .ta-record{border-width:0 0 1px;padding:14px 0}.im-archives .ta-record-title{font-family:var(--ui-serif)!important;font-size:19px!important}
body.m26 .im-archives .ta-game-root .ta-record-source{font-size:14px;line-height:1.65;color:#61533e}.im-archives .ta-record-icon{background:#e6d6b9!important;color:#665033!important}
@media(max-height:600px){body.m27 .im-archives>.im-body{margin-top:0;margin-bottom:8px}}
@media(max-height:480px){.id-root .id-note-basis,.id-root .id-writing-count{display:none}.id-root .id-writing{height:90px;min-height:90px}.id-root .id-evidence-tray{margin:4px 0;padding:2px 6px}.id-root .id-tray-head{min-height:44px}.id-root .id-tray-head .id-text-button{min-height:44px}}
.id-root .id-person-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.id-root .id-person-actions .id-dark{grid-column:1/-1}.id-root .id-person-actions .id-button{min-width:0;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word}
.id-root .id-person-actions .id-text-button{padding:6px 4px}
body.m27 .id-zoom-dialog>.id-back{left:16px;right:auto;top:16px}.id-zoom-dialog{inset:0;width:100%;height:var(--app-height,100dvh);border:0;padding-top:76px}
.id-case-selection{padding:16px!important}.id-case-selection-head{padding:0!important}.id-case-selection-head>.id-back{left:0;top:0;margin:0}