/* Folha Espectral: approved transparent artwork, live text, no idle animation. */
@font-face{font-family:'Forest Spirits';src:url('/assets/apply/isometric/spirits/cormorant-garamond-latin.woff2?hhv=8048ac209bec741e1c29cd0cfac5aac1') format('woff2');font-style:normal;font-weight:400;font-display:swap}
/* Approved Two Lines composition: one flow layout owns both utility and points rows. */
.iso-app{--spirits-size:210px}
.iso-app .iso-header{height:auto;align-items:flex-start;pointer-events:none}
.iso-header>.iso-brand{pointer-events:auto;padding-top:4px}
.iso-header>.iso-location{top:16px}
.iso-header-player{display:grid;grid-template-rows:auto auto;gap:0;justify-items:start;margin-left:auto;width:330px;max-width:calc(100vw - 300px);min-width:0;pointer-events:auto}
.iso-header-player .iso-header-actions{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;min-height:36px;margin:0;font:400 15px/1.2 Georgia,'Times New Roman',serif}
.iso-header-player .iso-header-actions:has(.iso-save:empty){grid-template-columns:minmax(0,1fr) auto}
.iso-header-player .iso-save{display:inline-flex;align-items:center;gap:10px;max-width:110px;text-align:left;font:400 14px/1.25 Georgia,'Times New Roman',serif;color:#c9c4ac}
.iso-header-player .iso-save:empty{display:none}
.iso-header-player .iso-save[data-state=saved]::before{content:'';display:block;flex:none;width:7px;height:14px;margin:0 3px 5px 3px;border-right:1.5px solid #d8c38f;border-bottom:1.5px solid #d8c38f;transform:rotate(45deg)}
.iso-header-player .iso-save[data-state=error]{color:#edc7a5}
.iso-header-player .iso-text-button{min-width:0;width:100%;max-width:none;min-height:36px;padding:6px 0;font:inherit;text-align:left;color:#e0d9c3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iso-header-player .iso-exit{display:inline-flex;align-items:center;gap:12px;min-height:30px;padding:3px 0 3px 20px;border-left:1px solid #c4ac754d;font:inherit;white-space:nowrap;color:#d7d0b8!important}
.iso-header-player .iso-exit span{display:inline-flex;align-items:center;margin:0;color:#cbb27a}
.iso-header-player .iso-exit svg{width:17px;height:17px}
.iso-header-spirits{position:relative;width:100%;min-width:0}
.is-panel-open .iso-header-player{visibility:hidden;pointer-events:none}
.iso-spirits-host{--spirits-gold:#ddc08c;--spirits-ivory:#f1e6c9;--spirits-type:'Forest Spirits',Georgia,'Times New Roman',serif;position:fixed;z-index:35;top:calc(14px + env(safe-area-inset-top));right:max(var(--iso-edge,25px),env(safe-area-inset-right));width:max-content;max-width:calc(100vw - 32px);color:var(--spirits-ivory);font-family:var(--spirits-type);isolation:isolate;pointer-events:auto}
.iso-header-spirits>.iso-spirits-host{position:relative;inset:auto;width:100%;max-width:none}
.is-bank-conversation .iso-spirits-host{top:calc(7px + env(safe-area-inset-top));right:max(78px,env(safe-area-inset-right))}
.iso-app .iso-spirits-meter{position:relative;display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;height:44px;min-height:44px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--spirits-ivory);text-align:left;cursor:pointer;overflow:visible;pointer-events:auto;isolation:isolate;-webkit-tap-highlight-color:transparent}
.iso-spirits-meter::before,.iso-spirits-meter::after{display:none}
.iso-spirits-meter:focus-visible{outline:1px solid #f4d698!important;outline-offset:5px!important;border-radius:6px}
.iso-spirits-art{position:relative;display:block;flex:0 0 48px;width:48px;height:32px;overflow:hidden;mask-image:linear-gradient(90deg,#000 77%,transparent 100%);pointer-events:none;filter:drop-shadow(0 1px 2px #03170c80)}
.iso-app .iso-spirits-leaf{display:block;width:96px;height:32px;max-width:none;object-fit:fill;pointer-events:none;user-select:none;opacity:.9;transition:opacity .2s ease}
.iso-spirits-meter:hover .iso-spirits-leaf,.iso-spirits-meter:focus-visible .iso-spirits-leaf{opacity:1}
.iso-spirits-surge{position:absolute;inset:0;background:url('/assets/apply/isometric/spirits/folha-espectral.webp?hhv=4c13299510a821db865c64a712b991c6') left center/96px 32px no-repeat;pointer-events:none;opacity:0;mix-blend-mode:screen}
.iso-spirits-arrival-anchor{position:absolute;left:29px;top:25px;width:2px;height:2px;pointer-events:none}
.iso-spirits-reading{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0;pointer-events:none;isolation:isolate}
.iso-spirits-caption{order:2;font:italic 15px/1.2 Georgia,'Times New Roman',serif;letter-spacing:.15px;text-transform:none;color:#c7c5ae;white-space:nowrap;text-shadow:0 1px 5px #001209}
.iso-spirits-total{order:1;display:block;color:var(--spirits-ivory);font:400 30px/1 var(--spirits-type);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.1px;white-space:nowrap;text-shadow:0 1px 5px #001209}
.iso-spirits-total[data-digits=wide]{font-size:27px;letter-spacing:0}
.iso-spirits-total[data-digits=long]{font-size:23px;letter-spacing:0}
.iso-spirits-halo{position:absolute;left:0;top:5px;width:48px;height:34px;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 65%,#fff5c04a,transparent 65%);mix-blend-mode:screen}
.iso-spirits-host.is-receiving .iso-spirits-surge{animation:iso-spirit-veins .76s ease-out both}
.iso-spirits-host.is-receiving .iso-spirits-halo{animation:iso-spirit-arrival .8s ease-out both}
@keyframes iso-spirit-veins{0%{opacity:0}22%{opacity:.68}100%{opacity:0}}
@keyframes iso-spirit-arrival{0%{opacity:0;transform:scale(.82)}28%{opacity:.72;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}
.iso-spirits-history{position:absolute;right:0;top:calc(100% + 10px);width:320px;max-width:calc(100vw - 28px);max-height:min(490px,calc(100dvh - 210px));overflow:auto;overscroll-behavior:contain;padding:18px 18px 12px;background:linear-gradient(130deg,#18251afc,#09150ffc);border:1px solid #a78b537c;box-shadow:0 16px 50px #02070466,inset 0 0 0 4px #d7b66d08;scrollbar-width:thin;scrollbar-color:#aa945767 transparent;color:#e6dac0}
.is-bank-conversation .iso-spirits-history{right:-50px}
.iso-spirits-history header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.iso-spirits-kicker{display:block;color:#b8a67e;font:400 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.6px}
.iso-app .iso-spirits-host .iso-spirits-history h2{max-width:none;padding:0;margin:2px 0 0;letter-spacing:0;text-shadow:none;font:400 23px/1.2 Georgia,'Times New Roman',serif;color:#efdfb9}
.iso-spirits-close{flex:0 0 36px;width:36px;min-height:36px;display:grid;place-items:center;padding:0;border:0;background:none;color:#c9b995;font:400 26px/1 Georgia,serif!important}
.iso-spirits-close:hover{color:#fff0c9;background:#d2b37510}
.iso-spirits-summary{margin:12px 0 14px;font:400 10px/1.7 Inter,Arial,sans-serif;color:#c2b796}
.iso-spirits-events{list-style:none;margin:0;padding:0}
.iso-spirits-events li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #d2b37522}
.iso-spirits-events li>div{min-width:0;display:flex;flex-direction:column;gap:4px}.iso-spirits-events li span{overflow-wrap:anywhere;font:400 13px/1.4 Georgia,serif;color:#e3d5b5}
.iso-spirits-events time{font:400 9px/1.4 Inter,Arial,sans-serif;color:#aca386}.iso-spirits-events strong{flex-shrink:0;font:400 20px/1 Georgia,serif;font-variant-numeric:tabular-nums;color:#eac989}
.iso-spirits-empty{margin:10px 0 20px;font:400 13px/1.6 Georgia,serif;color:#c6bea5}
.iso-spirits-history footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:8px;padding-top:9px;border-top:1px solid #d2b3752b}
.iso-spirits-sound,.iso-spirits-motion{min-height:42px;padding:8px 0;border:0;background:none;color:#d7c498;font:400 11px/1.4 Inter,Arial,sans-serif!important;text-decoration:underline;text-decoration-color:#8e794c;text-underline-offset:4px}
.iso-spirits-motion{width:100%;text-align:left;border-top:1px solid #d2b37516}
.iso-spirits-volume{display:flex;align-items:center;gap:8px;font:400 10px/1.4 Inter,Arial,sans-serif;color:#bcb090}.iso-spirits-volume input{width:76px;height:30px;accent-color:#cfb273;margin:0}
.iso-spirits-effects{position:fixed;inset:0;z-index:36;overflow:hidden;pointer-events:none;contain:strict}
.iso-app .iso-spirits-ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke-dasharray:.18 1;stroke-linecap:round}.iso-spirits-ribbon-glow{stroke:#efd192;stroke-width:7;stroke-opacity:.13}.iso-spirits-ribbon-thread{stroke:#fff3ca;stroke-width:1.15;stroke-opacity:.64}
.iso-spirits-wisp{position:absolute;left:-52px;top:-10px;width:65px;height:20px;opacity:0;pointer-events:none;will-change:transform,opacity;transform-origin:52px 10px;background:radial-gradient(ellipse at 80% 50%,#ffffe4c4 0,#eae3ac73 8%,#d9c17735 23%,transparent 60%);border-radius:50%;filter:blur(.5px)}
.iso-spirits-wisp::before{content:'';position:absolute;inset:2px 2px 2px -10px;background:linear-gradient(90deg,transparent,#eccb8314,#ffebad49);border-radius:50%;filter:blur(1.4px)}
.iso-spirits-wisp::after{content:'';position:absolute;right:7px;top:5px;width:4px;height:3px;background:#fff8d9;border-radius:50%;box-shadow:0 0 6px 3px #f2d18870}
.iso-spirits-birth{position:absolute;width:96px;height:96px;pointer-events:none;opacity:0;border-radius:50%;background:radial-gradient(ellipse,#f9efb333 0,#e8d58a22 20%,transparent 53%),radial-gradient(ellipse,transparent 29%,#e8dc9a20 39%,transparent 53%);filter:blur(2px)}
.iso-spirits-gain{position:absolute;transform:translate(-50%,-50%);max-width:200px;text-align:center;text-shadow:0 2px 9px #0a170ec7,0 0 20px #ebc76c33;color:#ffe8b4}
.iso-spirits-gain strong{display:block;font:400 32px/1.2 Georgia,serif;font-variant-numeric:tabular-nums}.iso-spirits-gain span{display:block;margin-top:3px;font:400 12px/1.4 Georgia,serif;overflow-wrap:anywhere;color:#e9dfc6}
.iso-spirits-gain.is-reduced{padding:8px 13px;background:#0c1a13e8;border:1px solid #bca06155}.iso-spirits-gain.is-reduced strong{font-size:23px}
.iso-spirits-host[data-reduced-motion=true] :is(.iso-spirits-meter,.iso-spirits-leaf,.iso-spirits-halo,.iso-spirits-surge){animation:none!important;transition:none!important}
.iso-spirits-host[data-reduced-motion=true].is-receiving .iso-spirits-surge{opacity:.2}
/* Keep the HUD inside the modal's accessible tree without making the panel
   a containing block for its viewport-fixed position. */
.iso-app .iso-panel:not(.iso-cinematic){transform:none;backdrop-filter:none;animation-name:iso-spirit-panel-reveal}
.iso-app .iso-panel:not(.iso-cinematic):not([data-mode=journal]){left:0;right:0;margin-inline:auto}
@keyframes iso-spirit-panel-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:740px){
 .iso-app .iso-panel:not(.iso-cinematic):not([data-mode=journal]){left:12px;right:12px}
 .iso-header-player{width:300px;max-width:calc(100vw - 80px)}
 .iso-header-player .iso-header-actions{gap:10px;min-height:44px;font-size:13px}
 .iso-header-player .iso-save{font-size:12px;max-width:65px;gap:6px}
 .iso-header-player .iso-save[data-state=saved]::before{width:6px;height:11px;margin-right:2px}
 .iso-header-player .iso-text-button,.iso-header-player .iso-exit{min-height:44px}
 .iso-header-player .iso-exit{gap:8px;padding-left:10px}
 .iso-header-player .iso-exit svg{width:14px;height:14px}
 .iso-spirits-host{top:calc(56px + env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}
 .is-bank-conversation .iso-spirits-host{top:calc(52px + env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}
 .iso-spirits-caption{font-size:14px}
 .iso-spirits-total{font-size:28px}
 .iso-spirits-reading{gap:10px}
 .iso-spirits-history{right:0;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 205px);padding:15px}
 .is-bank-conversation .iso-spirits-history{right:0}
 .iso-spirits-close{width:44px;min-height:44px;flex-basis:44px}.iso-spirits-sound,.iso-spirits-motion{min-height:44px}
 .iso-app:has(.iso-header-spirits>.iso-spirits-host:not([hidden])) .iso-objective{top:calc(121px + env(safe-area-inset-top));width:240px;max-width:calc(100vw - 36px)}
 .iso-spirits-gain strong{font-size:27px}.iso-spirits-gain span{font-size:11px}
}
@media(max-width:640px){.iso-header>.iso-brand>span{display:none}.iso-header>.iso-brand{min-height:44px;padding:0}.iso-header>.iso-brand svg{width:24px;height:30px}}
@media(max-width:400px){.iso-panel>.iso-spirits-host .iso-spirits-caption{display:none}.iso-spirits-caption{font-size:13px}}
@media(max-height:570px){.iso-spirits-history{max-height:calc(100dvh - 145px)}}
@media(prefers-reduced-motion:reduce){.iso-spirits-meter,.iso-spirits-leaf,.iso-spirits-halo,.iso-spirits-surge{animation:none!important;transition:none!important}.iso-spirits-host.is-receiving .iso-spirits-surge{opacity:.2}}