:root{--blood:#b71926;--wine:#ffffff;--silver:#585858;--text:#333333;--rose:#585858}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{margin:0;background-color:#ffffff;background-image:radial-gradient(ellipse at 20% 40%,#b7192644 0,transparent 35%),radial-gradient(ellipse at 80% 70%,#b7192666 0,transparent 30%),repeating-linear-gradient(36deg,transparent 0 25px,#b7192640 26px,#ffffff 28px,transparent 31px),repeating-linear-gradient(-36deg,transparent 0 25px,#b7192640 26px,#ffffff 28px,transparent 31px);color:var(--text);font:12px/1.5 'Times New Roman',serif;padding:35px 12px 75px}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110'%3E%3Cpath d='M21 16v10m-5-5h10M82 74v6m-3-3h6' stroke='%23b8a2a2' stroke-width='.6'/%3E%3Ccircle cx='55' cy='42' r='.7' fill='%23ddd'/%3E%3C/svg%3E");opacity:.4}.shrine{width:min(1060px,100%);margin:auto;position:relative;background:#fffffff2;border:4px ridge #a1a1a1;outline:1px solid #ffffff;box-shadow:0 0 0 6px #ffffff,0 0 0 8px #d4d4d4,0 0 50px #b7192670}.topline{font:10px/1.8 'Courier New',monospace;text-align:center;background:#ffffff;color:#585858;border-bottom:2px groove #a1a1a1;letter-spacing:1px;padding:3px}.chrome-frame{border:9px ridge #a1a1a1;background-color:#ffffff;box-shadow:inset 0 0 0 2px #ffffff,inset 0 0 25px #ffffff,0 3px 9px #ffffff}.masthead{text-align:center;position:relative;min-height:230px;margin:12px 12px 0;background-image:repeating-linear-gradient(90deg,transparent 0 60px,#a1a1a120 61px,transparent 63px),radial-gradient(ellipse at center,#b71926 0,#ffffff 70%);padding:12px 145px 18px}.pretitle{font:10px 'Courier New',monospace;margin:0;color:#585858}.title-ornament{font:27px/1.1 Georgia,serif;color:#585858;text-shadow:2px 2px #ffffff}.title-ornament.bottom{font-size:23px}h1{font:bold italic clamp(50px,7vw,86px)/1.05 Georgia,serif;letter-spacing:-5px;margin:5px -30px;color:#585858;text-shadow:0 1px #333333,0 3px #b71926,2px 5px #ffffff,-1px -1px #333333,0 0 10px #b71926}.tagline{font:italic 13px Georgia,serif;letter-spacing:1px;margin:8px 0}.decor{object-fit:contain;filter:drop-shadow(3px 4px 3px #ffffff);z-index:2}.header-left{position:absolute;left:-22px;bottom:-17px;transform:rotate(-12deg);width:165px;height:185px}.header-right{position:absolute;right:-20px;top:5px;transform:rotate(12deg);width:155px;height:165px}.chrome-nav{display:flex;gap:7px;margin:9px 13px;padding:5px;background:linear-gradient(#585858,#d4d4d4 30%,#ffffff 52%,#a1a1a1 90%,#585858);border:3px ridge #a1a1a1}.chrome-nav a{flex:1;text-align:center;font:bold italic 13px Georgia,serif;color:#333333;text-shadow:1px 2px #ffffff;background:linear-gradient(#b71926,#ffffff 48%,#ffffff 52%,#b71926);border:3px outset #d4d4d4;padding:3px}a{color:#585858}a:hover{color:white;text-shadow:0 0 7px #b71926}a:focus-visible,button:focus-visible{outline:2px solid #333333;outline-offset:3px}.news{display:flex;margin:7px 14px 14px;background:#ffffff;border:2px inset #d4d4d4;font:10px 'Courier New',monospace;color:#585858;height:25px;align-items:center;overflow:hidden}.news>span{padding:5px;background:#b71926;color:white;z-index:1}.news-window{overflow:hidden;flex:1}.news p{white-space:nowrap;animation:news 28s linear infinite;margin:0}.columns{display:grid;grid-template-columns:174px minmax(0,1fr) 172px;gap:15px;padding:0 15px 20px}.panel{border:4px ridge #a1a1a1;box-shadow:0 0 0 1px #ffffff,3px 4px 6px #ffffff;margin-bottom:19px;background:#ffffff}.panel h2{margin:0;font:bold 12px/1.5 Georgia,serif;text-align:center;letter-spacing:.5px;padding:5px 4px;color:#333333;text-shadow:1px 1px #ffffff;border-bottom:3px ridge #a1a1a1;background:linear-gradient(#585858,#d4d4d4 18%,#ffffff 50%,#ffffff 70%,#a1a1a1 95%)}h2 span{font:9px 'Courier New',monospace;display:block}.inside{padding:12px;background-image:repeating-linear-gradient(0deg,#b7192605 0 1px,transparent 1px 3px)}.menu{padding:5px}.menu a{display:block;text-align:center;font:11px/1.4 'Times New Roman',serif;padding:7px 1px;margin:4px 0;border:2px outset #a1a1a1;background:linear-gradient(#d4d4d4,#ffffff 47%,#ffffff);text-decoration:none}.profile .inside{text-align:center;padding:9px}.mini-frame{padding:4px;border:4px ridge #585858;background:#ffffff}.mini-frame img{width:100%;height:auto;display:block}.profile h3{font:bold italic 25px Georgia,serif;color:#585858;margin:8px 0 0;text-shadow:2px 2px #ffffff}.alias{font:10px 'Courier New',monospace;margin:0 0 12px;color:#585858}dl{font:10px/1.5 'Courier New',monospace;text-align:left;border-block:1px dotted #d4d4d4;padding:8px 0}dt{color:#585858}dd{margin:0 0 5px 10px}.online{color:#585858}.profile-motto{font:italic 12px Georgia,serif}.blinkie{max-width:157px;min-height:25px;padding:3px;text-align:center;font:bold 10px/1.3 'Courier New',monospace;letter-spacing:1px;color:#333333;border:3px dotted #585858;outline:1px solid #ffffff;background:linear-gradient(90deg,#ffffff,#b71926,#ffffff);margin:10px auto;box-shadow:inset 0 0 0 1px #ffffff}.rail-cat{position:relative;margin:26px -14px 20px;text-align:center}.rail-cat img{width:100%;height:220px;transform:rotate(-10deg)}.rail-cat span{display:block;font:italic 14px 'Comic Sans MS',cursive;color:#a1a1a1;margin-top:7px}.status{text-align:center;font:11px 'Courier New',monospace}.status b{color:var(--rose)}.small{font:9px/1.6 'Courier New',monospace;color:#a1a1a1}.tiny-button{font:bold 9px/1.1 'Courier New',monospace;background:linear-gradient(#585858,#ffffff 50%,#b71926);border:3px outset #a1a1a1;text-align:center;width:88px;height:31px;margin:15px auto;color:#333333}.welcome .inside{position:relative;min-height:360px;padding:20px 18px;background-image:linear-gradient(90deg,#fffffff0,#ffffffcc),repeating-linear-gradient(0deg,transparent 0 14px,#b71926 15px),repeating-linear-gradient(90deg,transparent 0 14px,#b71926 15px)}.welcome-title{font:bold italic 39px/.98 Georgia,serif;color:#585858;text-shadow:2px 2px #ffffff,0 0 8px #b71926;margin:0 0 19px;letter-spacing:-1px}.welcome-title em{color:#585858}.welcome-copy{max-width:72%;font-size:12px;line-height:1.7}.welcome-copy p{margin:0 0 12px}.welcome-cat{position:absolute;right:-30px;bottom:-14px;width:155px;height:230px;transform:rotate(10deg)}.scribble{font:italic 14px 'Comic Sans MS',cursive;color:#a1a1a1;transform:rotate(-4deg);margin:18px 0 0}.barbed{color:#585858;font:20px 'Courier New',monospace;text-align:center;margin:-6px -12px 14px;letter-spacing:1px;text-shadow:1px 2px #ffffff;overflow:hidden;white-space:nowrap}.centered{text-align:center}.photo{display:block;border:5px ridge #585858;background:#ffffff;padding:3px;color:#585858;cursor:pointer;font:10px 'Times New Roman',serif}.photo:hover{border-color:#585858}.photo img{display:block;width:100%;height:auto}.photo span{display:block;padding:5px 1px 2px}.main-photo{width:100%;transform:rotate(-1deg);box-shadow:3px 4px 7px #ffffff}.photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.photo-strip .photo:nth-child(2){transform:rotate(5deg)}.photo-strip .photo:nth-child(3){transform:rotate(-3deg)}.evidence .inside{position:relative;padding-bottom:24px}.evidence-cat{position:absolute;bottom:-40px;right:-33px;width:95px;height:120px;transform:rotate(-14deg);pointer-events:none}.divider-word{text-align:center;font:italic 17px Georgia,serif;color:#585858;text-shadow:0 0 7px #b71926;margin:28px 0 15px}.charges .inside{background-color:#ffffff}.charge{display:grid;grid-template-columns:1fr auto;gap:4px 10px;border-bottom:1px dashed #b71926;padding:12px 0}.charge b{color:#585858;font-size:13px}.charge span{grid-row:2;font-size:11px}.charge i{grid-column:2;grid-row:1/3;align-self:center;transform:rotate(-8deg);font:bold 9px 'Courier New',monospace;border:2px solid #b71926;color:#b71926;padding:4px}.sentence{text-align:center;font:italic 14px Georgia,serif;color:#585858;margin-bottom:5px}.love .inside{position:relative;text-align:center;padding:17px 100px 17px 10px;min-height:165px}.offering-cat{position:absolute;right:-20px;bottom:-15px;width:120px;height:145px;transform:rotate(7deg)}button.treat{font:bold 12px 'Times New Roman',serif;background:linear-gradient(#585858,#d4d4d4 45%,#ffffff 51%,#b71926);border:3px outset #a1a1a1;color:#333333;padding:7px 10px;cursor:pointer;text-shadow:1px 1px #ffffff}button.treat:active,button.pop{border-style:inset}#treat-count{font:11px/1.5 'Courier New',monospace;color:#585858}.wanted-sign{background:repeating-linear-gradient(135deg,#ffffff 0 8px,#ffffff 9px 11px);border:5px ridge #a1a1a1;transform:rotate(4deg);text-align:center;padding:12px 5px;margin:8px 0 24px;box-shadow:3px 4px 9px #ffffff}.wanted-sign>span{display:block;font:bold 19px Georgia,serif;letter-spacing:1px;color:#585858}.wanted-sign b{display:block;font:bold 24px/1.1 Impact,'Arial Black',sans-serif;color:#585858;padding:12px 0;text-shadow:2px 2px #ffffff}.wanted-sign small{font:9px 'Courier New',monospace}.letter{font:italic 13px/1.65 Georgia,serif;color:#585858;background-color:#ffffff}.letter p:first-child{color:#585858}.mini-shrine{margin:24px -6px;text-align:center;color:#585858}.mini-shrine img{width:100%;height:220px;margin:8px 0;transform:rotate(6deg)}.mini-shrine span{font:italic 13px Georgia,serif}.rules p{font:11px 'Courier New',monospace}.updates{margin-top:24px}.updates .inside{font:11px/1.7 'Courier New',monospace;max-height:210px;overflow:auto;background-color:#ffffff}.updates b{color:#585858}.updates span{font-size:9px}footer{position:relative;text-align:center;margin:0 13px 14px;padding:18px 130px 18px;background:radial-gradient(ellipse,#ffffff,#ffffff);font-size:11px}.footer-title{font:bold italic 28px Georgia,serif;color:#585858;text-shadow:1px 2px #ffffff}.footer-cat{position:absolute;left:-26px;bottom:-20px;width:150px;height:145px;transform:rotate(-10deg)}footer p{margin:8px 0}.outer-tags{position:absolute;inset:0;pointer-events:none;overflow:hidden;min-height:1800px}.outer-tags span{position:absolute;font:bold italic 35px/1 'Comic Sans MS',cursive;color:#b7192644;transform:rotate(-18deg);left:calc(50% - 700px);top:190px}.outer-tags span:nth-child(2){left:calc(50% + 565px);top:510px;transform:rotate(16deg)}.outer-tags span:nth-child(3){top:1300px;font-size:24px}dialog{background:#ffffff;color:#585858;border:7px ridge #a1a1a1;max-width:min(800px,92vw);padding:12px;box-shadow:0 0 60px #ffffff}dialog::backdrop{background:#ffffffe8}dialog img{display:block;max-width:100%;max-height:70vh;height:auto;margin:12px auto}dialog p{text-align:center;font:italic 15px Georgia,serif}.close{display:block;margin-left:auto;background:#ffffff;border:2px outset #a1a1a1;color:#333333;cursor:pointer;padding:5px 10px}@keyframes news{from{transform:translateX(100%)}to{transform:translateX(-180%)}}@media(min-width:1500px){.shrine{margin-top:20px}}@media(max-width:900px){.columns{grid-template-columns:150px minmax(0,1fr);gap:13px}.right-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}.right-rail>.panel{margin:0}.right-rail>.blinkie{width:100%;margin:0 auto}.mini-shrine{grid-row:1/3;grid-column:3;margin:0}.wanted-sign{margin:5px}.right-rail .updates{grid-column:2/4}.masthead{padding-inline:115px}h1{font-size:65px}.header-left{width:135px}.header-right{width:125px}.welcome-copy{max-width:70%}.welcome-cat{width:135px;right:-20px}.welcome-title{font-size:35px}}@media(max-width:580px){body{padding:12px 8px 35px}.shrine{border-width:3px;box-shadow:0 0 0 3px #ffffff,0 0 0 4px #d4d4d4}.topline{font-size:8px;letter-spacing:0}.masthead{margin:8px 7px 0;padding:17px 35px 34px;min-height:215px;border-width:6px}.pretitle{font-size:8px}.masthead h1{font-size:54px;letter-spacing:-3px;margin:10px -15px}.tagline{font-size:10px;max-width:210px;margin:6px auto}.header-left{width:80px;height:100px;bottom:-10px;left:-13px}.header-right{width:75px;height:90px;top:auto;bottom:-12px;right:-14px}.title-ornament{font-size:20px}.title-ornament.bottom{font-size:18px}.chrome-nav{margin:9px 7px;gap:3px;padding:3px}.chrome-nav a{font-size:10px;border-width:2px;padding:5px 0}.news{margin:8px 8px 12px;font-size:9px}.columns{display:flex;flex-direction:column;padding:0 10px 20px;gap:0}.left-rail{display:contents}.left-rail>.panel:first-child{display:none}.profile{order:1}main{order:0;min-width:0}.right-rail{order:2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile .inside{display:grid;grid-template-columns:100px 1fr;gap:0 12px}.mini-frame{grid-row:1/5}.profile h3{font-size:23px}.profile dl{grid-column:2;margin:5px 0;text-align:left}.profile-motto{grid-column:1/-1;margin:8px 0}.mini-shrine{grid-column:1;grid-row:2/4}.right-rail .updates{grid-column:1/-1}.welcome .inside{min-height:355px;padding:17px 13px}.welcome-title{font-size:36px}.welcome-copy{max-width:74%;font-size:12px}.welcome-cat{width:100px;height:180px;right:-17px;bottom:5px}.scribble{font-size:12px;max-width:80%}.photo-strip{gap:6px}.photo-strip .photo{border-width:3px;padding:1px}.photo span{font-size:9px}.evidence-cat{width:70px;height:95px;right:-16px;bottom:-25px}.divider-word{font-size:15px}.charge{gap:4px}.charge i{font-size:8px;padding:3px}.charge span{max-width:190px}.love .inside{padding-right:76px}.offering-cat{width:88px;height:120px;right:-12px}footer{padding:15px 15px 90px;margin:0 9px 10px;border-width:6px}.footer-title{font-size:26px}.footer-cat{width:100px;height:100px;bottom:-15px;left:calc(50% - 50px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.news p{animation:none;white-space:normal}.news{height:auto;min-height:25px}.news p{padding:4px}}

/* White paper, silver hardware, red ink. */
:root{--text:#292929;--rose:#b71926;--blood:#b71926;--wine:#fff;--silver:#bcbcbc}
body{background-color:#ececec;background-image:repeating-linear-gradient(36deg,transparent 0 25px,#bbb6 26px,#fff 28px,transparent 31px),repeating-linear-gradient(-36deg,transparent 0 25px,#bbb6 26px,#fff 28px,transparent 31px)}
.shrine{background:#fff;box-shadow:0 0 0 6px #f7f7f7,0 0 0 8px #aaa,0 0 35px #7773}
.chrome-frame{background-color:#fff;box-shadow:inset 0 0 0 2px #eee,inset 0 0 25px #ddd,0 3px 9px #9996}
.masthead{background-image:repeating-linear-gradient(90deg,transparent 0 60px,#aaa2 61px,transparent 63px),radial-gradient(ellipse at center,#fff,#ddd)}
h1{color:#fafafa;text-shadow:0 1px #fff,0 3px #888,2px 5px #aaa,-1px -1px #b71926,0 0 3px #b71926}
.title-ornament{color:#a21220;text-shadow:1px 1px #fff}
.panel h2{background:linear-gradient(#fff,#dedede 18%,#f9f9f9 50%,#ccc 70%,#fff 95%);color:#9b1420;text-shadow:1px 1px #fff}
.chrome-nav{background:linear-gradient(#fff,#ccc 30%,#aaa 52%,#eee 90%,#fff)}
.chrome-nav a,.menu a{background:linear-gradient(#fff,#ddd 48%,#f8f8f8 52%,#ccc);color:#a21220;text-shadow:1px 1px #fff}
a{color:#a21220}a:hover{color:#d0001c;text-shadow:none}
a:focus-visible,button:focus-visible{outline-color:#b71926}
.welcome-title,.profile h3,.footer-title{color:#a21220;text-shadow:1px 2px #ddd}
.welcome-title em,.scribble,.rail-cat span,.divider-word,.charge b,.sentence,.letter p:first-child,.updates b,dt{color:#a21220;text-shadow:none}
.small,.alias,.pretitle{color:#666}
.decor{filter:drop-shadow(3px 4px 3px #7775)}
.news{background:#fff;color:#9b1420}.news>span{background:#b71926;color:#fff}
.photo{color:#444;background:#fff}.photo:hover{border-color:#b71926}
.wanted-sign>span,.wanted-sign b{color:#a21220;text-shadow:1px 1px #fff}
button.treat{background:linear-gradient(#e46e77,#ad1020 45%,#890c18 51%,#bf2734);color:#fff;text-shadow:1px 1px #65000b}
#treat-count{color:#a21220}.online{color:#a21220}
.charge i{border-color:#b71926;color:#a21220}.outer-tags span{color:#b719262d}
dialog{background:#fff;color:#292929}dialog::backdrop{background:#2229}.close{background:#eee;color:#a21220}

/* User-supplied blinkies and decorative graphics. */
.blinkie-image{display:block;width:150px;height:20px;max-width:100%;object-fit:contain;margin:12px auto;border:0;background:none;box-shadow:none}
.dispatch-decor{margin:22px -5px 5px;text-align:center}
.dispatch-decor img{width:155px;max-width:100%;height:210px;object-fit:contain;transform:rotate(-5deg)}
.baby-book .inside{padding:10px;background:#fff}
.book-page{padding:12px 8px;min-height:285px;text-align:center;background:repeating-linear-gradient(#fff 0 23px,#ddd 24px);border:1px solid #ccc;border-left:5px double #aaa;box-shadow:2px 2px 0 #ddd,4px 4px 0 #eee}
.book-page[hidden]{display:none}
.book-label{font:italic 15px Georgia,serif;color:#a21220;margin:0 0 12px}
.book-page img{display:block;max-width:100%;height:auto;margin:0 auto;border:3px double #aaa}
.book-page h3{font:italic 18px Georgia,serif;color:#a21220;margin:8px 0}
.book-page dl{border:0;padding:0;margin:8px 0;font:11px/1.7 Georgia,serif}
.book-page dd{margin:0 0 8px}
.memory-space{font:italic 12px/1.8 Georgia,serif;color:#777;padding:10px 0}
.book-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font:10px 'Courier New',monospace}
.book-controls button{border:2px outset #ccc;background:linear-gradient(#fff,#ddd);color:#a21220;padding:3px 9px;cursor:pointer}
.book-controls button:disabled{color:#aaa;cursor:default}
@media(max-width:900px){.right-rail .dispatch-decor{grid-column:2/4;justify-self:center}.right-rail>.blinkie-image{margin:5px auto}}
@media(max-width:580px){.left-rail>.blinkie-image{display:none}.right-rail .dispatch-decor{grid-column:1/-1}.right-rail .baby-book{grid-column:2;grid-row:1/3}}

/* Nursery scrapbook: white eyelet, cherry gingham, tiny keepsakes. */
.baby-book{border:5px double #c79c9c;outline:2px solid #fff;background:#fffdf8;box-shadow:0 0 0 3px #eddcdc,3px 5px 7px #8883}
.baby-book h2{background:repeating-linear-gradient(90deg,#fff6ef 0 9px,#f2dada 9px 18px);color:#982b32;text-shadow:1px 1px #fff;border-bottom:3px dotted #c49a94;font:italic bold 15px/1.5 Georgia,serif;padding:10px 2px}
.baby-book .inside{padding:10px 8px 12px;background-color:#fffdf8;background-image:repeating-linear-gradient(0deg,#b4454520 0 7px,transparent 7px 14px),repeating-linear-gradient(90deg,#b4454520 0 7px,transparent 7px 14px)}
.book-page{position:relative;min-height:395px;padding:12px 7px 25px;border:1px solid #d8c3b4;border-left:5px double #b99f8a;background:radial-gradient(circle at 5px 5px,#d9b7a7 1px,transparent 1.5px) 0 0/14px 14px,#fffdf5;box-shadow:2px 2px #f4e9d6,4px 4px #cdb9a9;color:#73564a}
.book-page:after{content:'';position:absolute;bottom:0;left:0;right:0;height:8px;background:radial-gradient(circle at 6px 0,#fffdf5 6px,transparent 6.5px) 0 0/12px 8px repeat-x}
.nursery-bow{font:30px/1 Georgia,serif;color:#b75055;text-shadow:1px 1px #fff;margin-bottom:6px}
.book-label{font:italic 16px Georgia,serif;color:#91504b;margin:4px 0 13px}
.baby-photo{position:relative;padding:5px;background:#fff;border:1px solid #d8c6b3;border-radius:45% 45% 3px 3px;box-shadow:2px 3px #d2c7b45c}
.book-page .baby-photo img{width:100%;height:auto;border:2px dotted #d4b9a6;border-radius:44% 44% 0 0}
.baby-photo-number{font:10px Georgia,serif;color:#a05a57;letter-spacing:2px;margin:8px 0}
.book-page h3{font:italic 19px Georgia,serif;color:#98504e;margin:5px 0}
.book-page dt{color:#98504e}.book-page dl{font-size:11px;margin:9px 0}.book-page dd{margin-bottom:4px}
.baby-date{font:10px Georgia,serif;color:#806452;margin:10px 0}.book-page .memory-space{font:italic 11px/2 Georgia,serif;color:#8c6a56;margin:6px 0;padding:0}
.nursery-toys{font:14px Georgia,serif;color:#b58a53;margin-top:12px}
.book-controls{border-top:3px dotted #c49a94;padding-top:12px;color:#89584e;font:10px Georgia,serif}
.book-controls button{border:2px outset #d7b9ab;border-radius:12px;background:#fffaf0;color:#a34b4f;padding:3px 10px}
.extra-decor{text-align:center;margin:20px auto;max-width:100%}.extra-decor img{display:block;object-fit:contain;max-width:100%;height:auto;margin:auto}
.under-wanted img{width:150px;transform:rotate(-4deg)}.under-guardian img{width:150px;transform:rotate(5deg)}.bottom-left img{width:230px;transform:rotate(-3deg)}
@media(min-width:581px) and (max-width:900px){
.right-rail{grid-template-areas:'wanted book guardian' 'left book guardian' 'left rules right' 'b4 b5 b6' 'b7 . .' 'bottom dispatch dispatch';grid-template-rows:auto auto auto auto auto auto;align-items:start}
.right-rail>.wanted-sign{grid-area:wanted}.right-rail>.baby-book{grid-area:book}.right-rail>.mini-shrine{grid-area:guardian}.right-rail>.under-wanted{grid-area:left}.right-rail>.under-guardian{grid-area:right}.right-rail>.bottom-left{grid-area:bottom}.right-rail>.dispatch-decor{grid-area:dispatch}.right-rail>.panel:not(.baby-book){grid-area:rules}
.right-rail>[data-blinkie='4']{grid-area:b4}.right-rail>[data-blinkie='5']{grid-area:b5}.right-rail>[data-blinkie='6']{grid-area:b6}.right-rail>[data-blinkie='7']{grid-area:b7}
}
@media(max-width:580px){
.right-rail{grid-template-areas:'wanted book' 'left book' 'guardian right' 'rules right' 'b4 b5' 'b6 b7' 'bottom dispatch';align-items:start}
.right-rail>.wanted-sign{grid-area:wanted}.right-rail>.baby-book{grid-area:book}.right-rail>.mini-shrine{grid-area:guardian}.right-rail>.under-wanted{grid-area:left}.right-rail>.under-guardian{grid-area:right}.right-rail>.bottom-left{grid-area:bottom}.right-rail>.dispatch-decor{grid-area:dispatch}.right-rail>.panel:not(.baby-book){grid-area:rules}
.right-rail>[data-blinkie='4']{grid-area:b4}.right-rail>[data-blinkie='5']{grid-area:b5}.right-rail>[data-blinkie='6']{grid-area:b6}.right-rail>[data-blinkie='7']{grid-area:b7}
}

/* A little fictional pawprint terminal. */
.scanner-layout{display:grid;grid-template-columns:145px minmax(0,1fr);gap:16px;min-height:250px;background:#f9f9f9}
.scanner-machine{text-align:center;border:3px ridge #bbb;background:linear-gradient(120deg,#fff,#ddd);padding:10px}
.scanner-label{font:9px/1.5 'Courier New',monospace;color:#777;margin:0 0 10px;letter-spacing:1px}
.scanner-glass{height:125px;background:repeating-linear-gradient(0deg,transparent 0 9px,#b7192612 10px),repeating-linear-gradient(90deg,transparent 0 9px,#b7192612 10px),#fff;border:3px inset #aaa;position:relative;overflow:hidden;display:grid;place-items:center}
.paw{position:relative;display:block;width:72px;height:77px;transform:rotate(-12deg)}.paw i{position:absolute;background:#b71926;width:15px;height:22px;border-radius:50%;top:0;left:19px}.paw i:nth-child(2){left:40px;top:3px;transform:rotate(15deg)}.paw i:nth-child(3){left:0;top:19px;transform:rotate(-25deg)}.paw i:nth-child(4){left:57px;top:24px;transform:rotate(30deg)}.paw b{position:absolute;top:30px;left:14px;width:48px;height:39px;background:#b71926;border-radius:50% 50% 35% 35%}
.scan-line{position:absolute;left:0;right:0;top:0;height:2px;background:#ed283b;opacity:0;box-shadow:0 0 10px #e33}.scanned .scan-line{animation:paw-scan .7s ease-in-out}
#scan-button{margin-top:10px;font:bold 11px 'Courier New',monospace;color:#a21220;background:linear-gradient(#fff,#ccc);border:3px outset #ccc;padding:7px 5px;cursor:pointer;width:100%}#scan-button:active{border-style:inset}
.scanner-report{position:relative;padding:5px 0 115px;min-width:0}#scan-result{font:11px/1.7 'Courier New',monospace}#scan-result strong{display:inline-block;color:#a21220;border:2px solid #a21220;padding:5px 8px;transform:rotate(-3deg);font-size:12px}#scan-result p{margin:12px 0 0}.scanner-cat{position:absolute;right:-20px;bottom:-20px;width:100px;height:120px;transform:rotate(8deg)}
@keyframes paw-scan{0%{top:0;opacity:1}95%{opacity:1}100%{top:100%;opacity:0}}
@media(max-width:580px){.scanner-layout{grid-template-columns:115px minmax(0,1fr);gap:10px;padding:10px}.scanner-machine{padding:7px}.scanner-glass{height:110px}#scan-button{font-size:9px}.scanner-cat{width:85px;height:100px;right:-10px}}
@media(prefers-reduced-motion:reduce){.scanned .scan-line{animation:none}}