.spirit-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.spirit-card{min-width:0;border-radius:26px;padding:20px;background:linear-gradient(145deg,#fffdf7,#f8f5ec);border:1px solid #e7ddcc;box-shadow:0 8px 22px #7461440b;display:flex;flex-direction:column}.spirit-card.owned{border-color:var(--spirit-color);box-shadow:0 6px 22px color-mix(in srgb,var(--spirit-color) 25%,transparent)}.spirit-card-top{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#756b60}.spirit-card-top b{background:#edf0df;border-radius:30px;padding:4px 9px}.spirit-portrait{height:230px;display:grid;place-items:center;margin:12px 0;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--spirit-color) 35%,transparent),transparent 65%)}.spirit-art{display:inline-block;position:relative;width:100%;height:100%;isolation:isolate}.spirit-art img{position:relative;display:block;width:100%;height:100%;object-fit:contain;z-index:1}.spirit-card h3{margin:5px 0;font-size:21px}.spirit-card p{font-size:14px;line-height:1.65;margin:8px 0}.spirit-card .spirit-motif{color:#827362;font-size:12px;margin:0}.spirit-keywords{color:#70614f;line-height:1.6;min-height:2em}.spirit-card progress{width:100%;height:8px;margin:16px 0 8px;accent-color:#74aa91}.spirit-card>small{color:#796d60;font-size:12px}.spirit-card-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:auto;padding-top:15px}.spirit-card-actions button{border:1px solid #d8dccc;background:#f1f5e9;border-radius:14px;padding:10px;font-size:13px}.spirit-card-actions button[aria-pressed=true]{background:#547c69;color:white}.spirit-card-actions button:disabled{opacity:.55;cursor:default}.spirit-total{background:#e7eee0;color:#52725c;border-radius:30px;padding:12px;white-space:nowrap}.spirit-notice{min-height:24px;color:#63735d;font-size:14px}.spirit-rules{background:#f1ede6;padding:22px;border-radius:22px;margin-top:24px;line-height:1.8;font-size:14px}.spirit-rules p{margin:8px 0}.spirit-aura{position:absolute;inset:5%;color:#dfb54a;font-size:100px;display:grid;place-items:center;z-index:0;background:radial-gradient(ellipse,#ffdf8580,transparent 67%);animation:spiritGlow 2s ease-in-out infinite alternate}.awakened:after{content:'✧';position:absolute;top:4%;right:2%;font-size:28px;color:#c99532;z-index:2}.home-companion{border:0;background:transparent;width:100px;height:110px;flex:none;padding:3px}.learner-profile{position:relative}.spirit-garden{margin:25px 0;padding:22px;border:1px solid #e1d9ca;border-radius:28px;background:linear-gradient(#f4f3e9,#e6efdf);overflow:hidden}.spirit-garden-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.spirit-garden-title h3{margin:5px 0 15px}.spirit-garden-title>span{font-size:13px;color:#697c65}.spirit-floor{height:370px;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(#e7eee0 0 27%,#f0e5d2 27% 30%,#deceb0 30%,#f4e6cd);border-bottom:8px solid #c4aa87;touch-action:manipulation;cursor:crosshair}.garden-window{position:absolute;top:3%;left:43%;width:14%;height:23%;background:#cae5e5;border:8px solid #fcf7e9;border-radius:40% 40% 8px 8px;display:grid;place-items:center;font-size:28px;color:#e9bf5e}.garden-rug{position:absolute;left:20%;top:47%;width:60%;height:35%;border-radius:50%;background:repeating-radial-gradient(ellipse,#ccdbc3,#ccdbc3 14px,#dfebd4 15px,#dfebd4 19px);transform:rotate(-4deg);opacity:.7}.walking-spirit{position:absolute;width:130px;height:150px;border:0!important;outline-offset:2px;background:transparent!important;padding:0!important;transform:translate(-50%,-100%) scale(var(--depth,1));transform-origin:50% 100%;cursor:pointer;will-change:left,top;filter:none!important}.walking-spirit>.spirit-art{transform:translateY(var(--hop,0));pointer-events:none}.ground-shadow{position:absolute;bottom:-4px;left:20%;width:60%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#5c513d45,transparent 70%)}.friend-heart{position:absolute;top:-10px;left:45%;color:#d88099;font-size:25px;opacity:0;pointer-events:none}.petted .friend-heart{opacity:1}.spirit-world-tools{display:flex;justify-content:center;gap:12px;margin-top:15px}.spirit-world-tools button{border:1px solid #c6d6be;background:#fffdf5;border-radius:24px;padding:10px 24px}.spirit-speech,.garden-locked,.garden-empty{text-align:center;color:#62745e;line-height:1.8}.spirit-speech{min-height:28px;font-size:14px}.garden-empty{position:absolute;top:40%;width:100%;font-size:16px}.garden-locked{padding:35px 10px}.battle-spirit{display:inline-block;width:55px;height:65px;flex:none}.spirit-result{display:flex;align-items:center;justify-content:center;gap:12px;background:#f2eddb;border-radius:18px;padding:10px;margin:10px 0}.spirit-result .spirit-art{width:90px;height:95px}.spirit-result span{font-size:14px}.spirit-discovery{position:fixed;right:20px;top:20px;z-index:10000;background:#fffdf2;border:1px solid #ddc899;border-radius:22px;padding:12px 20px;box-shadow:0 10px 30px #51482c28;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 40px);pointer-events:none}.spirit-discovery .spirit-art{width:65px;height:75px}.spirit-discovery p{margin:3px;font-size:14px}@keyframes spiritGlow{to{opacity:.6;transform:scale(1.1)}}@media(max-width:850px){.spirit-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.home-companion{width:70px;height:80px}}@media(max-width:520px){.spirit-collection{grid-template-columns:1fr}.spirit-card{padding:18px}.spirit-portrait{height:240px}.spirit-garden{padding:12px}.spirit-floor{height:310px}.walking-spirit{width:100px;height:120px}.home-companion{width:55px;height:65px}.spirit-total{font-size:12px}.spirit-garden-title>span{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.spirit-aura{animation:none}}
.spirit-portrait{flex:0 0 230px;min-height:0;overflow:hidden}.spirit-portrait>.spirit-art{height:230px;min-height:0}.spirit-portrait .spirit-art img{height:230px;max-height:230px;min-height:0}@media(max-width:520px){.spirit-portrait{flex-basis:240px}.spirit-portrait>.spirit-art,.spirit-portrait .spirit-art img{height:240px;max-height:240px}}