/* Approved 1024 × 1536 artwork, with proportional, keyboard-accessible links. */
#app:has(.friend-art-home){max-width:680px;background:#f8e9df}
body:has(.friend-art-home){background:#f8e9df}
.friend-art-home{min-height:100dvh;color:#613e38;background:#f8e9df;padding-top:env(safe-area-inset-top,0px)}
.friend-art-stage{position:relative;width:100%;aspect-ratio:2/3}
.friend-art-image{display:block;width:100%;height:auto}
.friend-art-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.friend-art-link{position:absolute;display:block;border-radius:999px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:#a6537320;transition:box-shadow .15s,background-color .15s}
.friend-art-history{left:73%;top:1.55%;width:24%;height:4.55%}
.friend-art-start{left:25%;top:65.5%;width:50%;height:7.3%}
.friend-art-link:focus-visible{outline:3px solid #723852;outline-offset:3px;background:#ffffff18}
.friend-art-link:active{background:#6f284520}
.friend-art-footer{text-align:center;padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px));font-size:11px;line-height:1.9;color:#91776e}
.friend-art-footer nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}
.friend-art-footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.friend-art-footer a{color:#805664;text-decoration:underline;text-underline-offset:3px}
.friend-art-footer a:focus-visible{outline:2px solid #723852;outline-offset:3px}
.friend-art-footer p:last-child{margin-top:5px}
/* 两个备案号各占一行，并在各自内部禁止断行——备案号中途折行会读不出来，
   而 11px 字号下两个号并排（约 364px）已经顶到 390px 设计宽的边界。 */
.friend-art-footer .friend-art-license a{display:inline-block;white-space:nowrap}
/* 公安备案徽标：官方原图，只缩放不改色。图标在 a 内，点图即等于点备案号。
   display/pointer-events 显式写回是防御性的：本页根元素 friend-art-home 当前不匹配
   home.css 里 .play-home img 那条规则，但两个页脚应表现一致，写死避免日后 class 变动再踩。 */
.friend-art-footer .friend-art-license-badge{display:inline-block;height:14px;width:auto;vertical-align:-0.15em;margin-right:4px;pointer-events:auto}
@media(hover:hover){.friend-art-link:hover{box-shadow:0 0 0 3px #ffffff80;background:#ffffff12}}
@media(prefers-reduced-motion:reduce){.friend-art-link{transition:none}}