.persona-portrait{position:relative;margin:16px 0 8px;padding-top:38px;background:radial-gradient(ellipse at 50% 64%,#e1f0e8 0,transparent 69%);border-radius:20px}.persona-pet{display:block;position:relative;width:100%;border:0;padding:0;background:transparent;cursor:pointer;border-radius:18px;touch-action:manipulation}.persona-pet canvas{display:block;width:100%;height:auto;aspect-ratio:1}.persona-line{position:absolute;top:0;right:0;max-width:90%;padding:7px 11px;border:1px solid #c8ded5;border-radius:13px 13px 3px 13px;background:#ffffffed;color:#32615c;line-height:1.6;font-size:12px;pointer-events:none}.persona-fallback{position:absolute;inset:35% 5% auto;padding:15px;border-radius:12px;background:#f8fbf9;font-size:13px;color:#3c6e64}.persona-fallback[hidden]{display:none}.map-grid{min-width:600px;gap:6px}.map-grid button{padding:3px 2px 6px;aspect-ratio:auto;min-height:93px}.map-grid button img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.map-grid button b{font-size:12px}.map-grid button span{font-size:9px;margin-top:2px}.map-grid button[aria-pressed=true]{box-shadow:0 0 0 2px #80b8ac}.map-grid button.mine:after{font-size:10px;right:3px;top:3px}@media(max-width:370px){.map-grid{min-width:560px}.persona-line{font-size:11px}}