.hollow-stage,#pmodal{--panel:#fff;--ink:#16251a;--muted:#4a5a4c;--line:#d3dcc6;--edge:#16251a;--accent:#5c8a12;--btn:#16251a;--btnink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.hollow-stage,#pmodal){--panel:#29232f;--ink:#efeadf;--muted:#a99fae;--line:#40384a;--edge:#110e14;--accent:#b6d46a;--btn:#b6d46a;--btnink:#1c1820}}:root[data-theme=dark] :is(.hollow-stage,#pmodal){--panel:#29232f;--ink:#efeadf;--muted:#a99fae;--line:#40384a;--edge:#110e14;--accent:#b6d46a;--btn:#b6d46a;--btnink:#1c1820}.hollow-stage{height:calc(100svh - 86px);min-height:420px;color:var(--ink);background:#2b2533;flex:none;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden}.hollow-stage *,.hollow-stage :before,.hollow-stage :after,#pmodal *{box-sizing:border-box}#c{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.title{pointer-events:none;position:absolute;top:14px;left:16px}.title h1{color:#b5d46a;text-shadow:2px 0 #2a2233,-2px 0 #2a2233,0 2px #2a2233,0 -2px #2a2233,2px 2px #2a2233,-2px 2px #2a2233,2px -2px #2a2233,-2px -2px #2a2233,0 4px #2a2233,2px 4px #2a2233,-2px 4px #2a2233;margin:0;font-family:Grandstander,Trebuchet MS,sans-serif;font-size:34px;font-weight:800;line-height:1}.title p{background:var(--panel);color:var(--ink);border:2px solid var(--edge);border-radius:10px;margin:8px 0 0;padding:3px 9px;font-size:13px;font-weight:600;display:table}.title p+p{color:var(--muted);margin-top:5px;font-weight:400}.bar{background:var(--panel);border:2px solid var(--edge);max-width:calc(100% - 24px);box-shadow:0 3px 0 var(--edge);border-radius:16px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 8px 6px 12px;font-size:14px;display:flex;position:absolute;bottom:12px;left:12px}.title{max-width:calc(100% - 32px)}.title p.clock{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:2px 7px;display:flex}.title p.clock #time{font-weight:700}.title p.clock .sep{color:var(--muted)}.title p.clock #left{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;pointer-events:auto;font-weight:600}.title p.clock #left:hover{text-decoration-color:currentColor}.title p.clock [hidden]{display:none}#sunmoon{border:1.5px solid var(--edge);background:#f2c94c;border-radius:50%;flex:none;width:13px;height:13px}#sunmoon.night{background:#c9c2f0}.hollow-stage button,#pmodal button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:36px;height:32px;padding:0 8px;font-weight:700}.hollow-stage button:hover,#pmodal button:hover{background:var(--line)}.hollow-stage button[aria-pressed=true],.hollow-stage button.primary,#pmodal button.primary{background:var(--btn);color:var(--btnink)}.hollow-stage button.primary:hover,#pmodal button.primary:hover{filter:brightness(1.15)}.hollow-stage :is(button,input):focus-visible,#pmodal button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#mine[hidden]{display:none}.bar:not(:has(#mine:not([hidden]))){display:none}.card{background:var(--panel);border:2px solid var(--edge);width:264px;box-shadow:0 3px 0 var(--edge);border-radius:16px;padding:14px 16px;position:absolute;top:12px;right:12px}.card[hidden]{display:none}.card .head{align-items:center;gap:9px;padding-right:28px;display:flex}.swatch{border:1.5px solid var(--edge);border-radius:8px 8px 6px 6px;flex:none;width:16px;height:18px}.card h2{margin:0;font-family:Grandstander,Trebuchet MS,sans-serif;font-size:21px;font-weight:800;line-height:1.1}.card .role{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin:5px 0 0;font-size:13px;display:flex}.rar{color:#fff;border-radius:7px;padding:1px 7px;font-size:12px;font-weight:700}.card .traits{color:var(--muted);margin:4px 0 0;font-size:13px}.card .doing{min-height:2.7em;margin:10px 0 12px;font-size:15px;line-height:1.35}.needs{grid-template-columns:66px 1fr;align-items:center;gap:7px 10px;margin:0;font-size:13px;display:grid}.needs dt{color:var(--muted)}.needs dd{margin:0}.meter{background:var(--line);border-radius:4px;height:8px;display:block;overflow:hidden}.meter i{border-radius:4px;height:100%;transition:width .3s;display:block}.friend{color:var(--muted);margin:12px 0 0;font-size:13px}.adopt{border-top:1.5px dashed var(--line);align-items:center;gap:6px;margin-top:12px;padding-top:12px;display:flex}.adopt[hidden]{display:none}.adopt input{min-width:0;font:inherit;border:1.5px solid var(--edge);height:32px;color:var(--ink);background:0 0;border-radius:9px;flex:1;padding:0 9px;font-size:14px}.adopt span{flex:1;font-size:14px;font-weight:600}#pmodal{padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));z-index:10;background:#0e0816b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#pmodal[hidden]{display:none}.sheet{flex-direction:column;align-items:center;gap:12px;max-height:100%;display:flex}#pc{aspect-ratio:4/5;border-radius:18px;width:min(92vw,80vh - 96px);height:auto;display:block;box-shadow:0 10px 40px #00000080}.sheet .row{background:var(--panel);border:2px solid var(--edge);box-shadow:0 3px 0 var(--edge);border-radius:14px;gap:8px;padding:6px;display:flex}#pmsg{color:#f4f0e0;min-height:1em;margin:0;font-size:13px}.actions{gap:6px;margin-top:10px;display:flex}#close{min-width:30px;height:30px;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}@media (width<=640px){.title h1{font-size:26px}.card{width:auto;inset:auto 12px 72px}}@media (prefers-reduced-motion:reduce){.meter i{transition:none}}.title h1 .home{color:inherit;pointer-events:auto;text-decoration:none}.adopt a.btn{font:inherit;color:var(--ink);box-shadow:none;border:1.5px solid var(--edge);white-space:nowrap;background:0 0;border-radius:10px;padding:5px 10px;font-weight:700;text-decoration:none}.adopt a.btn.primary{color:#16251a;background:#b6f24a;border-color:#16251a}.adopt .gifted{flex:1;font-size:14px;font-weight:600}.card .cpic{background:radial-gradient(at 50% 85%,#ffaa5a59,#0000 65%),#3a3040;border-radius:14px 14px 0 0;width:calc(100% + 32px);height:150px;margin:-14px -16px 10px;display:block}.needs-title{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:13px;font-weight:700}.rar .crown{vertical-align:-.1em;width:auto;height:1em;margin-right:4px}@media (width<=640px){.card{overscroll-behavior:contain;max-height:58vh;overflow-y:auto}.card .cpic{height:96px}.card .adopt{z-index:1;background:var(--panel);margin:12px -16px 0;padding:10px 16px 12px;position:sticky;bottom:-14px}}.adopt .gift-ico{vertical-align:-4px;width:20px;height:auto;margin-right:6px}.card[data-rarity=uncommon]{border-color:#5e9e6e;box-shadow:0 3px #5e9e6e}.card[data-rarity=rare]{border-color:#8a7be6;box-shadow:0 3px #6f63d8,0 0 22px #aa8cff73}.card[data-rarity=legendary]{border-color:#d9a93a;box-shadow:0 3px #a8741a,0 0 24px #ffcd5a80}.hollow-stage~#site-footer .peek{display:none}.title p,.title p.clock,.card,.sheet .row{border:0;box-shadow:0 1px #16251a0f,0 10px 30px -12px #16251a59}.card{border-radius:18px}.card[data-rarity=uncommon]{box-shadow:0 0 0 2px #5e9e6e,0 10px 30px -12px #16251a59}.card[data-rarity=rare]{box-shadow:0 0 0 2px #8a7be6,0 0 22px #aa8cff73}.card[data-rarity=legendary]{box-shadow:0 0 0 2px #d9a93a,0 0 24px #ffcd5a80}.card h2,.needs-title{letter-spacing:-.02em;font-family:Bricolage Grotesque,Inter,sans-serif}.adopt a.btn,.hollow-stage button{border-radius:999px}
