:root { --ink:#120022; --violet:#5c5972; --paper:#e2e2e2; --panel:#f4f4f1; --pink:#ff4d96; --lime:#c8ed5a; }
* { box-sizing:border-box; }
html { color:var(--ink); background:var(--violet); font-family:"Trebuchet MS",Verdana,Arial,sans-serif; }
body { margin:0; padding:18px 10px 50px; background:var(--violet); font-size:12px; }
a { color:#302753; } a:hover { color:#9a1e64; text-decoration:underline; }
button,input { font:inherit; }
.tuned-shell { width:min(790px,100%); margin:auto; padding:5px; background:var(--paper); border:1px solid #353044; box-shadow:8px 8px 0 rgba(18,0,34,.35); }
.private-line { margin:-5px -5px 5px; padding:4px 8px; color:#dedce4; background:#282435; font:10px/1.2 "Courier New",monospace; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.edition-controls { display:flex; align-items:center; gap:8px; margin-left:auto; }
.edition-exit { border:0; border-right:1px dotted #777386; padding:0 8px 0 0; color:#bcb8c6; background:transparent; cursor:pointer; font:700 8px/1.2 "Courier New",monospace; letter-spacing:.08em; }
.edition-exit:hover,.edition-exit:focus-visible { color:#fff; text-decoration:underline; }
.edition-exit[hidden] { display:none; }
.edition-switch { display:flex; align-items:center; gap:5px; border:0; padding:0; color:#dedce4; background:transparent; cursor:pointer; font:700 9px/1.2 "Courier New",monospace; letter-spacing:.04em; }
.edition-track { position:relative; width:30px; height:13px; border:1px solid #aaa4b0; border-radius:10px; background:#5c5972; }
.edition-track::after { content:""; position:absolute; top:2px; left:2px; width:7px; height:7px; border-radius:50%; background:var(--pink); transition:left .16s ease; }
body[data-edition="private"] .edition-track::after { left:19px; background:var(--lime); }
.edition-private { color:#fff; }
.edition-dialog { width:min(430px,calc(100% - 24px)); border:1px solid #332c40; padding:0; color:#24182d; background:#f4f4f1; box-shadow:10px 10px 0 rgba(18,0,34,.42); }
.edition-dialog::backdrop { background:rgba(23,13,32,.72); }
.edition-dialog form { padding:18px; }
.edition-dialog h2 { margin:0 0 8px; color:#6b2455; font:italic 25px/1 Georgia,serif; }
.edition-dialog p { line-height:1.5; }
.edition-dialog label { display:block; margin:14px 0 5px; font-weight:bold; }
.edition-dialog input { width:100%; min-height:38px; border:2px inset #ddd; padding:6px 8px; }
.dialog-actions { display:flex; justify-content:flex-end; gap:7px; margin-top:12px; }
.photo-lightbox { width:min(1180px,calc(100% - 24px)); max-width:none; height:min(900px,calc(100% - 24px)); max-height:none; margin:auto; border:1px solid #b7b0bd; padding:0; color:white; background:#100d15; box-shadow:12px 12px 0 rgba(18,0,34,.5); }
.photo-lightbox::backdrop { background:rgba(12,8,16,.9); }
.photo-lightbox__frame { display:grid; grid-template-rows:auto minmax(0,1fr) auto; width:100%; height:100%; }
.photo-lightbox__top,.photo-lightbox__bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:46px; padding:7px 9px; background:#24202b; font:700 10px/1.2 "Courier New",monospace; }
.photo-lightbox__stage { display:grid; grid-template-columns:52px minmax(0,1fr) 52px; min-height:0; align-items:center; background:#100d15; }
.photo-lightbox__image-wrap { display:grid; min-width:0; height:100%; place-items:center; overflow:hidden; }
.photo-lightbox__image { display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.photo-lightbox__control { min-height:38px; border:1px solid #817b8a; padding:7px 9px; color:white; background:#332c40; cursor:pointer; font:700 10px/1 "Courier New",monospace; }
.photo-lightbox__control:hover,.photo-lightbox__control:focus-visible { color:#120022; background:#c9ef62; outline:none; }
.photo-lightbox__control:disabled { visibility:hidden; }
.photo-lightbox__nav { width:42px; min-height:58px; justify-self:center; font-size:23px; }
.photo-lightbox__caption { overflow:hidden; margin:0; color:#d8d2dc; font:italic 10px/1.35 Georgia,serif; text-overflow:ellipsis; white-space:nowrap; }
.photo-lightbox__caption[hidden] { display:block !important; visibility:hidden; }
.photo-lightbox__original { color:#c9ef62; white-space:nowrap; }
.login-error { min-height:1.4em; color:#a51455; font-weight:bold; }
.present-day-toggle { position:fixed; z-index:90; left:12px; bottom:12px; border:1px solid #342b42; padding:7px 10px; color:white; background:#6b2455; box-shadow:3px 3px 0 rgba(18,0,34,.4); cursor:pointer; font:700 9px/1.2 Verdana,sans-serif; }
.present-day-toggle[aria-pressed="true"] { color:#201427; background:var(--lime); }
.memoir-layer { margin:28px 0 0; border:1px solid #b44f7d; padding:15px 17px; color:#4b2741; background:#fff0f6; font:15px/1.65 "Palatino Linotype",Palatino,Georgia,serif; }
.memoir-layer > strong { display:block; margin-bottom:8px; color:#99285f; font:700 9px/1.2 Verdana,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.identity { min-height:68px; padding:4px 7px 8px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid var(--violet); }
.identity img { display:block; width:350px; max-width:58%; height:auto; }
.identity-copy { max-width:310px; text-align:right; font-size:10px; line-height:1.45; }
.identity-copy strong { display:block; color:#6b2455; font:italic 17px/1 Georgia,serif; }
.network-nav { min-height:76px; padding:6px 0; display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--violet); }
.network-link { min-width:0; padding:3px 14px; display:flex; align-items:center; gap:10px; border-left:1px solid var(--violet); text-decoration:none; }
.network-link:first-child { border-left:0; }
.network-link img { width:60px; height:60px; flex:0 0 60px; }
.network-link span { line-height:1.2; } .network-link strong { display:block; font-size:13px; font-weight:400; }
.network-link.unavailable { position:relative; color:#302753; cursor:help; outline:none; }
.network-link.unavailable:hover,.network-link.unavailable:focus-visible { color:#9a1e64; background:#d8d5dc; }
.restoration-note { position:absolute; z-index:100; top:calc(100% + 5px); left:50%; width:190px; padding:7px 8px; color:white; background:#4b153a; border:1px solid white; box-shadow:3px 3px 0 #111; font:700 9px/1.4 Verdana,sans-serif; opacity:0; transform:translate(-50%,-3px); pointer-events:none; transition:opacity .12s ease,transform .12s ease; }
.network-link.unavailable:last-child .restoration-note { right:6px; left:auto; transform:translateY(-3px); }
.network-link.unavailable:hover .restoration-note,.network-link.unavailable:focus-visible .restoration-note { opacity:1; transform:translate(-50%,0); }
.network-link.unavailable:last-child:hover .restoration-note,.network-link.unavailable:last-child:focus-visible .restoration-note { transform:translateY(0); }
.wire { padding:5px 8px; color:#d9d7df; background:#302b40; font:10px/1.2 "Courier New",monospace; white-space:nowrap; overflow:hidden; }
.wire b { color:var(--lime); }
.tuned-content { display:grid; grid-template-columns:minmax(0,1fr) 205px; gap:12px; padding:12px 8px 8px; }
.main-column,.tuned-sidebar { min-width:0; }
.search-row { display:flex; align-items:center; gap:7px; margin:0 0 14px; padding:5px; border-bottom:1px dotted #8e8895; }
.search-row::before { content:"SEARCH JOA"; font:700 9px/1 "Courier New",monospace; }
.search-row input { width:100%; min-height:27px; border:1px inset #aaa; padding:4px 6px; background:white; }
.search-row span { white-space:nowrap; color:#6b6470; font-size:9px; }
.post-list { display:grid; gap:18px; }
.post-card { border-top:1px solid #aaa4b0; background:transparent; }
.post-card.has-photo { display:grid; grid-template-columns:minmax(0,1fr) 96px; gap:10px; align-items:start; }
.post-feed-copy { min-width:0; }
.post-head { display:flex; justify-content:space-between; gap:12px; padding:7px 0 5px; border-bottom:1px dotted #aaa4b0; }
.post-head h2 { margin:0; font:700 18px/1.15 Georgia,"Times New Roman",serif; }
.post-head h2::before { content:"★ "; color:#9b3972; }
.post-date { color:#827b87; white-space:nowrap; font:9px/1.3 "Courier New",monospace; }
.post-card > p { margin:0; padding:8px 1px 0; font:13px/1.55 Georgia,"Times New Roman",serif; }
.post-feed-copy > p { margin:0; padding:8px 1px 0; font:13px/1.55 Georgia,"Times New Roman",serif; }
.feed-photo { display:block; width:96px; aspect-ratio:1; overflow:hidden; margin:7px 0 0; border:1px solid #817b8a; background:#ccc9d0; box-shadow:3px 3px 0 rgba(18,0,34,.14); }
.feed-photo img { display:block; width:100%; height:100%; object-fit:cover; transition:filter .12s ease; }
.feed-photo canvas { display:block; width:100%; height:100%; object-fit:cover; image-rendering:pixelated; image-rendering:crisp-edges; }
.feed-photo:hover img,.feed-photo:focus-visible img { filter:saturate(1.18) contrast(1.06); }
.edited { display:inline-block; margin-left:5px; padding:1px 4px; color:white; background:#8f2a67; font:8px/1.2 Verdana,sans-serif; text-transform:uppercase; vertical-align:middle; }
.sidebox { margin:0 0 12px; border:1px solid #7d7887; background:var(--panel); }
.sidebox h2 { margin:0; padding:5px 7px; color:white; background:#312c42; font:700 10px/1.2 Verdana,sans-serif; letter-spacing:.05em; }
.sidebox h2 a { display:block; color:inherit; text-decoration:none; }
.sidebox h2 a:hover,.sidebox h2 a:focus-visible { color:var(--lime); text-decoration:none; }
.sidebox-body { padding:8px; } .sidebox p { margin:.2em 0 .7em; font-size:10px; line-height:1.45; }
.chapter-list { margin:0; padding:0; list-style:none; counter-reset:chapter; }
.chapter-list li { position:relative; margin:0 0 8px; padding:0 0 8px 24px; border-bottom:1px dotted #a49dac; font-size:9px; line-height:1.4; counter-increment:chapter; }
.chapter-list li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.chapter-list li::before { content:counter(chapter); position:absolute; top:0; left:0; width:17px; height:17px; color:white; background:#8f2a67; text-align:center; font:700 10px/17px Verdana,sans-serif; }
.chapter-list strong { display:block; margin-bottom:2px; color:#312c42; font:700 9px/1.3 Verdana,sans-serif; }
.chapter-list a { display:block; color:inherit; text-decoration:none; }
.chapter-list a:hover strong,.chapter-list a:focus-visible strong { color:#8f2a67; text-decoration:underline; }
.abusers { display:grid; grid-template-columns:repeat(2,1fr); gap:5px; }
.abusers--everyone { grid-template-columns:repeat(3,minmax(0,1fr)); }
.abusers figure { margin:0; border:1px solid #aaa5af; background:white; }
.abusers figure > a { display:block; color:inherit; text-decoration:none; }
.abusers figure > a:hover,.abusers figure > a:focus-visible { color:#8f2a67; background:#f3dcec; outline:2px solid #8f2a67; outline-offset:-2px; }
.abusers img { display:block; width:100%; aspect-ratio:1; object-fit:cover; }
.abusers .pixel-portrait { display:block; width:100%; aspect-ratio:1; background:#cbc8cf; image-rendering:pixelated; image-rendering:crisp-edges; }
.abusers .protected-original,.abusers .private-original { display:none; }
body[data-edition="private"] .abusers .pixel-portrait { display:none; }
body[data-edition="private"] .abusers .protected-original,body[data-edition="private"] .abusers .private-original { display:block; }
.abusers figcaption { padding:3px; color:#57505d; font:8px/1.2 "Courier New",monospace; text-align:center; }
.abusers--everyone figcaption { min-height:2.8em; display:grid; place-items:center; }
.abuser-missing { display:grid; width:100%; aspect-ratio:1; place-items:center; color:#baf33d; background:#292637; font:700 22px/1 "Courier New",monospace; }
.abusers-host { margin:0 !important; border-bottom:1px dotted #aaa5af; padding:7px 8px; background:#ece8ef; font:700 9px/1.25 "Courier New",monospace !important; text-align:right; }
.abusers-host a { display:block; color:#6b2455; }
.abusers-directory { margin:0; border-top:1px dotted #aaa5af; padding:7px 8px 8px; font:700 9px/1.25 "Courier New",monospace; text-align:right; }
.abusers-directory a { color:#6b2455; }
.jt-corner { display:grid; grid-template-columns:72px 1fr; gap:8px; align-items:start; }
.jt-corner img { display:block; width:72px; height:92px; object-fit:cover; border:1px solid #6e6977; }
.jt-corner-link { display:block; color:inherit; text-decoration:none; }
.jt-corner-link:hover,.jt-corner-link:focus-visible { color:#6b2455; background:#ece8ef; outline:1px dotted #6b2455; }
.jt-page-content { display:block; padding:12px 8px 8px; }
.jt-return { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:0 0 9px; }
.profile-peer-nav { margin:10px 0 0; padding:0 5px; flex-wrap:wrap; }
.jt-period-page { max-width:750px; margin:auto; border:1px solid #777; padding:17px clamp(12px,4vw,36px) 30px; color:#cdc9c9; background:#000; box-shadow:5px 5px 0 rgba(18,0,34,.28); font:11px/1.45 Tahoma,Verdana,sans-serif; }
.jt-period-page a { color:#eee9e9; font-weight:bold; }
.jt-period-page a:hover,.jt-period-page a:focus-visible { color:#000; background:#eee9e9; }
.jt-period-title { margin:0 auto 18px; border:1px solid #777; padding:10px; color:white; background:#363636; text-align:center; font:700 clamp(22px,7vw,48px)/.9 Arial Black,Impact,sans-serif; letter-spacing:-.06em; text-transform:uppercase; }
.jt-period-title small { display:block; margin-top:6px; color:#cdc9c9; font:9px/1.2 Tahoma,Verdana,sans-serif; letter-spacing:.18em; }
.jt-gallery-heading { margin:24px 0 12px; text-align:center; font-size:12px; }
.jt-entry { margin:0 auto 25px; text-align:center; }
.jt-entry p { margin:0 auto 8px; max-width:520px; }
.jt-entry img { display:block; width:auto; max-width:min(100%,350px); height:auto; margin:auto; border:0; }
.jt-entry img.jt-identifiable { filter:none; }
.jt-lost { width:min(100%,350px); min-height:210px; margin:8px auto 0; border:1px dashed #777; padding:24px; display:grid; place-items:center; color:#aaa; background:#111; font:italic 11px/1.6 Tahoma,Verdana,sans-serif; }
.jt-explainer { margin-top:26px; border-top:1px solid #aaa; padding-top:14px; }
.jt-reference { float:left; width:115px; height:auto; margin:4px 10px 7px 0; }
.jt-clear { clear:both; }
.jt-recovery-note { margin:25px 0 0; border:1px dotted #777; padding:9px; color:#aaa; background:#111; font-size:9px; }
.fruit-page-content { display:block; padding:12px 8px 8px; }
.fruit-period-page { max-width:750px; margin:auto; border:1px solid #777386; padding:12px; color:#120022; background:#d7d6db; box-shadow:5px 5px 0 rgba(18,0,34,.28); font:11px/1.45 "Trebuchet MS",Verdana,sans-serif; }
.fruit-period-head { margin:0 0 11px; border-left:1px solid #5c5972; padding:3px 8px 8px; }
.fruit-period-head h1 { margin:0; color:#302b40; font:400 32px/1 Georgia,serif; }
.fruit-period-head p { margin:4px 0 0; }
.fruit-columns { display:grid; grid-template-columns:1fr 1fr; gap:10px; align-items:start; }
.fruit-column { display:grid; gap:10px; }
.fruit-box { min-width:0; border:1px solid #9b9aac; padding:8px; background:#e8e7ea; overflow:hidden; }
.fruit-box h2 { margin:0 0 9px; color:#302b40; font:400 20px/1.1 Georgia,serif; }
.fruit-box p { margin:0 0 9px; }
.fruit-box ul { margin:0; padding-left:18px; }
.fruit-box li { margin:0 0 7px; }
.fruit-box img.fruit-float,.fruit-box .fruit-float { float:left; width:100px; height:auto; margin:1px 7px 5px 0; }
.fruit-box img.fruit-float.right,.fruit-box .fruit-float.right { float:right; margin:1px 0 5px 7px; }
.fruit-sensitive-media .pixel-portrait,.fruit-sensitive-media .protected-original,.fruit-sensitive-media .private-original { display:block; width:100%; height:auto; }
.fruit-sensitive-media .pixel-portrait { image-rendering:pixelated; image-rendering:crisp-edges; }
body[data-edition="private"] .fruit-sensitive-media .pixel-portrait { display:none; }
body:not([data-edition="private"]) .fruit-sensitive-media .protected-original,body:not([data-edition="private"]) .fruit-sensitive-media .private-original { display:none; }
.fruit-art-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:7px 0 0; }
.fruit-art-grid a { aspect-ratio:1; overflow:hidden; border:1px solid #9b9aac; background:#d7d6db; }
.fruit-art-grid img { display:block; width:100%; height:100%; object-fit:cover; }
.fruit-archive-addition { margin-top:10px; }
.feature-sensitive { padding:0 .08em; color:var(--pink); background:#ffe3ef; font-weight:inherit; }
body:not([data-edition="private"]) .feature-sensitive { display:inline-block; min-width:3.3em; height:.9em; color:transparent; background:var(--pink); border-bottom:0; vertical-align:-.07em; user-select:none; }
.fruit-open { margin:11px 0; border:1px dashed #817b8a; padding:9px; color:#4b4452; background:#efedf1; }
.fruit-recovery-note { margin:12px 0 0; border-top:1px dotted #817b8a; padding-top:8px; color:#625b68; font-size:9px; }
.history-link { margin-top:10px !important; border-top:1px dotted #a49dac; padding-top:8px; }
.history-page-content { display:block; padding:12px 8px 8px; }
.history-period-page { max-width:750px; margin:auto; border:1px solid #777386; padding:18px clamp(14px,5vw,42px) 30px; color:#170525; background:#e8e7ea; box-shadow:5px 5px 0 rgba(18,0,34,.28); font:15px/1.68 Georgia,"Times New Roman",serif; }
.history-period-page > h1 { margin:0 0 22px; color:#302b40; font:700 clamp(29px,7vw,50px)/.98 Georgia,"Times New Roman",serif; letter-spacing:-.035em; }
.history-period-page h2 { margin:1.65em 0 .55em; border-bottom:1px dotted #9f94a8; padding-bottom:6px; color:#4b153a; font:700 clamp(20px,4vw,28px)/1.1 Georgia,"Times New Roman",serif; }
.history-period-page p { margin:.8em 0; }
.synopsis-tag { border-radius:2px; padding:0 .1em; color:#7d1852; background:#f6ddeb; text-decoration:none; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.synopsis-tag:hover,.synopsis-tag:focus-visible { color:white; background:#8f2a67; outline:2px solid #f3accf; outline-offset:1px; }
.character-link::after,.place-link::after { content:" ›"; font:700 .78em/1 Verdana,sans-serif; }
.history-note { margin:28px 0 0; border:1px dotted #817b8a; padding:10px 12px; color:#625b68; background:#f3f0f4; font:10px/1.5 Verdana,sans-serif; }
.character-page-content { display:block; padding:12px 8px 8px; }
.character-period-page { max-width:750px; margin:auto; border:1px solid #777386; padding:18px clamp(14px,5vw,42px) 30px; color:#170525; background:#e8e7ea; box-shadow:5px 5px 0 rgba(18,0,34,.28); font:15px/1.68 Georgia,"Times New Roman",serif; }
.character-period-page > h1 { margin:0 0 10px; color:#302b40; font:700 clamp(34px,8vw,58px)/.95 Georgia,"Times New Roman",serif; letter-spacing:-.045em; }
.character-period-page blockquote { margin:0 0 25px; border-width:1px 0; border-style:dotted; border-color:#9f94a8; padding:10px 4px; color:#6b1c50; font-size:1.1em; }
.character-period-page blockquote p { margin:0; }
.character-photo { margin:0 0 26px; border:3px double #777386; padding:5px; background:#d5d2da; box-shadow:3px 3px 0 rgba(18,0,34,.18); }
.character-photo > a { display:block; color:inherit; text-decoration:none; }
.character-photo-media { display:block; overflow:hidden; background:#c6c2cb; }
.character-photo .pixel-portrait,.character-photo .public-photo-derivative,.character-photo .public-clear-photo,.character-photo .protected-original,.character-photo .private-original { display:block; width:100%; height:auto; max-height:520px; object-fit:contain; }
.character-photo .pixel-portrait { background:#c6c2cb; image-rendering:pixelated; image-rendering:crisp-edges; }
.character-photo .protected-original,.character-photo .private-original { display:none; }
body[data-edition="private"] .character-photo .pixel-portrait { display:none; }
body[data-edition="private"] .character-photo .protected-original,body[data-edition="private"] .character-photo .private-original { display:block; }
.character-photo figcaption { border-top:1px dotted #8e8998; padding:6px 7px 2px; color:#575164; font:italic 12px/1.35 Verdana,Arial,sans-serif; text-align:center; }
.profile-photo-set.is-single { float:right; clear:right; width:clamp(170px,34%,245px); margin:2px 0 17px 20px; }
.profile-photo-set.is-single .character-photo { margin:0; padding:4px; box-shadow:2px 2px 0 rgba(18,0,34,.15); }
.profile-photo-set.is-single .character-photo-original-link { display:block; cursor:default; }
body[data-edition="private"] .profile-photo-set.is-single .character-photo-original-link { cursor:zoom-in; }
.profile-photo-set.is-single .character-photo-media { aspect-ratio:1; }
.profile-photo-set.is-single .character-photo .pixel-portrait,
.profile-photo-set.is-single .character-photo .public-photo-derivative,
.profile-photo-set.is-single .character-photo .public-clear-photo,
.profile-photo-set.is-single .character-photo .protected-original,
.profile-photo-set.is-single .character-photo .private-original { width:100%; height:100%; max-height:none; object-fit:cover; }
.profile-photo-set.is-single .character-photo figcaption { display:none; }
.character-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 26px; }
.character-photo-grid .character-photo { min-width:0; margin:0; padding:4px; box-shadow:2px 2px 0 rgba(18,0,34,.15); }
.character-photo-grid .character-photo > a { display:block; }
.character-photo-grid .character-photo-original-link { cursor:default; }
body[data-edition="private"] .character-photo-grid .character-photo-original-link { cursor:zoom-in; }
.character-photo-grid .character-photo-media { aspect-ratio:1; }
.character-photo-grid .character-photo .pixel-portrait,
.character-photo-grid .character-photo .public-photo-derivative,
.character-photo-grid .character-photo .public-clear-photo,
.character-photo-grid .character-photo .protected-original,
.character-photo-grid .character-photo .private-original { width:100%; height:100%; max-height:none; object-fit:cover; }
.character-photo-grid .character-photo figcaption { display:none; }
.character-period-page::after { content:""; display:block; clear:both; }
.character-period-page .history-note { clear:both; }
.character-period-page p { margin:.9em 0; }
.character-period-page a[href*="#post="] { border-bottom:1px dotted #a93675; color:#7d1852; text-decoration:none; }
.character-period-page a[href*="#post="]:hover,.character-period-page a[href*="#post="]:focus-visible { color:white; background:#8f2a67; outline:2px solid #f3accf; outline-offset:1px; }
.character-all-posts { margin-top:24px; }
.people-page-content { display:block; padding:12px 8px 18px; }
.people-intro { margin:0 0 17px; border:3px double #777386; padding:14px 16px; color:#170525; background:#e8e7ea; box-shadow:4px 4px 0 rgba(18,0,34,.18); }
.people-intro h1 { margin:0; color:#302b40; font:700 clamp(28px,7vw,48px)/.98 Georgia,"Times New Roman",serif; letter-spacing:-.035em; }
.people-intro p { max-width:620px; margin:8px 0 0; font:13px/1.55 Georgia,"Times New Roman",serif; }
.people-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; }
.people-card { display:grid; grid-template-columns:122px minmax(0,1fr); min-height:170px; border:1px solid #777386; padding:7px; background:#e8e7ea; box-shadow:3px 3px 0 rgba(18,0,34,.16); }
.people-card-portrait-link { display:block; align-self:start; color:inherit; text-decoration:none; }
.people-card-photo { display:block; width:112px; height:150px; overflow:hidden; border:3px double #777386; background:#c6c2cb; }
.people-card-photo img,.people-card-photo .pixel-portrait,.people-card-photo .protected-original,.people-card-photo .private-original { display:block; width:100%; height:100%; object-fit:cover; }
.people-card-photo--genmasa img,.people-card-photo--genmasa canvas { object-position:left center; }
.people-card-photo--kenji img,.people-card-photo--kenji canvas { object-position:right center; }
.people-card-photo--hannah img,.people-card-photo--hannah canvas { object-position:left center; }
.people-card-photo--jl img,.people-card-photo--jl canvas { object-position:85% center; }
.people-card-photo.people-card-photo--moody,.people-card-photo.people-card-photo--sy,.people-card-photo.people-card-photo--robin { aspect-ratio:1; height:auto; }
.people-card-photo--moody img,.people-card-photo--moody canvas { object-position:left center; }
.people-card-photo--sy img,.people-card-photo--sy canvas { object-position:70% center; transform:scale(1.2); transform-origin:68% 31%; }
.people-card-photo--j-josh img,.people-card-photo--j-josh canvas { object-position:50% 25%; transform:scale(1.3); transform-origin:50% 20%; }
.people-card-photo .pixel-portrait { image-rendering:pixelated; image-rendering:crisp-edges; }
.people-card-photo .protected-original,.people-card-photo .private-original { display:none; }
body[data-edition="private"] .people-card-photo .pixel-portrait { display:none; }
body[data-edition="private"] .people-card-photo .protected-original,body[data-edition="private"] .people-card-photo .private-original { display:block; }
.people-card-photo--missing { display:grid; place-content:center; gap:5px; color:#625b68; background:repeating-linear-gradient(135deg,#d7d4db 0,#d7d4db 7px,#cbc7d0 7px,#cbc7d0 14px); text-align:center; }
.people-card-photo--missing b { font:700 38px/1 Georgia,serif; }
.people-card-photo--missing small { font:8px/1.2 "Courier New",monospace; text-transform:uppercase; }
.people-card-copy { min-width:0; padding:1px 3px 2px 8px; }
.people-card-copy h2 { margin:7px 0 5px; font:700 23px/1 Georgia,"Times New Roman",serif; }
.people-card-copy h2 a { color:#302753; text-decoration:none; }
.people-card-copy h2 a:hover,.people-card-copy h2 a:focus-visible { color:#8f2a67; text-decoration:underline; }
.people-card-copy p { margin:0 0 8px; font:11px/1.45 Georgia,"Times New Roman",serif; }
.people-card-actions { display:grid; gap:6px; }
.people-card-actions .retro-button { display:block; color:#26213a; text-align:center; text-decoration:none; }
.people-tag-route { color:#6b2455; font:700 8px/1.35 "Courier New",monospace; text-decoration:none; text-transform:uppercase; }
.people-tag-route:hover,.people-tag-route:focus-visible { color:#8f2a67; text-decoration:underline; }
.fb-page-content { display:block; padding:12px 8px 18px; }
.fb-document { max-width:750px; margin:auto; border:1px solid #777386; padding:18px clamp(12px,4vw,34px) 30px; color:#170525; background:#e8e7ea; box-shadow:5px 5px 0 rgba(18,0,34,.28); }
.fb-document-head { margin:0 0 18px; border-bottom:1px dotted #9f94a8; padding-bottom:14px; }
.fb-document-head h1 { margin:8px 0 7px; color:#302b40; font:700 clamp(31px,7vw,52px)/.95 Georgia,"Times New Roman",serif; letter-spacing:-.04em; }
.fb-document-head p { max-width:640px; margin:0; font:14px/1.6 Georgia,"Times New Roman",serif; }
.fb-editorial-label { margin:0 0 22px; border:2px solid #7c3d86; padding:10px 12px; color:#4d2855; background:#f3e4f5; font:11px/1.5 Verdana,sans-serif; }
.fb-public-section h2,.fb-private-section h2 { margin:0 0 6px; color:#4b153a; font:700 clamp(23px,4vw,31px)/1.05 Georgia,"Times New Roman",serif; }
.fb-public-section > p,.fb-private-section > p { margin:0 0 14px; color:#625b68; font:11px/1.5 Verdana,sans-serif; }
.fb-private-section { display:none; }
body[data-edition="private"] .fb-public-section { display:none; }
body[data-edition="private"] .fb-private-section { display:block; }
.fb-gallery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:start; }
.fb-photo { margin:0; border:3px double #777386; padding:5px; background:#d5d2da; box-shadow:3px 3px 0 rgba(18,0,34,.15); }
.fb-photo img { display:block; width:100%; aspect-ratio:4/3; object-fit:contain; background:#bdb9c2; }
.fb-photo > img[src],.fb-roll-frame > img[src] { cursor:zoom-in; }
.jt-entry > img[src],.jt-explainer > img[src] { cursor:zoom-in; }
.fb-photo figcaption { min-height:3.3em; border-top:1px dotted #8e8998; padding:6px 4px 2px; color:#575164; font:italic 10px/1.4 Verdana,Arial,sans-serif; }
.fb-full-roll { margin:27px 0 0; border:1px dotted #817b8a; padding:10px; background:#f3f0f4; }
.fb-full-roll summary { color:#6b2455; cursor:pointer; font:700 11px/1.4 Verdana,sans-serif; }
.fb-full-roll > p { color:#625b68; font:10px/1.5 Verdana,sans-serif; }
.fb-roll-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:11px; }
.fb-roll-frame { margin:0; border:1px solid #aaa5af; padding:3px; background:#d7d4db; }
.fb-roll-frame img { display:block; width:100%; aspect-ratio:1; object-fit:cover; background:#c6c2cb; }
.fb-roll-frame figcaption { padding:3px 1px 0; color:#625b68; font:8px/1.2 "Courier New",monospace; text-align:center; }
.reader-body .fb-publication-gallery { margin:30px 0 0; border-top:3px double #817b8a; padding-top:18px; }
.reader-body .fb-publication-gallery > h2 { margin:0 0 6px; }
.reader-body .fb-publication-gallery > p { color:#625b68; font:10px/1.5 Verdana,sans-serif; }
.reader-body .fb-publication-gallery .fb-gallery-grid { margin-top:12px; }
.fb-complete-roll-link { display:inline-block; margin-top:13px; border:1px outset #ddd; padding:6px 9px; color:#26213a; background:#e7e6eb; font:700 10px/1.3 Verdana,sans-serif; text-decoration:none; }
.fb-complete-roll-link:hover,.fb-complete-roll-link:focus-visible { color:white; background:#8f2a67; }
.fb-editorial-link { display:block; margin:28px 0 0; border:2px solid #7c3d86; padding:10px 12px; color:#4d2855; background:#f3e4f5; font:10px/1.5 Verdana,sans-serif; }
.fb-editorial-link strong { display:block; margin-bottom:3px; color:#6b2455; }
.fb-editorial-link a { color:#7d1852; font-weight:bold; }
.tiny-links { display:grid; grid-template-columns:repeat(2,1fr); gap:4px; }
.tiny-links img { display:block; width:100%; border:1px solid #8f8996; }
.counter { display:inline-block; padding:2px 5px; color:#3cff54; background:#060606; border:2px inset #aaa; font:700 11px/1.1 "Courier New",monospace; letter-spacing:.15em; }
.archive-years { display:grid; grid-template-columns:repeat(2,1fr); gap:3px; }
.archive-years button,.retro-button { border:1px outset #ddd; padding:4px; color:#26213a; background:#e7e6eb; cursor:pointer; font-size:10px; }
.keyword-groups { display:grid; gap:9px; }
.keyword-group h3 { margin:0 0 4px; color:#6b6470; font:700 8px/1.2 "Courier New",monospace; text-transform:uppercase; }
.keyword-list { display:flex; flex-wrap:wrap; gap:4px; }
.keyword { position:relative; display:inline-block; border:1px solid #aaa5af; padding:2px 5px; color:#302753; background:#e9e7eb; font:700 9px/1.25 Verdana,sans-serif; text-decoration:none; }
.keyword:hover,.keyword:focus-visible { color:white; background:#8f2a67; outline:none; }
.keyword[data-note]::after { content:attr(data-note); position:absolute; z-index:80; left:50%; bottom:calc(100% + 6px); width:max-content; max-width:min(260px,76vw); padding:6px 8px; border:1px solid white; color:white; background:#4b153a; box-shadow:3px 3px 0 #111; font:700 9px/1.4 Verdana,sans-serif; white-space:normal; opacity:0; transform:translateX(-50%); pointer-events:none; }
.keyword[data-note]:hover::after,.keyword[data-note]:focus-visible::after { opacity:1; }
.post-keywords { margin:24px 0 0; padding:10px 0 0; border-top:1px dotted #aaa4b0; }
.post-keywords > strong { display:block; margin-bottom:6px; color:#6b6470; font:700 8px/1.2 "Courier New",monospace; text-transform:uppercase; }
.original-comments { margin:28px 0 0; padding:14px 0 0; border-top:3px double #aaa4b0; }
.original-comments__head h2 { margin:2px 0 4px; font:700 16px/1.25 "Courier New",monospace; }
.original-comments__head p { color:#6b6470; font:10px/1.5 "Courier New",monospace; }
.original-comment { margin:9px 0; padding:10px 12px; border:1px solid #c8c0cf; background:#fffafd; }
.original-comment header { display:flex; justify-content:space-between; gap:10px; padding-bottom:5px; border-bottom:1px dotted #aaa4b0; font:9px/1.4 "Courier New",monospace; }
.original-comment header span { color:#6b6470; }
.original-comment__body > :last-child { margin-bottom:0; }
.keyword-heading { margin:0 0 12px; border-bottom:1px dotted #8e8895; padding:4px 1px 10px; }
.keyword-heading h1 { margin:0; font:700 22px/1.1 Georgia,serif; }
.keyword-heading p { margin:4px 0 0; color:#6b6470; font-size:10px; }
.keyword-character { display:grid; grid-template-columns:112px minmax(0,1fr); gap:12px; margin:12px 0 2px; border:3px double #777386; padding:8px; color:#170525; background:#e8e7ea; box-shadow:3px 3px 0 rgba(18,0,34,.15); }
.keyword-character-portrait-link { display:block; color:inherit; text-decoration:none; }
.keyword-character-photo { display:block; width:106px; height:130px; overflow:hidden; border:1px solid #777386; background:#c6c2cb; }
.keyword-character-photo .pixel-portrait,.keyword-character-photo .protected-original,.keyword-character-photo .private-original { display:block; width:100%; height:100%; object-fit:cover; }
.keyword-character-photo--kenji img,.keyword-character-photo--kenji canvas { object-position:right center; }
.keyword-character-photo--hannah img,.keyword-character-photo--hannah canvas { object-position:left center; }
.keyword-character-photo--jl img,.keyword-character-photo--jl canvas { object-position:85% center; }
.keyword-character-photo.keyword-character-photo--moody,.keyword-character-photo.keyword-character-photo--sy,.keyword-character-photo.keyword-character-photo--robin { aspect-ratio:1; height:auto; }
.keyword-character-photo--moody img,.keyword-character-photo--moody canvas { object-position:left center; }
.keyword-character-photo--sy img,.keyword-character-photo--sy canvas { object-position:70% center; transform:scale(1.2); transform-origin:68% 31%; }
.keyword-character-photo--j-josh img,.keyword-character-photo--j-josh canvas { object-position:50% 25%; transform:scale(1.3); transform-origin:50% 20%; }
.keyword-character-photo .pixel-portrait { image-rendering:pixelated; image-rendering:crisp-edges; }
.keyword-character-photo .protected-original,.keyword-character-photo .private-original { display:none; }
body[data-edition="private"] .keyword-character-photo .pixel-portrait { display:none; }
body[data-edition="private"] .keyword-character-photo .protected-original,body[data-edition="private"] .keyword-character-photo .private-original { display:block; }
body[data-personal-viewer] .abusers .pixel-portrait,
body[data-personal-viewer] .people-card-photo .pixel-portrait,
body[data-personal-viewer] .keyword-character-photo .pixel-portrait { display:block; }
body[data-personal-viewer] .abusers .protected-original,
body[data-personal-viewer] .abusers .private-original,
body[data-personal-viewer] .people-card-photo .protected-original,
body[data-personal-viewer] .people-card-photo .private-original,
body[data-personal-viewer] .keyword-character-photo .protected-original,
body[data-personal-viewer] .keyword-character-photo .private-original { display:none; }
.personal-photo-revealed .pixel-portrait { display:none !important; }
.keyword-character-photo--missing { display:grid; place-content:center; gap:4px; color:#625b68; background:repeating-linear-gradient(135deg,#d7d4db 0,#d7d4db 7px,#cbc7d0 7px,#cbc7d0 14px); text-align:center; }
.keyword-character-photo--missing b { font:700 34px/1 Georgia,serif; }
.keyword-character-photo--missing small { font:8px/1.2 "Courier New",monospace; text-transform:uppercase; }
.keyword-character-copy { min-width:0; }
.keyword-character-copy h2 { margin:7px 0 5px; font:700 24px/1 Georgia,"Times New Roman",serif; }
.keyword-character-copy h2 a { color:#302753; text-decoration:none; }
.keyword-character-copy h2 a:hover,.keyword-character-copy h2 a:focus-visible { color:#8f2a67; text-decoration:underline; }
.keyword-character-copy p { margin:0 0 7px; color:#3e3545; font:13px/1.45 Georgia,"Times New Roman",serif; }
.keyword-character-action { display:inline-block; margin-right:9px; color:#7d1852; font-weight:bold; }
.keyword-character-copy small { display:block; margin-top:6px; color:#6b6470; font:8px/1.3 "Courier New",monospace; text-transform:uppercase; }
.post-people { display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin:27px 0 0; border:1px dotted #817b8a; padding:8px 9px; color:#625b68; background:#f1edf2; font:9px/1.4 "Courier New",monospace; text-transform:uppercase; }
.post-people strong { margin-right:2px; }
.post-people a { border:1px solid #aaa5af; padding:2px 5px; color:#302753; background:#e9e7eb; font-weight:bold; text-decoration:none; }
.post-people a:hover,.post-people a:focus-visible { color:white; background:#8f2a67; outline:none; }
.reader-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-bottom:8px; }
.reader-actions--bottom { margin:14px 0 0; }
.reader-actions .retro-button { min-width:0; padding:6px 5px; text-align:center; }
.reader-actions .retro-button:disabled { border-style:solid; color:#77727d; background:#d6d4d9; cursor:not-allowed; opacity:.62; }
.reader { border-top:1px solid #817b8a; } .reader-top { padding:10px 0 8px; border-bottom:1px dotted #aaa4b0; }
.reader-top h1 { margin:3px 0 0; font:700 clamp(25px,6vw,42px)/1 Georgia,serif; }
.reader-body { padding:15px 1px 30px; overflow-wrap:anywhere; font:15px/1.72 Georgia,"Times New Roman",serif; }
.reader-body img { max-width:100%; height:auto; } .reader-body blockquote { margin-left:0; border-left:3px solid #a93675; padding-left:13px; }
.reader-body .recovered-gallery__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.reader-body .recovered-gallery__item { margin:0; padding:4px; border:1px solid #aaa5af; background:white; }
.reader-body .recovered-gallery__item img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.reader-body .privacy-photo-media { display:block; overflow:hidden; width:100%; background:#c6c2cb; }
.reader-body .privacy-photo-media .privacy-photo-pixelated,
.reader-body .privacy-photo-media .privacy-photo-original { display:block; width:100%; aspect-ratio:4/3; height:auto; object-fit:cover; }
.reader-body .privacy-photo-media .privacy-photo-pixelated { image-rendering:pixelated; image-rendering:crisp-edges; }
.reader-body .privacy-photo-media .privacy-photo-original { display:none; }
body[data-edition="private"] .reader-body .privacy-photo-media .privacy-photo-pixelated { display:none; }
body[data-edition="private"] .reader-body .privacy-photo-media .privacy-photo-original { display:block; }
.reader-body .privacy-photo-original-link { display:block; cursor:default; }
body[data-edition="private"] .reader-body .privacy-photo-original-link { cursor:zoom-in; }
.reader-body .recovered-gallery__item.is-uncropped img { aspect-ratio:auto; height:auto; object-fit:contain; }
.reader-body .recovered-gallery__item.is-uncropped .privacy-photo-media .privacy-photo-pixelated,
.reader-body .recovered-gallery__item.is-uncropped .privacy-photo-media .privacy-photo-original { aspect-ratio:auto; height:auto; object-fit:contain; }
.reader-body .recovered-gallery__grid.is-multiple .recovered-gallery__item img,
.reader-body .recovered-gallery__grid.is-multiple .recovered-gallery__item.is-uncropped img { aspect-ratio:1; height:auto; object-fit:cover; }
.reader-body .recovered-gallery__grid.is-multiple .recovered-gallery__item .privacy-photo-media .privacy-photo-pixelated,
.reader-body .recovered-gallery__grid.is-multiple .recovered-gallery__item .privacy-photo-media .privacy-photo-original { aspect-ratio:1; height:auto; object-fit:cover; }
.reader-body .recovered-gallery__grid.is-multiple .recovered-gallery__item figcaption { display:none; }
.reader-body::after { content:""; display:block; clear:both; }
.reader-body .recovered-gallery.is-multiple { clear:both; }
.reader-body .recovered-gallery.is-single { float:right; clear:right; width:clamp(160px,40%,230px); margin:3px 0 16px 18px; padding:0; border-bottom:0; }
.reader-body .recovered-gallery--bottom.is-single { float:none; margin:16px 0 16px auto; }
.reader-body .recovered-gallery__grid.is-single { display:block; }
.reader-body .recovered-gallery__grid.is-single .recovered-gallery__item img,
.reader-body .recovered-gallery__grid.is-single .recovered-gallery__item.is-uncropped img,
.reader-body .recovered-gallery__grid.is-single .recovered-gallery__item .privacy-photo-media .privacy-photo-pixelated,
.reader-body .recovered-gallery__grid.is-single .recovered-gallery__item .privacy-photo-media .privacy-photo-original { aspect-ratio:1; height:auto; object-fit:cover; }
.reader-body .recovered-gallery__grid.is-single .recovered-gallery__item figcaption { display:none; }
.reader-body h2,.reader-body h3,.reader-body .post-keywords,.reader-body .original-comments { clear:both; }
.reader-body .embedded-photo-grid__link { display:block; position:relative; width:100%; aspect-ratio:1; overflow:hidden; }
.reader-body .embedded-photo-grid__fallback { display:flex; position:absolute; inset:0; align-items:center; justify-content:center; box-sizing:border-box; padding:12px; color:#665b70; background:#e7e3e9; font:italic 10px/1.4 Georgia,serif; text-align:center; }
.reader-body .embedded-photo-grid__link img { position:relative; z-index:1; background:transparent; }
.reader-body .embedded-photo-grid__link.is-missing-photo { cursor:default; }
.reader-body .recovered-gallery__item figcaption { padding:4px 1px 1px; font:9px/1.3 Verdana,sans-serif; }
.reader-body .recovered-gallery__association { display:none; }
.joa-spelling { position:relative; text-decoration-line:underline; text-decoration-style:dotted; text-decoration-color:#b4236b; text-underline-offset:.17em; cursor:help; }
.joa-spelling::after { content:attr(data-note); position:absolute; z-index:20; left:50%; bottom:calc(100% + .5rem); width:max-content; max-width:min(320px,78vw); padding:6px 8px; color:white; background:#4b153a; border:1px solid white; font:700 10px/1.35 Verdana,sans-serif; white-space:normal; opacity:0; transform:translateX(-50%); pointer-events:none; }
.joa-spelling:hover::after,.joa-spelling:focus::after { opacity:1; }
.public-redaction { display:inline-block; width:clamp(1.8em,calc(var(--redaction-ch,6) * .52em),16em); height:.9em; margin:0 .12em; border-radius:1px; background:var(--pink); box-shadow:inset 0 0 0 1px rgba(75,0,45,.18); vertical-align:-.08em; }
.public-redaction:focus-visible { outline:2px solid #4b153a; outline-offset:2px; }
.private-reveal { padding:0 .09em; color:var(--pink); background:#ffe3ef; border-radius:2px; font-weight:inherit; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.edition-name-protected { display:none; }
body[data-edition="private"] .edition-name-public { display:none; }
body[data-edition="private"] .edition-name-protected { display:inline; }
.tuned-footer { margin:12px 0 0; padding:8px; border-top:1px solid var(--violet); color:#5f5865; text-align:center; font-size:9px; }
[hidden] { display:none !important; }
@media(max-width:650px) { body{padding:0 0 30px}.tuned-shell{box-shadow:none;border:0}.private-line{margin:0}.identity{align-items:flex-start;flex-direction:column}.identity img{max-width:100%}.identity-copy{text-align:left}.network-link{padding:3px 7px;gap:6px}.network-link img{width:46px;height:46px;flex-basis:46px}.network-link span{font-size:9px}.network-link strong{font-size:11px}.tuned-content{grid-template-columns:1fr}.tuned-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sidebox{margin:0}.post-head{display:block}.post-date{display:block;margin-top:4px}.jt-page-content,.fruit-page-content,.history-page-content,.character-page-content,.people-page-content,.fb-page-content{padding:7px 3px}.jt-period-page,.fruit-period-page,.history-period-page,.character-period-page{border-left:0;border-right:0;box-shadow:none}.jt-return{padding:0 5px}.fruit-columns{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr}.people-card{grid-template-columns:112px minmax(0,1fr)}.people-card-photo{width:102px;height:138px}.character-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.profile-photo-set.is-single{float:none;clear:none;width:min(70%,260px);margin:3px 0 16px auto}.fb-document{border-left:0;border-right:0;box-shadow:none}.fb-roll-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-body .recovered-gallery.is-single{float:none;width:min(70%,260px);margin:3px 0 16px auto} }
@media(max-width:430px) { .network-nav{grid-template-columns:1fr}.network-link{border-left:0;border-top:1px solid var(--violet)}.network-link:first-child{border-top:0}.restoration-note,.network-link.unavailable:last-child .restoration-note{right:8px;left:74px;width:auto;transform:translateY(-3px)}.network-link.unavailable:hover .restoration-note,.network-link.unavailable:focus-visible .restoration-note,.network-link.unavailable:last-child:hover .restoration-note,.network-link.unavailable:last-child:focus-visible .restoration-note{transform:translateY(0)}.post-card.has-photo{grid-template-columns:minmax(0,1fr) 78px;gap:7px}.feed-photo{width:78px}.tuned-sidebar{grid-template-columns:1fr}.people-card{grid-template-columns:88px minmax(0,1fr)}.people-card-photo{width:80px;height:110px}.people-card-copy h2{font-size:20px}.people-card-copy p{font-size:10px}.keyword-character{grid-template-columns:84px minmax(0,1fr);gap:8px}.keyword-character-photo{width:78px;height:102px}.keyword-character-copy h2{font-size:20px}.keyword-character-copy p{font-size:11px}.fb-gallery-grid{grid-template-columns:1fr}.fb-roll-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }