.bone-pet{--bp-ink:#150a10;--bp-line:#a6815361;--bp-brass:#c4a071;--bp-bone:#f2e9da;--bp-muted:#bfae9c;width:min(820px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:auto;border:1px solid var(--bp-line);border-radius:6px;background:var(--bp-ink);color:var(--bp-bone);box-shadow:0 40px 110px #000c;overscroll-behavior:contain}.bone-pet::backdrop{background:#090407d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bone-pet-shell{position:relative;display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);grid-template-areas:"table head" "table sign" "table actions";grid-template-rows:auto 1fr auto;column-gap:34px;padding:30px;background:radial-gradient(ellipse 70% 80% at 25% 45%,#3a152299,transparent 70%)}.bone-pet-close{position:absolute;z-index:3;top:10px;inset-inline-end:10px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--bp-muted);cursor:pointer}.bone-pet-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.bone-pet-close:hover{color:var(--bp-bone)}.bone-pet :focus-visible{outline:2px solid var(--brass-lit,#d8b87f);outline-offset:3px}.bone-pet-head{grid-area:head;padding-inline-end:36px;padding-top:6px}.bone-pet-eyebrow{margin:0 0 12px;color:var(--brass-lit,#d8b87f);font:500 11px/1.3 var(--util,sans-serif);letter-spacing:.2em;text-transform:uppercase}.bone-pet-heading{margin:0 0 12px;font:400 clamp(26px,3vw,34px)/1.12 var(--display,serif);letter-spacing:-.015em}.bone-pet-lead{margin:0;color:var(--bp-muted);font:400 15px/1.6 var(--body,serif)}.bone-pet-table{grid-area:table;position:relative;align-self:center;width:100%;aspect-ratio:1}.bone-pet-cloth{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.bone-pet-under{fill:#07030580;filter:blur(3px)}.bone-pet-hem{fill:none;stroke:var(--bp-brass);stroke-opacity:.42;stroke-width:.5;stroke-dasharray:2 1.3}.bone-pet-rope{fill:none;stroke:#caa66f;stroke-opacity:.5;stroke-width:1.1;stroke-dasharray:2.4 .9;stroke-linecap:round}.bone-pet-ring{fill:none;stroke:var(--bp-brass);stroke-opacity:.38;stroke-width:.5}.bone-pet-label{fill:var(--bp-brass);fill-opacity:.5;font:500 5.4px var(--util,sans-serif);letter-spacing:.2em;text-transform:uppercase;transition:fill-opacity .3s}:is(:lang(ar),:lang(hi),:lang(ja),:lang(zh)) .bone-pet-label{letter-spacing:0;font-size:6px}.bone-pet-lit{fill:#e8c48a;fill-opacity:.09;fill-rule:evenodd;stroke:#e8c48a;stroke-opacity:.4;stroke-width:.6;transition:opacity .3s}.bone-pet-table:not([data-state=read]) .bone-pet-lit{opacity:0}.bone-pet-table[data-lit=ash] [data-zone=ash],.bone-pet-table[data-lit=threshold] [data-zone=threshold],.bone-pet-table[data-lit=shadow] [data-zone=shadow]{fill-opacity:.95}.bone-pet-link{stroke:#e2c28c;stroke-width:.9;stroke-linecap:round;opacity:.38;transition:opacity .3s}.bone-pet-link.is-leaning{stroke-dasharray:3 2.4}.bone-pet-link.is-turned-away{stroke:#b9a3a0;stroke-dasharray:.1 2.6;stroke-width:1.4}.bone-pet-link.is-on{opacity:.95}.bone-pet-table:not([data-state=read]) .bone-pet-links{opacity:0}.bone-pet-links{transition:opacity .4s}.bone-pet-bone{position:absolute;z-index:1;left:calc(50% + var(--x) * .5%);top:calc(50% + var(--y) * .5%);width:calc(var(--s) * .5%);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transform:translate(-50%,-50%) rotate(var(--r)) scaleX(var(--f));filter:drop-shadow(0 1.5px 1.5px #0009);transition:filter .25s}.bone-pet-bone svg{display:block;width:100%;height:100%;overflow:visible}.bone-pet-bone path{stroke:#5a3f26;stroke-width:1;vector-effect:non-scaling-stroke;fill:url(#bp-hump)}.bone-pet-bone[data-face=hollow] path{fill:url(#bp-hollow)}.bone-pet-bone[data-face=side] path{fill:url(#bp-side)}.bone-pet-bone[data-face=edge] path{fill:url(#bp-edge)}.bone-pet-bone:hover{filter:drop-shadow(0 1.5px 1.5px #0009) brightness(1.08)}.bone-pet-bone[aria-pressed=true]{z-index:2;filter:drop-shadow(0 0 5px #f0c47ecc) drop-shadow(0 1.5px 1.5px #0009) brightness(1.06)}.bone-pet-bone:focus-visible{outline-offset:2px}.bone-pet-table[data-state=flying] .bone-pet-bone{pointer-events:none}.bone-pet-sign{grid-area:sign;align-self:start;margin-top:22px;padding-top:18px;border-top:1px solid var(--bp-line)}.bone-pet-sign-label{margin:0 0 6px;color:var(--brass-lit,#d8b87f);font:500 11px/1.3 var(--util,sans-serif);letter-spacing:.18em;text-transform:uppercase}.bone-pet-sign-name{margin:0 0 4px;font:400 24px/1.2 var(--display,serif)}.bone-pet-sign-tags{margin:0 0 12px;color:var(--bp-brass);font:400 13px/1.4 var(--util,sans-serif);letter-spacing:.04em}.bone-pet-sign-text{margin:0 0 8px;font:400 17px/1.5 var(--body,serif)}.bone-pet-sign-zone,.bone-pet-sign-bond{margin:0 0 4px;color:var(--bp-muted);font:400 14px/1.5 var(--body,serif)}:is(:lang(ar),:lang(hi),:lang(ja),:lang(zh)) :is(.bone-pet-eyebrow,.bone-pet-sign-label){letter-spacing:0}.bone-pet-actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:22px}.bone-pet-cast{min-width:170px;justify-content:center}.bone-pet-full{color:var(--bp-brass);font:400 14px/1.4 var(--util,sans-serif);text-decoration:underline;text-decoration-color:#c4a07166;text-underline-offset:4px}.bone-pet-full:hover{color:var(--bp-bone)}@media(max-width:700px){.bone-pet-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "table" "sign" "actions";grid-template-rows:none;padding:22px 16px 20px}.bone-pet-head{padding-inline-end:34px;padding-top:0}.bone-pet-heading{font-size:25px;margin-bottom:8px}.bone-pet-lead{font-size:14px}.bone-pet-table{width:min(100%,360px);justify-self:center;margin-top:14px}.bone-pet-sign{margin-top:14px;padding-top:14px}.bone-pet-sign-name{font-size:21px}.bone-pet-sign-text{font-size:16px}.bone-pet-actions{margin-top:16px}.bone-pet-cast{flex:1 1 100%}.bone-pet-full{margin-inline:auto}}@media(prefers-reduced-motion:reduce){.bone-pet-bone,.bone-pet-links,.bone-pet-lit,.bone-pet-label{transition:none}}