.y-app:has(.yard-world){width:min(100vw,1080px);margin-inline:auto;padding-inline:18px}.y-app:has(.yard-world) .y-hud{background:var(--q-paper);box-shadow:none;border-radius:20px;gap:8px;position:relative;top:auto}.y-app:has(.yard-world) .y-hud .who b{font-size:15px;line-height:1.6}.y-app:has(.yard-world) .y-hud .who small{font-size:12px}.y-app:has(.yard-world) .y-chips{gap:5px}.yard-world{--yard-ground:#ead8cf;color:var(--q-ink)}.yard-world button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.yard-world button:focus-visible{outline:3px solid var(--q-ink);outline-offset:3px}.yard-world-heading{justify-content:space-between;align-items:center;padding:12px 2px 10px;display:flex}.yard-eyebrow{color:var(--q-muted);font-size:12px}.yard-world-heading h1{font-family:var(--q-display);margin:0;font-size:32px;line-height:1.35}.yard-soft-button{border:1px solid var(--q-line);background:var(--q-paper);min-height:44px;color:var(--q-ink);border-radius:14px;align-items:center;gap:7px;padding:8px 13px;display:flex;font-size:14px!important}.yard-stage{isolation:isolate;background:var(--yard-ground);border:1px solid var(--q-line);border-radius:26px;height:clamp(380px,57dvh,650px);position:relative;overflow:hidden}.yard-canvas{touch-action:none;position:absolute;inset:0}.yard-canvas canvas{width:100%;height:100%;display:block}.yard-world-toolbar{flex-direction:column;gap:5px;display:flex;position:absolute;top:12px;left:12px}.yard-world-toolbar button{border:1px solid var(--q-line);width:44px;height:44px;color:var(--q-ink);background:#fff8f1f0;border-radius:13px;place-items:center;display:grid;box-shadow:0 2px 4px #26315308}.yard-world-toolbar button:active{transform:scale(.95)}.yard-gesture-hint{text-align:center;color:var(--q-ink);pointer-events:none;text-shadow:0 1px 4px var(--q-paper);bottom:12px;font-size:12px;position:absolute;inset-inline:12px}.yard-loading{color:var(--q-ink);background:var(--yard-ground);justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.yard-fallback,.yard-fallback .y-scene{border:0;border-radius:0;height:100%;margin:0}.yard-empty{border:1px solid var(--q-line);inset-inline:18px;background:#fff8f1f2;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:290px;margin:auto;padding:14px;display:flex;position:absolute;bottom:42px}.yard-empty button{background:var(--q-accent);color:var(--q-ink);border:0;border-radius:12px;min-height:44px;padding:8px 18px;font-weight:700}.yard-fallback-notice{flex-wrap:wrap;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.yard-fallback-notice button{background:var(--q-paper);border:1px solid var(--q-line);border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:8px;display:flex}.yard-care-places{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0;display:grid}.yard-care-places button{background:var(--q-paper);border:1px solid var(--q-line);min-height:54px;color:var(--q-ink);border-radius:15px;justify-content:center;align-items:center;gap:7px;font-size:13px;display:flex}.yard-care-places button:first-child{background:#ffdfcc}.yard-feedback{margin:0 0 10px;font-size:14px}.yard-roster-title{justify-content:space-between;align-items:center;margin:7px 2px 12px;display:flex}.yard-roster-title h2{font-family:var(--q-display);margin:0;font-size:19px}.yard-roster-title>span{color:var(--q-muted);font-size:12px}.yard-roster{scroll-snap-type:x proximity;gap:9px;padding:2px 2px 12px;display:flex;overflow-x:auto}.yard-roster-cat{text-align:start;border:1px solid var(--q-line);background:var(--q-paper);color:var(--q-ink);scroll-snap-align:start;border-radius:18px;flex:0 0 160px;align-items:center;gap:9px;padding:12px 10px 17px;display:flex;position:relative}.yard-roster-cat img,.yard-roster-avatar{object-fit:cover;border-radius:13px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.yard-roster-avatar svg{color:var(--q-paper);filter:drop-shadow(0 1px 2px #263153)}.yard-roster-cat b{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:14px;display:block;overflow:hidden}.yard-roster-cat small{color:var(--q-muted);font-size:12px;display:block}.yard-need-meter{background:var(--q-bg);border-radius:4px;height:3px;position:absolute;bottom:8px;left:12px;right:12px;overflow:hidden}.yard-need-meter i{background:var(--q-accent);height:100%;display:block}.y-app .y-nav button{min-height:48px}.y-app .y-modal [data-yard-photo]{max-height:210px;aspect-ratio:1.5!important}@media (width>=700px){.yard-stage{height:620px}.yard-world-heading{padding-top:20px}.yard-care-places{max-width:570px;margin:auto}.y-app:has(.yard-world) .y-hud{max-width:600px;margin-inline:auto}.yard-roster-cat{flex-basis:180px}}@media (width<=370px){.y-app:has(.yard-world){padding-inline:10px}.yard-care-places button{flex-direction:column;gap:3px;font-size:12px}.y-app:has(.yard-world) .y-hud{grid-template-columns:1fr}.yard-stage{height:430px}}@media (prefers-reduced-motion:reduce){.yard-world *{scroll-behavior:auto!important;transition:none!important}.y-app .y-modal,.y-app .y-modal-bg{animation:none}}