.nature-card{isolation:isolate;background:var(--card-frame);width:264px;height:376px;color:var(--card-ink);text-align:left;border-radius:11px;flex:0 0 264px;padding:10px 16px;position:relative;box-shadow:inset 0 2px 2px #fff5,inset 0 -3px 2px #182d2733,0 9px 16px #30422d22}.nature-card:before{content:"";border:1px solid var(--card-line);pointer-events:none;z-index:2;border-radius:8px;position:absolute;inset:4px}.nature-card-title{background:var(--card-paper);border-bottom:1px solid var(--card-line);z-index:1;border-radius:6px 6px 2px 2px;align-items:center;height:40px;margin:0 -6px;padding:0 12px;display:flex;position:relative;box-shadow:0 2px #00000016}.nature-card-title h3{text-align:center;letter-spacing:-.6px;color:var(--card-ink);flex:1;margin:0;padding-left:21px;font:700 23px/1.05 Georgia,serif}.nature-card-title h3.long-card-name{letter-spacing:-.45px;font-size:19px}.nature-card-title>span{width:21px;height:21px;color:var(--card-accent);flex:none}.nature-card svg{width:100%;height:100%}.nature-card-art{background:var(--card-paper);width:232px;height:146px;position:relative;overflow:hidden}.nature-card-art:after{content:"";box-shadow:inset 0 0 0 2px var(--card-line);pointer-events:none;position:absolute;inset:0}.nature-card-art img{object-fit:cover;width:100%;height:100%;display:block}.nature-card-copy{background:var(--card-paper);border:1px solid var(--card-line);border-bottom:0;height:146px;padding:9px 8px;overflow:hidden}.nature-card-copy p{letter-spacing:-.19px;color:var(--card-ink);margin:0;font:400 14.5px/18px DM Sans,Arial,sans-serif}.nature-card-footer{background:var(--card-paper);border:1px solid var(--card-line);height:24px;color:var(--card-ink);border-top:0;border-radius:0 0 3px 3px;justify-content:space-between;align-items:center;gap:6px;padding:0 8px 5px;display:flex}.card-class{text-transform:uppercase;letter-spacing:.55px;white-space:nowrap;align-items:center;gap:5px;font:700 9px/1.1 DM Sans,Arial,sans-serif;display:flex}.card-class svg{flex:none;width:12px;height:12px}.card-position{white-space:nowrap;font:500 10px/1.1 DM Sans,Arial,sans-serif}.nature-card>.nature-card-open{width:100%;height:100%;box-shadow:none;z-index:3;cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:0;padding:0;position:absolute;inset:0;transform:none}.nature-card>.nature-card-open:hover{background:#ffffff08;transform:none}.nature-card>.nature-card-open:focus-visible{outline-offset:5px;outline:3px solid #36553d;box-shadow:0 0 0 2px #fff}@media (prefers-reduced-motion:reduce){.nature-card,.nature-card-open{transition:none;animation:none}}@font-face{font-family:Nature Display;font-style:normal;font-weight:650;font-display:swap;src:url(/fonts/nature-card/fraunces-latin.woff2)format("woff2")}@font-face{font-family:Nature Body;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/nature-card/dm-sans-latin.woff2)format("woff2")}.nature-card[data-theme-version=atelier-v2]{box-shadow:none;filter:drop-shadow(0 2px 1px #241c182b)drop-shadow(0 9px 8px #241c1826);background:0 0;border-radius:27px;padding:0}.nature-card[data-theme-version=atelier-v2]:before{content:none}.nature-card-frame{clip-path:inset(.5px round 27px 27px 25px 25px/24px 24px 18px 18px);background:var(--card-frame);pointer-events:none;position:absolute;inset:0;overflow:hidden}.nature-card-paint{filter:grayscale();position:absolute;inset:0}.nature-card-frame-band{background-image:url(/cards/frames/atelier-v2-rounded.webp);background-repeat:no-repeat;width:264px;position:absolute;left:0}.nature-card-pigment{mix-blend-mode:color;background:var(--card-frame);position:absolute;inset:0}.nature-card-reading-surface{background:var(--card-paper);opacity:.46;pointer-events:none;border-radius:12px 12px 13px 13px;position:absolute;inset:205px 17px 17px}.nature-card-art-rim{box-sizing:border-box;border:3.4px solid;border-top-color:color-mix(in srgb,var(--card-line) 70%,#fff4d4);border-left-color:color-mix(in srgb,var(--card-line) 85%,#fff4d4);border-right-color:color-mix(in srgb,var(--card-line) 79%,#342e30);border-bottom-color:color-mix(in srgb,var(--card-line) 70%,#342e30);pointer-events:none;border-radius:12px;width:235.8px;height:152.6px;position:absolute;top:43.8px;left:14.1px;box-shadow:0 0 0 .7px #332c244a,inset 0 0 0 .6px #43393466}.nature-card[data-theme-version=atelier-v2]:has(>.card-position[data-count="3"]){--card-position-width:55px}.nature-card[data-theme-version=atelier-v2]:has(>.card-position[data-count="4"]){--card-position-width:73px}.nature-card[data-theme-version=atelier-v2] .nature-card-title{left:22px;right:calc(var(--card-position-width,37px) + 22px);height:35px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute;top:9px}.nature-card[data-theme-version=atelier-v2] .nature-card-title h3{font-optical-sizing:auto;text-align:left;letter-spacing:-.8px;white-space:nowrap;text-shadow:0 1px #fff4dd5e;padding:0;font:650 25px/1 Nature Display,Georgia,serif}.nature-card[data-theme-version=atelier-v2] .nature-card-title h3.long-card-name{letter-spacing:-.65px;font-size:21.5px}.nature-card[data-theme-version=atelier-v2] .nature-card-art{border-radius:9px;width:229.2px;height:146px;position:absolute;top:47px;left:17.4px}.nature-card[data-theme-version=atelier-v2] .nature-card-art:after{content:none}.nature-card[data-theme-version=atelier-v2] .nature-card-copy{background:0 0;border:0;align-items:center;height:144px;padding:0;display:flex;position:absolute;top:210px;left:25px;right:25px;overflow:visible}.nature-card[data-theme-version=atelier-v2] .nature-card-copy p{letter-spacing:-.19px;text-wrap:pretty;font:400 14.5px/18px Nature Body,Arial,sans-serif}.nature-card[data-theme-version=atelier-v2]>.card-position{width:var(--card-position-width,37px);box-sizing:border-box;height:37px;color:color-mix(in srgb,var(--card-ink) 90%,var(--card-frame));filter:drop-shadow(0 1px .15px #fff1cbad);flex-wrap:nowrap;justify-content:center;align-items:center;padding:3px;display:flex;position:absolute;top:5px;right:13px}.nature-card[data-theme-version=atelier-v2]>.card-position svg{flex:none;width:23px;height:23px}.nature-card[data-theme-version=atelier-v2]>.card-position svg[data-position=Root]{transform:rotate(180deg)}.nature-card[data-theme-version=atelier-v2]>.card-position:not([data-count="1"]){gap:1px;padding:3px 0}.nature-card[data-theme-version=atelier-v2]>.card-position:not([data-count="1"]) svg{width:17px;height:23px}.nature-card[data-theme-version=atelier-v2]>.nature-card-open{background:0 0;border-radius:27px}