:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));color:#eee;background:#0b1410;margin:0;font:16px system-ui,sans-serif}a{color:inherit}.df-header h1{margin:0 0 4px;font-size:22px}.df-subtitle{color:#9db8a8;margin:0 0 16px;font-size:16px;line-height:1.5}.df-rater-bar{color:#9db8a8;background:#5ab47814;border:1px solid #5ab47840;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:8px 12px;font-size:16px;display:flex}.df-rater-form{flex-wrap:wrap;flex:100%;gap:8px;min-width:220px;display:flex}.df-rater-form[hidden]{display:none}.df-rater-form input{color:#eee;min-width:12ch;font:inherit;background:#101c16;border:1px solid #5ab47866;border-radius:6px;flex:auto;padding:12px;font-size:16px}.df-zip-form{margin:4px 0 16px}.df-zip-label{color:#9db8a8;margin-bottom:6px;font-size:16px;display:block}.df-zip-row{gap:8px;display:flex}.df-zip-row input{color:#eee;min-width:0;font:inherit;background:#101c16;border:1px solid #5ab47866;border-radius:8px;flex:1;padding:9px 12px;font-size:16px}.df-zip-btn,.df-chip{color:#6adf8c;font:inherit;cursor:pointer;background:0 0;border:1px solid #6adf8c;border-radius:8px;padding:9px 14px;font-size:16px}.df-chip{color:#9db8a8;border-color:#5ab47866;padding:6px 12px;font-size:16px}.df-chip.active{color:#0b1410;background:#6adf8c;border-color:#6adf8c;font-weight:700}.df-chip-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.df-warning{color:#ffb84d;background:#ffb84d1a;border:1px solid #ffb84d4d;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:16px}.df-status{color:#9db8a8;font-size:16px}.df-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:8px 0 0;padding:0;list-style:none;display:grid}.df-card{background:#101c16;border:1px solid #5ab4784d;border-radius:12px;overflow:hidden}.df-photo{aspect-ratio:4/3;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#0e1712;transition:transform .1s;position:relative}.df-photo.df-pressed{transform:scale(.95)}.df-photo:focus-visible{outline-offset:2px;outline:2px solid #6adf8c}.df-distance{color:#6adf8c;font-variant-numeric:tabular-nums;background:#0b1410d9;border-radius:999px;padding:3px 8px;font-size:16px;position:absolute;top:6px;right:6px}.df-photo img{object-fit:cover;width:100%;height:100%;display:block}.df-photo--none{color:#567;justify-content:center;align-items:center;font-size:16px;display:flex}.df-body{padding:10px 12px 14px}.df-name{color:#fff;margin:0 0 4px;font-size:17px}.df-meta{color:#cfe;margin:0 0 4px;font-size:16px}.df-shelter{color:#9db8a8;margin:0 0 8px;font-size:16px}.df-badge{color:#ffb84d;letter-spacing:.03em;background:#ffb84d26;border-radius:999px;padding:3px 9px;font-size:16px;display:inline-block}.df-badge[hidden]{display:none}.df-view-link{color:#6adf8c;margin-top:10px;font-size:16px;text-decoration:none;display:block}.df-view-link:hover{text-decoration:underline}.df-footer{color:#6a8577;margin-top:24px;font-size:16px;line-height:1.6}.df-footer a{color:#6adf8c}.df-rating-row{justify-content:space-between;align-items:center;gap:8px;padding:0 12px 12px;display:flex}.df-rating-avg{color:#9db8a8;font-size:16px}.df-bones{gap:2px;display:flex}.df-bone{cursor:pointer;filter:grayscale()opacity(.4);background:0 0;border:none;padding:2px;font-size:16px;transition:filter .1s}.df-bone:hover{filter:grayscale(.4)opacity(.8)}.df-bone.filled{filter:none;opacity:1}.df-modal{z-index:100;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.df-modal[hidden]{display:none}@media (width>=480px){.df-modal{align-items:center}}.df-modal-backdrop{background:#050a08bf;position:absolute;inset:0}.df-modal-content{width:100%;max-width:420px;max-height:90vh;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#101c16;border:1px solid #5ab47866;border-radius:16px 16px 0 0;position:relative;overflow-y:auto}@media (width>=480px){.df-modal-content{border-radius:16px}}.df-modal-close{color:#eee;cursor:pointer;background:#0b1410d9;border:none;border-radius:999px;width:32px;height:32px;font-size:20px;line-height:1;position:absolute;top:10px;right:10px}.df-modal-photo{background:#0e1712;border-radius:10px;margin-bottom:12px;overflow:hidden}.df-modal-photo img{object-fit:contain;width:100%;height:auto;max-height:60vh;display:block}#modal-name{color:#fff;margin:0 0 6px;font-size:20px}#modal-shelter{margin-bottom:8px}#modal-badge:empty{display:none}.df-modal-link{text-align:center;color:#0b1410;background:#6adf8c;border-radius:8px;margin-top:14px;padding:10px;font-size:16px;font-weight:700;text-decoration:none;display:block}.df-rater-hint{color:#6a8577;flex:100%;margin:6px 0 0;font-size:16px;line-height:1.4}.df-walkthrough{text-align:center;color:#0b1410;background:#6adf8c;border-radius:10px;margin:4px 0 14px;padding:14px;font-size:17px;font-weight:700;text-decoration:none;display:block}.df-walkthrough[hidden]{display:none}#intro-ok{width:100%;margin-top:14px}html,body{color:#eee;background:#0b1410;height:100%;margin:0;font:16px system-ui,sans-serif;overflow:hidden}body{padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(8px + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;display:flex;position:relative}.card-nav{z-index:30;justify-content:flex-start;align-items:center;gap:12px;padding-bottom:6px;display:flex;position:relative}.card-brand{letter-spacing:.02em;color:#6adf8c;font-weight:700}.card-handle{cursor:pointer;background:0 0;border:1px solid #5ab47866;border-radius:9px;flex:none;place-items:center;width:40px;height:40px;padding:0;transition:background .15s,border-color .15s;display:grid}.card-handle svg{stroke:#9db8a8;stroke-width:2px;stroke-linecap:round;fill:none;width:22px;height:22px}.card-handle[aria-expanded=true]{background:#5ab47829;border-color:#5ab478bf}.card-handle[aria-expanded=true] svg{stroke:#6adf8c}.card-drawer{z-index:40;background:#0a140ff7;border:1px solid #5ab47859;border-radius:10px;flex-direction:column;gap:6px;min-width:210px;padding:8px;display:flex;position:absolute;top:46px;left:0;box-shadow:0 10px 28px #0000008c}.card-drawer[hidden]{display:none}.card-drawer .nav-btn{color:#cfe6d8;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #5ab4784d;border-radius:8px;padding:11px 12px;font-size:16px;text-decoration:none;display:block}.card-drawer .nav-btn:hover{background:#5ab47824}.card-drawer .nav-btn[aria-pressed=true]{color:#6adf8c;border-color:#78e696d9}.card-nav-btn{color:#9db8a8;font:inherit;cursor:pointer;background:0 0;border:1px solid #5ab47866;border-radius:8px;padding:7px 14px;font-size:16px}.card-nav-btn[disabled]{opacity:.45;cursor:not-allowed}#scene{flex:1;width:100%;min-height:0;display:block}.card-caption{text-align:center;padding:6px 0 2px}.card-caption[hidden]{display:none}.card-caption h1{color:#fff;margin:0;font-size:22px}.card-caption p{color:#9db8a8;margin:2px 0 0;font-size:16px}.card-status{text-align:center;color:#9db8a8;margin:8px 0;font-size:16px}.card-status[hidden]{display:none}.card-actions{align-items:center;gap:8px;padding-top:8px;display:flex}.card-learn{color:#0b1410;font:inherit;cursor:pointer;background:#6adf8c;border:none;border-radius:10px;flex:1;padding:15px 12px;font-size:17px;font-weight:700}.card-step{color:#6adf8c;width:52px;font:inherit;cursor:pointer;background:0 0;border:1px solid #5ab47866;border-radius:10px;padding:15px 0;font-size:22px;line-height:1}.bone-bar{flex-wrap:wrap;align-items:center;gap:14px;padding:6px 2px 0;display:flex}.bone-bar[hidden]{display:none}.rate-bones{align-items:center;gap:2px;display:flex}.rate-bone{cursor:pointer;background:0 0;border:none;padding:2px;line-height:0;transition:transform .12s,filter .12s}.rate-bone:hover{transform:scale(1.15)}.rate-bones.overridden{filter:opacity(.4)grayscale(.5)}.gold-bone{cursor:grab;touch-action:none;border-radius:50%;width:44px;height:44px;transition:filter .15s,transform .12s}.gold-bone:hover{transform:scale(1.08)}.gold-bone:active{cursor:grabbing}.gold-bone canvas{width:44px;height:44px;display:block}.gold-bone.placed{filter:drop-shadow(0 0 9px #ffc83cf2)}.gold-bone.elsewhere{filter:opacity(.5)saturate(.6)}.silver-bones{z-index:5;pointer-events:none;justify-content:center;gap:6px;padding:0 8px;display:flex;position:absolute;top:52px;left:0;right:0}.silver-bone{pointer-events:auto;cursor:grab;touch-action:none;filter:opacity(.55)saturate(.5);padding:2px;line-height:0;transition:filter .15s,transform .12s}.silver-bone:hover{transform:scale(1.12)}.silver-bone.placed{filter:drop-shadow(0 0 6px #d2e6f5f2)opacity()}.silver-bone.elsewhere{filter:opacity(.32)saturate(.25)}.silver-bone.dragging,.gold-bone.dragging{z-index:60;cursor:grabbing;filter:drop-shadow(0 6px 14px #0009);pointer-events:none;position:fixed;transform:scale(1.35)}.bone-msg{color:#ffb84d;flex:100%;font-size:16px}.bone-msg[hidden]{display:none}.voice-status{text-align:center;color:#9db8a8;margin:4px 0 0;font-size:16px}.voice-status[hidden]{display:none}.card-drawer .nav-btn#voice-btn[aria-pressed=true]{color:#0b1410;background:#6adf8c;border-color:#6adf8c;font-weight:700}.card-drawer .nav-btn:disabled{opacity:.45;cursor:not-allowed}#scene{touch-action:none}.paused-hint{text-align:center;color:#ffb84d;margin:4px 0 0;font-size:16px}.paused-hint[hidden]{display:none}.card-hint{text-align:center;color:#6a8577;margin:4px 0 0;font-size:16px}