/* 康熙字典体 —— 子集化后内联，只含本站用到的字符；
   缺字（比如查阅者填的名字）按栈回落宋体 */
@font-face{
  font-family:"KangxiDict";
  src:url("../assets/kangxi.woff2?v=d2697bb6") format("woff2");
  font-display:swap;
}
:root{
  --ink:#0b0c0d;
  --paper:#cbc3b2;
  --paper-2:#b6ad99;
  --paper-3:#8d8471;
  --text:#8f8b83;
  --text-dim:#5b5852;
  --rust:#6e3029;
  --glass:#7f8c85;
  --glass-hi:#a3b0a7;
  --serif:"KangxiDict","Songti SC","STSong","SimSun","Noto Serif SC","Source Han Serif SC",serif;
  --sans:"KangxiDict","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
  --mono:"SFMono-Regular",Menlo,Consolas,"Noto Sans Mono CJK SC",monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#000}
body{
  background:var(--ink);color:var(--text);font-family:var(--sans);
  font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:60;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.30'/></svg>");
  opacity:.05;mix-blend-mode:overlay;transition:opacity 4s;
}
::selection{background:var(--rust);color:#e8e2d6}
.wrap{max-width:660px;margin:0 auto;padding:0 22px}
.hidden{display:none !important}
.fade{animation:fade .9s ease both}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

button{
  font:inherit;color:inherit;background:none;border:1px solid var(--text-dim);
  padding:10px 24px;cursor:pointer;letter-spacing:.22em;
  transition:border-color .5s,color .5s,background .5s;
}
button:hover{border-color:var(--glass);color:var(--glass-hi)}
button:focus-visible,a:focus-visible{outline:1px solid var(--glass);outline-offset:3px}

/* ---------- 入口：一份普通的器物档案 ---------- */
#noise{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.88}
#gate{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;padding:44px 24px}
#gate .eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.34em;color:var(--text-dim);margin-bottom:26px}
#gate h1{font-family:var(--serif);font-weight:400;font-size:38px;letter-spacing:.44em;
  color:var(--paper);text-indent:.44em;margin-bottom:26px}
#gate .lede{font-family:var(--serif);font-size:15.5px;line-height:2.4;color:var(--paper-3);margin-bottom:16px}
#gate .sub{font-size:13px;line-height:2.1;color:var(--text-dim);max-width:390px;margin-bottom:40px}
#gate .foot{margin-top:36px;font-size:11.5px;letter-spacing:.1em;color:#3f423f}
#gate .credit{margin-top:12px;font-size:11px;letter-spacing:.22em;color:#34372f}
/* 两个角标：左下声明虚构，右下折叠免责声明 */
.gate-note{position:absolute;left:22px;bottom:18px;font-size:11px;letter-spacing:.22em;color:#34372f}
.dis{position:absolute;right:22px;bottom:18px;font-size:11px;letter-spacing:.22em}
.dis summary{list-style:none;cursor:pointer;color:#34372f;transition:color .5s}
.dis summary::-webkit-details-marker{display:none}
.dis summary:hover,.dis[open] summary{color:var(--paper-3)}
.dis-body{position:absolute;right:0;bottom:28px;width:min(340px,78vw);
  background:#0c0d0e;border:1px solid #1d1e20;padding:16px;text-align:left;
  font-size:11.5px;line-height:2.1;letter-spacing:.02em;color:#5b5852;
  box-shadow:0 20px 44px -30px #000}
.dis-body p{margin-bottom:9px}
.dis-body p:last-child{margin-bottom:0}

/* ---------- 框架 ---------- */
#site{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}
header{border-bottom:1px solid #1d1e20;padding:20px 0 16px}
header .bar{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
header .title{font-family:var(--serif);font-size:15px;letter-spacing:.42em;color:var(--paper-3);transition:letter-spacing 3s}
header .sub{font-size:10.5px;letter-spacing:.16em;color:var(--text-dim)}
nav{display:flex;flex-wrap:wrap;gap:2px;margin-top:15px}
nav a{font-family:var(--serif);font-size:14px;color:var(--text-dim);text-decoration:none;
  padding:4px 13px;border:1px solid transparent;transition:color .45s,border-color .45s}
nav a:hover{color:var(--glass-hi)}
nav a.on{color:var(--paper);border-color:#24262a}
nav a.seen{color:var(--text)}
main{flex:1;padding:40px 0 70px}
footer{border-top:1px solid #1d1e20;padding:16px 0 30px;font-size:10.5px;letter-spacing:.14em;color:var(--text-dim)}
footer .row{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* ---------- 目录 ---------- */
.lede{font-family:var(--serif);font-size:16px;line-height:2.3;color:var(--paper-3);margin-bottom:14px}
.lede-2{font-size:13px;color:var(--text-dim);line-height:2.1;margin-bottom:38px;max-width:520px}
.idx{border-top:1px solid #191a1c}
.idx a{display:grid;grid-template-columns:34px 1fr auto;gap:16px;align-items:baseline;
  padding:16px 6px;border-bottom:1px solid #191a1c;text-decoration:none;color:inherit;
  transition:background .5s,padding-left .5s}
.idx a:hover{background:#0f1011;padding-left:14px}
.idx .num{font-family:var(--serif);font-size:17px;color:var(--paper-3)}
.idx .who{font-family:var(--serif);font-size:15.5px;color:var(--paper-2);letter-spacing:.06em}
.idx .who small{display:block;font-family:var(--sans);font-size:11.5px;letter-spacing:.1em;color:var(--text-dim);margin-top:4px}
.idx .yr{font-family:var(--mono);font-size:11.5px;color:var(--text-dim);text-align:right}
.idx .yr small{display:block;font-size:9.5px;letter-spacing:.14em;color:#3c3a34;margin-top:4px}
.idx a.read .num,.idx a.read .who{color:var(--text-dim)}
.idx a.void .who,.idx a.blank .who{color:var(--paper-3)}
/* 无存世材料的三任：只占一行，点不开 */
.idx .gone{display:grid;grid-template-columns:34px 1fr auto;gap:16px;align-items:baseline;
  padding:16px 6px;border-bottom:1px solid #191a1c;opacity:.42;cursor:default}
.idx .gone .num,.idx .gone .who{color:#4a4741}
.idx .gone .who small{color:#3a3833}
.idx .gone .yr{color:#3a3833}

/* ---------- 记录页 ---------- */
.rec-head{margin-bottom:34px}
.rec-head .no{font-family:var(--serif);font-size:13px;letter-spacing:.5em;color:var(--rust)}
.rec-head h2{font-family:var(--serif);font-weight:400;font-size:25px;letter-spacing:.14em;color:var(--paper);margin:10px 0 8px}
.rec-head .meta{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--text-dim)}
.rec-body{margin-bottom:44px}
.after{border-top:1px solid #191a1c;padding-top:22px;display:flex;align-items:center;
  justify-content:space-between;flex-wrap:wrap;gap:14px}
.after .reg-note{font-family:var(--serif);font-size:13px;letter-spacing:.06em;color:var(--text-dim)}
.after button{margin-left:auto}

.sheet{background:linear-gradient(172deg,var(--paper) 0%,var(--paper-2) 100%);
  color:#2a2620;padding:30px 28px;margin:0 0 22px;position:relative;
  box-shadow:0 18px 40px -26px #000, inset 0 0 26px rgba(70,52,28,.18);
  font-family:var(--serif);line-height:2.1}
/* 纸张纤维 + 扫描仪两侧的阴影 */
.sheet::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;
  background:
    linear-gradient(93deg, rgba(85,70,45,.12), transparent 16%, transparent 84%, rgba(85,70,45,.14)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='130' height='130'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='2'/><feColorMatrix type='saturate' values='0'/></filter><rect width='130' height='130' filter='url(%23p)' opacity='0.15'/></svg>")}
.sheet::after{content:"";position:absolute;inset:0;pointer-events:none;transition:opacity 3s;
  background:radial-gradient(150px 90px at 88% 8%, rgba(120,100,70,.20), transparent 70%),
    radial-gradient(200px 130px at 6% 96%, rgba(120,100,70,.16), transparent 70%);
  mix-blend-mode:multiply}
.sheet.tilt-a{transform:rotate(-.5deg)}
.sheet.tilt-b{transform:rotate(.6deg)}
.sheet .stamp{position:absolute;right:20px;top:18px;color:var(--rust);border:1.5px solid var(--rust);
  font-family:var(--serif);font-size:11px;letter-spacing:.3em;padding:5px 9px;transform:rotate(-9deg);opacity:.62}
/* 奁单节录：民国竖排 */
.lian{display:flex;justify-content:center;padding:28px 20px 24px}
.lian-v{writing-mode:vertical-rl;height:252px;letter-spacing:.18em;line-height:2.35;
  font-size:15.5px;color:#33291d}
.lian-v p{margin:0 7px}
.lian-t{font-size:12px;letter-spacing:.5em;color:#5c5245}
.lian-s{font-size:12.5px;color:#6b5c46;letter-spacing:.3em}
.hand{font-size:16.5px;line-height:2.15}
.hand.b{font-size:17.5px;letter-spacing:-.01em;line-height:1.95}
.sign{text-align:right;margin-top:16px;font-size:15px;color:#4a4038}
.ledger{width:100%;border-collapse:collapse;font-family:var(--serif);font-size:14.5px;color:#2a2620}
.ledger td{padding:9px 4px;border-bottom:1px solid rgba(60,50,35,.28);vertical-align:top}
.ledger td:first-child{width:74px;color:#5c5245;letter-spacing:.14em;white-space:nowrap}
.ledger-title{font-family:var(--serif);font-size:12px;letter-spacing:.34em;color:#5c5245;
  margin-bottom:16px;border-bottom:1.5px solid rgba(60,50,35,.45);padding-bottom:9px}
.appended{margin-top:20px;padding-top:15px;border-top:1px dashed rgba(60,50,35,.4);
  font-size:14px;color:#3a332b;line-height:2}

.bbs{background:#04122b;border:1px solid #1b3a63;font-family:var(--mono);font-size:13px;line-height:1.95;color:#b9cbe0}
.bbs-top{background:#0b2a52;padding:8px 12px;font-size:12px;color:#8fb6e0;border-bottom:1px solid #1b3a63}
.bbs-top b{color:#ffd88a;font-weight:400}
.bbs-post{border-bottom:1px dashed #16304f;padding:14px 13px;display:grid;grid-template-columns:78px 1fr;gap:12px}
.bbs-post:last-child{border-bottom:none}
.bbs-who{color:#6f93bb;font-size:11.5px;line-height:1.7}
.bbs-who b{display:block;color:#7fd0a8;font-weight:400;font-size:12.5px;margin-bottom:3px}
.bbs-who.op b{color:#ffd88a}
.bbs-txt{white-space:pre-line;color:#c6d6e8}
.bbs-txt.moji{color:#4e6d90;letter-spacing:.06em;word-break:break-all}
.bbs-foot{padding:11px 13px;font-size:11.5px;color:#5d7ea5;background:#061a38;border-top:1px solid #1b3a63}

.app{background:#f2f1ee;border-radius:12px;overflow:hidden;color:#1c1c1e;box-shadow:0 20px 44px -30px #000}
.app-top{background:#fff;padding:13px 15px;border-bottom:1px solid #e3e1dd;display:flex;gap:12px;align-items:center}
.app-thumb{width:46px;height:46px;border-radius:6px;flex:none;background:linear-gradient(160deg,#5d5a52,#2f2d29);position:relative;overflow:hidden}
.app-thumb::after{content:"";position:absolute;inset:7px 10px;background:linear-gradient(150deg,#8e9a92,#4c554f 60%);border:1.5px solid #6f6455}
.app-info b{display:block;font-size:13.5px;font-weight:500;line-height:1.5}
.app-price{color:#d9483b;font-size:15px;margin-top:2px}
.app-price s{color:#9a9892;font-size:11.5px;margin-left:7px}
.chat{padding:16px 14px;display:flex;flex-direction:column;gap:11px}
.msg{max-width:76%;padding:9px 13px;border-radius:15px;font-size:14px;line-height:1.65;word-break:break-word}
.msg.them{background:#fff;align-self:flex-start;border-top-left-radius:5px}
.msg.me{background:#c8e6a0;align-self:flex-end;border-top-right-radius:5px;color:#17210d}
.msg.late{animation:pop .5s ease both}
@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.chat-gap{text-align:center;font-size:11px;color:#a3a099;letter-spacing:.12em;padding:5px 0}
.review{background:#fff;padding:15px;border-top:1px solid #e3e1dd}
.stars{color:#f0a020;letter-spacing:3px;font-size:14px}
.review p{margin-top:9px;font-size:14px;line-height:1.9;color:#33312d;white-space:pre-line}

.blog{border-left:2px solid #222426;padding-left:22px}
.post{margin-bottom:40px}
.post .date{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--text-dim)}
.post h3{font-family:var(--serif);font-weight:400;font-size:19px;color:var(--paper-2);margin:7px 0 13px;letter-spacing:.06em}
.post p{font-family:var(--serif);font-size:15px;line-height:2.25;color:#a09a90;margin-bottom:13px}
.post .roll{list-style:none;font-family:var(--mono);font-size:12.5px;line-height:2.35;color:#8b857c;margin:6px 0 15px}
.post .roll li::before{content:"— ";color:var(--rust)}
.broken-img{border:1px dashed #2a2c2e;padding:26px;text-align:center;font-family:var(--mono);
  font-size:11.5px;color:#3d4043;letter-spacing:.1em;margin:6px 0 16px}
.cut{color:#6e6a63}
.cut::after{content:"";display:inline-block;width:9px;height:1em;background:#3a3c3e;
  vertical-align:-2px;margin-left:4px;animation:blip 1.3s steps(2) infinite}
@keyframes blip{50%{opacity:0}}
.corrupt{font-family:var(--mono);font-size:12px;color:#3c3f42;word-break:break-all;line-height:2.1;margin-top:26px}

.photo{width:100%;display:block;background:#000}
/* 图片素材版：两张对齐的图叠放 */
.plate{position:relative;line-height:0}
.plate .layer{position:absolute;inset:0;transition:opacity 2.4s ease}
/* 检视扫描件：悬停局部放大，两层照片一起动 */
#ph{overflow:hidden;cursor:zoom-in;line-height:0}
#ph .photo{transform-origin:var(--ix,50%) var(--iy,50%);transition:transform .45s ease}
#ph.looking .photo{transform:scale(1.85)}
/* 铺满视口但不裁脸：图片四周本来就是纯黑，contain 的留边与底色无缝 */
#scare .ghost{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  transform-origin:54% 36%;filter:contrast(1.16) brightness(1.1)}
.caption{font-family:var(--serif);font-size:14.5px;line-height:2.3;color:#948e85;margin-top:20px}
.caption p{margin-bottom:11px}
.caption p:last-child{margin-bottom:0}
.caption .q{color:var(--paper-3)}

.void-page{padding:80px 0;text-align:center}
.void-page .big{font-family:var(--serif);font-size:56px;color:#1e2022;letter-spacing:.2em}
.void-page p{margin-top:26px;font-family:var(--serif);font-size:15px;line-height:2.4;color:var(--text-dim)}
.void-page p b{color:var(--paper-3);font-weight:400}

.seventh .empty{font-family:var(--serif);font-size:15px;line-height:2.4;color:var(--text-dim);
  border:1px dashed #212325;padding:26px 24px;margin-bottom:34px}
.seventh label{display:block;font-family:var(--serif);font-size:13px;letter-spacing:.34em;color:var(--paper-3);margin-bottom:13px}
.seventh label em{font-style:normal;font-size:11px;letter-spacing:.1em;color:var(--rust);margin-left:8px}
.seventh .err{margin-top:14px;font-size:12.5px;letter-spacing:.08em;color:var(--rust);opacity:0;transition:opacity .3s}
.seventh .err.on{opacity:1}
button:disabled{opacity:.34;cursor:not-allowed}
button:disabled:hover{border-color:var(--text-dim);color:inherit}
.field{display:flex;gap:10px;flex-wrap:wrap}
.field input{flex:1;min-width:190px;background:transparent;border:none;border-bottom:1px solid var(--text-dim);
  color:var(--paper);font-family:var(--serif);font-size:19px;letter-spacing:.16em;padding:9px 3px}
.field input:focus{outline:none;border-color:var(--glass)}
.field input::placeholder{color:#33353a;letter-spacing:.2em}

#gen{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:22px;padding:22px;text-align:center}
#gen .t{font-family:var(--serif);font-size:13px;letter-spacing:.4em;color:var(--paper-3)}
#gen .t2{font-family:var(--mono);font-size:10.5px;letter-spacing:.3em;color:#3f423f;margin-top:-10px}
.track{width:min(300px,74vw);height:1px;background:#1e2022;position:relative}
.track i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--glass);display:block}
#gen .pct{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--text-dim)}

/* ---------- 熄屏 · 惊吓 · 归档 ---------- */
#scare{position:fixed;inset:0;z-index:90;display:none;background:#000;overflow:hidden}
#scare svg{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 46%}
/* 扑咬 → 站着笑。前 1.5 秒是尖叫的扑近，之后跟着笑声一起起伏。
   时间轴与 audio.js 对齐：0.55s 二次扑咬，1.65s 起开始笑。 */
#scare.creep svg,#scare.creep .ghost{
  animation:creep 3.9s cubic-bezier(.1,.8,.2,1) both, facepulse 3.9s linear both}
@keyframes creep{
  0%{transform:scale(1)}
  10%{transform:scale(1.10)}
  15%{transform:scale(1.06)}
  40%{transform:scale(1.17)}
  /* 每一声笑都顶一下 */
  47%{transform:scale(1.185) translateY(-3px)}
  53%{transform:scale(1.175) translateY(2px)}
  60%{transform:scale(1.195) translateY(-3px)}
  67%{transform:scale(1.185) translateY(2px)}
  75%{transform:scale(1.205) translateY(-2px)}
  84%{transform:scale(1.20) translateY(1px)}
  100%{transform:scale(1.23)}}
@keyframes facepulse{
  0%,12%{filter:contrast(1.16) brightness(1.1)}
  15%{filter:contrast(1.22) brightness(1.34)}
  19%,44%{filter:contrast(1.16) brightness(1.1)}
  49%{filter:contrast(1.18) brightness(1.18)}
  56%,72%{filter:contrast(1.16) brightness(1.1)}
  77%{filter:contrast(1.18) brightness(1.16)}
  84%,100%{filter:contrast(1.16) brightness(1.1)}}
/* 砸脸那一帧的单次白闪（只闪一下，不做频闪） */
#scare::after{content:"";position:absolute;inset:0;z-index:2;background:#d9d5c8;
  opacity:0;pointer-events:none}
#scare.shake::after{animation:flash .3s cubic-bezier(.05,.6,.2,1) both}
@keyframes flash{0%{opacity:.88}40%{opacity:.07}100%{opacity:0}}
#scare.shake{animation:shk .05s steps(2,end) 20}
@keyframes shk{0%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(15px,-12px) rotate(.55deg)}
  66%{transform:translate(-14px,10px) rotate(-.5deg)}100%{transform:translate(7px,8px) rotate(.25deg)}}
#end{position:fixed;inset:0;z-index:95;display:none;background:#000;
  flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:30px;text-align:center}
#end > *{opacity:0;transition:opacity 1.1s ease}
#end.lit > *{opacity:1}
#end .file{font-family:var(--serif);font-size:19px;letter-spacing:.24em;color:var(--paper-3);line-height:2.4}
#end .file span{color:var(--paper)}
#end .dash{color:var(--rust)}
#end .tiny{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:#3a3c40}

/* ---------- 逐页衰变：一页比一页坏 ---------- */
#site{transition:filter 2.6s ease}
body.dc2 #site{filter:saturate(.95)}
body.dc3 #site{filter:saturate(.86) brightness(.98)}
body.dc3 .sheet::after{opacity:1.6}
body.dc4 #site{filter:saturate(.72) brightness(.94) contrast(1.04)}
body.dc4 header .title{letter-spacing:.64em}
body.dc5 #site{filter:saturate(.5) brightness(.87) contrast(1.09)}
body.dc6 #site{filter:saturate(.2) brightness(.76) contrast(1.2)}
body.dc4::after{opacity:.09}
body.dc5::after{opacity:.14}
body.dc6::after{opacity:.2}
/* 读到后半程，选中文字的高亮开始渗暗红 */
body.dc4 ::selection,body.dc5 ::selection,body.dc6 ::selection{background:#2b0907;color:#8f8378}
/* 接触不良的灯：慢速、不规则、幅度有限 —— 不做高频频闪 */
@keyframes lamp{
  0%,24%{opacity:1}
  25.6%{opacity:.44}
  27.6%{opacity:1}
  60%{opacity:1}
  61.4%{opacity:.5}
  64%{opacity:1}
  66.5%{opacity:.34}
  69%{opacity:.8}
  72%{opacity:1}
  100%{opacity:1}
}
@keyframes lamp-soft{0%,46%{opacity:1}48%{opacity:.7}51%{opacity:1}100%{opacity:1}}
body.dc5 main{animation:lamp-soft 17s linear infinite}
body.dc6 #site{animation:lamp 9s linear infinite}
/* 第六页：彻底破败 */
.rec6 .post p{opacity:.82}
.rec6 .post:nth-child(2) p{letter-spacing:.06em}
.rec6 .post:nth-child(3){opacity:.72;transform:translateX(-3px)}
.rec6 .post:nth-child(4){opacity:.5}
.rec6 .blog{border-left-color:#191a1b}
.rec6 .rec-head h2{color:var(--paper-3);letter-spacing:.3em}
.late-post{animation:fade 1.4s ease both}
.late-post .date{color:var(--paper-3)}
.late-post .cut{min-height:1.6em}

.mirrored{display:inline-block;transform:scaleX(-1)}
/* flex:none 是必须的：#site 是列向 flex，不写就会被 main 挤成 0 高，深渊等于不存在 */
#abyss{height:0;flex:none;transition:height 1.6s ease}
#abyss.on{height:74vh}

@media (max-width:520px){
  body{font-size:14.5px}
  .wrap{padding:0 17px}
  #gate h1{font-size:29px}
  .rec-head h2{font-size:21px}
  .bbs-post{grid-template-columns:1fr;gap:5px}
  .bbs-who{display:flex;gap:9px;align-items:baseline}
  .bbs-who b{display:inline;margin:0}
  .idx a,.idx .gone{grid-template-columns:26px 1fr;gap:12px}
  .idx .yr{grid-column:2;font-size:11px;text-align:left}
  .idx .yr small{display:inline;margin-left:10px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  body.dc5 main,body.dc6 #site{animation:none;opacity:1}
  #scare.creep svg,#scare.creep .ghost,#scare.shake::after{animation:none}
}