:root{--panel:#f4f0e0;--ink:#2a2233;--muted:#6b6573;--line:#e0d9c3;--edge:#2a2233;--accent:#6f8f3a;--btn:#2a2233;--btnink:#f4f0e0;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--panel:#29232f;--ink:#efeadf;--muted:#a99fae;--line:#40384a;--edge:#110e14;--accent:#b6d46a;--btn:#b6d46a;--btnink:#1c1820}}:root[data-theme=dark]{--panel:#29232f;--ink:#efeadf;--muted:#a99fae;--line:#40384a;--edge:#110e14;--accent:#b6d46a;--btn:#b6d46a;--btnink:#1c1820}*,:before,:after{box-sizing:inherit}html,body{height:100%;margin:0}body{color:var(--ink);background:#2b2533;font-family:Figtree,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.title{left:16px;top:calc(14px + env(safe-area-inset-top,0px));pointer-events:none;position:fixed}.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{left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));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:fixed}.clock{font-variant-numeric:tabular-nums;align-items:center;gap:8px;min-width:84px;font-weight:700;display:flex}#sunmoon{border:1.5px solid var(--edge);background:#f2c94c;border-radius:50%;flex:none;width:13px;height:13px}#sunmoon.night{background:#c9c2f0}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}button:hover{background:var(--line)}button[aria-pressed=true],button.primary{background:var(--btn);color:var(--btnink)}button.primary:hover{filter:brightness(1.15)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#mine[hidden]{display:none}.card{right:12px;top:calc(12px + env(safe-area-inset-top,0px));background:var(--panel);border:2px solid var(--edge);width:264px;box-shadow:0 3px 0 var(--edge);border-radius:16px;padding:14px 16px;position:fixed}.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;top:auto;left:12px;right:12px;bottom:calc(112px + env(safe-area-inset-bottom,0px))}}@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);border:1.5px solid var(--edge);white-space:nowrap;border-radius:10px;padding:5px 10px;font-weight:700;text-decoration:none}.adopt a.btn.primary{background:var(--btn);color:var(--btnink);border-color:var(--btn)}.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}}.adopt .gift-ico{vertical-align:-4px;width:20px;height:auto;margin-right:6px}