*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0a0a0f;color:#e8e8f0;min-height:100dvh;display:flex;align-items:center;justify-content:center}.container{text-align:center;padding:2rem}.container:has(.game-layout){padding:.75rem 1rem}.container:has(.game-layout) .logo{width:min(40vw,120px);margin-bottom:.3rem}@media(max-height:810px){.container:has(.game-layout){padding:.35rem 1rem}.container:has(.game-layout) .logo{width:min(30vw,100px)}}h1{font-size:2.5rem;margin-bottom:1rem}.version-badge{position:fixed;left:.6rem;bottom:.4rem;z-index:500;color:#4a4a60;font-size:.7rem;font-family:monospace;pointer-events:none}.logo{display:block;width:min(90vw,420px);height:auto;margin:0 auto 1rem}.logo-fallback{font-size:2.5rem;margin-bottom:1rem}.intro{max-width:960px;margin:0 auto;padding:1rem;text-align:center}.intro__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:#050508e6;cursor:pointer}.intro__lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #000000b3;cursor:default}.intro__lightbox-close{all:unset;box-sizing:border-box;position:fixed;top:1rem;right:1.25rem;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;color:#e8e8f0;font-size:1.6rem;line-height:1;cursor:pointer}.intro__lightbox-close:hover{background:#fff3}.intro__story{max-width:640px;color:#a8a8bc;font-size:1.1rem;line-height:1.6;text-align:left;margin:0 auto 1rem}.intro__highlight{font-weight:700}.intro__highlight--purple{color:#c084fc;font-style:italic}.intro__highlight--green{color:#4ade80}.intro__highlight--white{color:#fff}.intro__highlight--gold{color:#facc15}.intro__highlight--blue{color:#7dd3fc}.intro__highlight--cyan{color:#2dd4bf}.intro__highlight--indigo{color:#818cf8}.intro__highlight--orange{color:#fb923c}.intro__highlight--pink{color:#f472b6}.intro__highlight--red{color:#f87171}.intro__highlight--amber{color:#fbbf24}.intro__subheading{font-size:1.5rem;color:#e8e8f0;margin:1.5rem 0 1.25rem}.intro__characters{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.intro__character-wrap{position:relative}.intro__character{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer;padding:.85rem;border-radius:12px;background:linear-gradient(160deg,#2a2a3a,#1a1a24);border:2px solid #3a3a4e;box-shadow:0 4px 12px #00000080;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.intro__character:hover{transform:translateY(-4px);border-color:#6a6a8e}.intro__character--selected{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8080,0 4px 12px #00000080}.intro__character--soon{cursor:default;border-style:dashed;opacity:.55}.intro__portrait--soon{background:transparent;border:2px dashed #3a3a4e}.intro__character--soon .intro__portrait-fallback{font-size:2.5rem;color:#6a6a8e}.intro__character--soon .intro__character-name{color:#8a8aa0;font-weight:600}.intro__expand{all:unset;box-sizing:border-box;position:absolute;top:1rem;right:1rem;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a0a0fb3;border:2px solid rgba(255,255,255,.35);color:#e8e8f0;font-size:1.8rem;cursor:pointer;transition:background .15s ease,transform .15s ease}.intro__expand:hover{background:#0a0a0fe6;transform:scale(1.08)}.intro__hover-preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);z-index:60;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.intro__character-wrap:hover .intro__hover-preview{opacity:1;transform:translate(-50%,-50%) scale(1)}.intro__hover-preview img{max-width:min(90vw,420px);max-height:82vh;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px #000c}.intro__portrait{width:200px;aspect-ratio:2 / 3;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#3a3a4e,#1a1a24)}.intro__portrait--atlas{background:linear-gradient(150deg,#4a5f8e,#1a1a24)}.intro__portrait--monica{background:linear-gradient(150deg,#8e4a6f,#1a1a24)}.intro__portrait--bruize{background:linear-gradient(150deg,#6a4a8e,#1a1a24)}.intro__portrait--skippy{background:linear-gradient(150deg,#8e4a4a,#1a1a24)}.intro__portrait img{width:100%;height:100%;object-fit:cover;display:block}.intro__portrait-fallback{font-size:2.2rem;font-weight:700;color:#ffffffd9;letter-spacing:.05em}.intro__character-name{font-weight:700;font-size:1.15rem;color:#e8e8f0}.intro__character-energy{font-size:.8rem;color:#a0a0b8}.intro__detail{max-width:640px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid #2a2a3a;animation:intro-reveal .35s ease}@keyframes intro-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.intro__blurb{color:#cfcfe0;font-size:1.1rem;line-height:1.6;font-style:italic;text-align:left;margin-bottom:1.25rem}.intro__prompt{color:#e8e8f0;font-size:1.15rem;font-weight:600;margin-bottom:.9rem}.intro__choices{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.intro__choice{all:unset;box-sizing:border-box;cursor:pointer;text-align:left;padding:.7em 1em;border-radius:8px;background:#1a1a24;border:1px solid #3a3a4e;color:#cfcfe0;font-size:1.05rem;transition:border-color .15s ease,background .15s ease}.intro__choice:hover{border-color:#6a6a8e;background:#22222e}.intro__choice--selected{border-color:#4ade80;background:#163024;color:#e8e8f0}.intro__continue{all:unset;box-sizing:border-box;display:inline-block;padding:.7em 2em;border-radius:8px;background:#4ade80;color:#0a0a0f;font-weight:700;font-size:1.15rem;cursor:pointer}.intro__continue:disabled{background:#3a3a4e;color:#6a6a8e;cursor:not-allowed}.intro__continue:not(:disabled):hover{background:#6ee7a0}.intro__advanced{position:fixed;right:1rem;bottom:1rem;z-index:50;display:flex;flex-direction:column-reverse;align-items:flex-end;max-width:min(90vw,300px);text-align:left}.intro__advanced[open]{background:#1a1a24;border:1px solid #333345;border-radius:10px;padding:.75rem 1rem;box-shadow:0 8px 24px #0009}.intro__advanced summary{cursor:pointer;color:#6a6a8e;font-size:.8rem;font-weight:600;padding:.3em .5em;list-style:none}.intro__advanced summary::-webkit-details-marker{display:none}.intro__advanced summary:hover{color:#a8a8bc}.intro__advanced[open] summary{color:#cfcfe0;margin-top:.5rem;align-self:flex-start}.intro__tutorial-toggle{display:flex;align-items:center;gap:.5rem;color:#cfcfe0;font-size:.85rem;font-weight:600;margin-bottom:1rem;cursor:pointer}.intro__tutorial-toggle input{width:1rem;height:1rem;cursor:pointer;accent-color:#4ade80}.animal-setup__intro{color:#a8a8bc;font-size:.85rem;line-height:1.5;margin:0 0 1.25rem}.animal-setup__section{margin-bottom:1.5rem}.animal-setup__section h3{font-size:.95rem;color:#e8e8f0;margin-bottom:.75rem}.animal-setup__packs{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.animal-pack{all:unset;box-sizing:border-box;width:110px;aspect-ratio:5 / 7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;border-radius:10px;cursor:pointer;background:linear-gradient(160deg,#2a2a3a,#1a1a24);border:2px solid #3a3a4e;box-shadow:0 4px 12px #00000080;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;text-align:center}.animal-pack:hover{transform:translateY(-4px);border-color:#6a6a8e}.animal-pack--selected{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8080,0 4px 12px #00000080}.animal-pack__seal{font-size:2rem;font-weight:700;color:#6a6a8e}.animal-pack--selected .animal-pack__seal{color:#4ade80}.animal-pack__label{font-size:.8rem;color:#cfcfe0;font-weight:600}.animal-pack--random{border-style:dashed}.animal-pack--random .animal-pack__label{max-width:8em;line-height:1.3}.tile-frame{container-type:size;position:relative;width:100%;height:100%}.tile{position:absolute;top:50%;left:50%;overflow:hidden;border-radius:4px}.tile--shadow-only{overflow:visible;box-shadow:0 2px 6px #0006}.tile--dying{animation:tile-disintegrate .7s ease forwards;pointer-events:none}@keyframes tile-disintegrate{0%{opacity:1;filter:blur(0) saturate(1)}60%{opacity:.5}to{opacity:0;filter:blur(3px) saturate(1.4)}}.tile__cracks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.4;pointer-events:none}.tile-frame--shake{animation:tile-shake .45s ease-out}@keyframes tile-shake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-3%,1%) rotate(-2deg)}30%{transform:translate(3%,-1%) rotate(2deg)}45%{transform:translate(-2%,2%) rotate(-1.5deg)}60%{transform:translate(2%,-2%) rotate(1.5deg)}75%{transform:translate(-1%,1%) rotate(-1deg)}90%{transform:translate(1%,-1%) rotate(1deg)}}.tile__dot{position:absolute;left:25%;width:50%;height:12.5%;display:flex;align-items:center;justify-content:center;color:#111;font-size:clamp(.55rem,2.4vw,.9rem);line-height:1}.tile__dot--top{top:0;height:7%}.tile__dot--bottom{bottom:0}.tile__icon{position:absolute;left:20%;width:60%;height:25%;display:flex;align-items:center;justify-content:center}.tile__icon--top{top:25%}.tile__icon--bottom{top:50%}.tile__icon img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.tile__middle-line{position:absolute;top:50%;left:0;width:100%;height:3%;background:#000;transform:translateY(-50%)}.tile__middle-cliff{position:absolute;top:40%;left:0;width:100%;height:20%}.tile__middle-cliff img{width:100%;height:100%;object-fit:cover}.tile__arrow{position:absolute;top:7%;left:2%;width:96%;height:18%;z-index:2;display:flex;align-items:center;justify-content:center;color:#111;font-weight:700;font-size:clamp(.6rem,3.5vw,1.3rem);text-shadow:0 1px 2px rgba(255,255,255,.65)}.tile__reshuffle{position:absolute;top:75%;left:2%;width:96%;height:18%;z-index:2;display:flex;align-items:center;justify-content:center;color:#111;font-weight:700;font-size:clamp(.6rem,3.5vw,1.3rem);text-shadow:0 1px 2px rgba(255,255,255,.65)}.tracking-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:.3rem;width:100%}.tracking-cards__card{all:unset;box-sizing:border-box;position:relative;width:100%;aspect-ratio:5 / 7;border-radius:5px;overflow:hidden;background-color:#14141c;background-size:cover;background-position:center;box-shadow:0 2px 6px #00000080;display:block;cursor:default;transition:transform .15s ease,box-shadow .15s ease}.tracking-cards__card:hover{transform:scale(2.3);z-index:150;box-shadow:0 12px 28px #000000b3}.tracking-cards__card--flippable{cursor:pointer;box-shadow:0 0 0 2px #78dcffd9,0 2px 6px #00000080;animation:tracking-card-pulse 1.1s ease-in-out infinite}.tracking-cards__card--flippable:hover{box-shadow:0 0 0 2px #78dcffd9,0 12px 28px #000000b3;animation:none}@keyframes tracking-card-pulse{0%,to{box-shadow:0 0 0 2px #78dcffd9,0 2px 6px #00000080}50%{box-shadow:0 0 0 2px #78dcff59,0 2px 6px #00000080}}.tracking-cards__card--glimpsed{box-shadow:0 0 0 2px #60a5fa,0 2px 6px #00000080}.tracking-cards__card--used .tracking-cards__card-text{text-decoration:line-through}.tracking-cards__card-overlay{position:absolute;left:0;right:0;display:flex;flex-direction:column;gap:.15rem;padding:.25rem .3rem;background:linear-gradient(to bottom,#0a0a10eb,#0a0a108c)}.tracking-cards__card-overlay--top{top:0}.tracking-cards__card-overlay--bottom{bottom:0;background:linear-gradient(to top,#0a0a10eb,#0a0a108c)}.tracking-cards__paw{align-self:center;flex:0 0 auto;width:.85rem;height:.85rem;fill:#fbbf24;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}.tracking-cards__card-text{font-size:.5rem;line-height:1.15;color:#f0f0f5;text-shadow:0 1px 2px rgba(0,0,0,.9)}.tracking-cards__card-tag{align-self:center;font-size:.4rem;font-weight:700;padding:.05rem .25rem;border-radius:999px;white-space:nowrap}.tracking-cards__card-tag--now{background:#d97706;color:#fff}.tracking-cards__card-tag--once{background:#16a34a;color:#fff}.tracking-cards__card-tag--ongoing{background:#2e3cec;color:#fff}.card-panel{display:flex;flex-direction:column;gap:1rem;width:min(92vw,442px);padding-top:1rem}.card-panel__piles{display:flex;flex-direction:column;gap:1rem}@media(max-height:900px){.card-panel{width:min(92vw,max(340px,calc(100vh - 465px)),442px)}}@media(max-height:810px){.card-panel{gap:.6rem;padding-top:.6rem}.card-panel__piles{gap:.6rem}}.card-section__title{font-size:1rem;margin-bottom:.5rem;text-align:left}.card-section__title--resource{color:#4ade80}.card-section__title--explore{color:#eab308}.tracking-panel{width:100%}.tracking-progress{display:flex;flex-direction:column;gap:.35rem;min-width:0}.tracking-progress__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a8a8bc}.tracking-progress__value{font-size:1.9rem;font-weight:800;color:#e8e8f0;line-height:1}.tracking-progress__value-total{font-size:1.1rem;font-weight:600;color:#7a7a94}.tracking-progress__bar{height:8px;border-radius:999px;background:#14141c;border:1px solid #333345;overflow:hidden}.tracking-progress__bar-fill{height:100%;background:#2e3cec;transition:width .3s ease}.tracking-cards-wrap{border-radius:8px;transition:box-shadow .3s ease}.tracking-cards-wrap--pulse{box-shadow:0 0 0 3px #2e3cec99}.card-section__row{display:flex;gap:.5rem;align-items:flex-start}.card-pile{position:relative;flex:0 0 auto;width:91px;aspect-ratio:5 / 7;border-radius:5px;overflow:hidden;box-shadow:0 3px 8px #00000080;transition:transform .15s ease,box-shadow .15s ease}.card-pile:hover{transform:scale(1.76);z-index:10;box-shadow:0 10px 24px #000000a6}.card-pile img{width:100%;height:100%;object-fit:cover;display:block}.card-pile__count{position:absolute;bottom:2px;right:2px;background:#000000b3;color:#fff;font-size:.7rem;padding:0 .35em;border-radius:3px}.card-grid{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.card-face{all:unset;box-sizing:border-box;position:relative;width:91px;aspect-ratio:5 / 7;border-radius:5px;overflow:hidden;background:#f5f0e1;box-shadow:0 2px 6px #00000080;display:flex;flex-direction:column;cursor:default;transition:transform .15s ease,box-shadow .15s ease}.card-face--resource{background:color-mix(in srgb,#4ade80 15%,#f5f0e1)}.card-face--explore{background:color-mix(in srgb,#eab308 15%,#f5f0e1)}.card-face:hover{transform:scale(2.4);z-index:150;box-shadow:0 12px 28px #000000b3}.card-face--resolvable{cursor:pointer;box-shadow:0 0 0 2px #78dcffd9,0 2px 6px #00000080;animation:card-pulse 1.1s ease-in-out infinite}.card-face--resolvable:hover{box-shadow:0 0 0 2px #78dcffd9,0 12px 28px #000000b3;animation:none}.card-face--owned{cursor:pointer}.card-face--owned.card-face--single-use{box-shadow:0 0 0 2px #4ade80b3,0 2px 6px #00000080}.card-face--owned.card-face--single-use:hover{box-shadow:0 0 0 2px #4ade80b3,0 12px 28px #000000b3}@keyframes card-pulse{0%,to{box-shadow:0 0 0 2px #78dcffd9,0 2px 6px #00000080}50%{box-shadow:0 0 0 2px #78dcff59,0 2px 6px #00000080}}.card-face__art{width:100%;height:38%;object-fit:cover;display:block;flex-shrink:0}.card-face__art--hidden{object-fit:contain}.card-face__explore{display:flex;flex-direction:column;height:100%;padding:.25rem 0}.card-face__name{font-size:.6rem;font-weight:700;color:#1a1a24;text-align:center;padding:.15rem .15rem 0;line-height:1.15;flex-shrink:0}.card-face__owner{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-align:center;padding:.1rem .15rem 0;flex-shrink:0}.card-face__location{font-size:.5rem;text-transform:uppercase;text-align:center;font-weight:700;color:#1a1a24;padding:.15rem .2rem;flex-shrink:0}.card-face__explore .card-face__location{margin:-.25rem 0 .25rem}.card-face__explore .card-face__owner{margin:0 0 .15rem}.card-face__prose{font-size:.48rem;flex-shrink:0}.card-face__prose .card-face__name{font-size:1em}.card-face__text{font-size:1em;color:#35a;text-align:center;padding:.2rem .15rem 0;line-height:1.2;overflow:hidden}.card-face__name--hidden{color:#6a6a8e;letter-spacing:.1em}.card-face__text--hidden{color:#6a6a8e;font-style:italic}.card-face__effect{font-size:1em;color:#333;text-align:center;padding:.2rem .15rem;line-height:1.2;overflow:hidden}.card-face__energy{margin-top:auto;font-size:.5rem;font-weight:700;text-align:center;color:#fff;background:#16a34a;padding:.15rem 0}.card-face__tag{margin-top:auto;font-size:.5rem;font-weight:700;text-align:center;padding:.15rem 0}.card-face__tag--single{color:#16a34a}.card-face__tag--passive{color:#2e3cec}.bag-panel{width:var(--board-size);background:#1a1a24;border:1px solid #333345;border-radius:8px;padding:.75rem 1rem}.bag-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.bag-panel__title{text-transform:capitalize;color:#e8e8f0;font-size:1rem}.bag-panel__close{all:unset;cursor:pointer;color:#cfcfe0;font-size:1.3rem;line-height:1;padding:.1em .5em;border-radius:4px}.bag-panel__close:hover{background:#2a2a3a}.bag-panel__empty{color:#a8a8bc;text-align:center}.bag-panel__section{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #333345}.bag-panel__section-title{color:#2e3cec;font-size:.8rem;text-align:center;margin-bottom:.5rem}.bag-panel__grid{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.bag-panel__cell{position:relative;width:70px;aspect-ratio:1 / 2}.fireworks{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:250;overflow:hidden}.fireworks__burst{position:absolute;width:0;height:0}.fireworks__particle{position:absolute;top:0;left:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;opacity:0;box-shadow:0 0 8px 1px currentColor;animation:firework-particle 1.8s ease-out infinite}@keyframes firework-particle{0%{transform:translate(0) scale(1);opacity:1}15%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.game-layout{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.leave-game-button{all:unset;box-sizing:border-box;position:fixed;top:.75rem;right:.75rem;z-index:40;padding:.5em 1em;border-radius:8px;background:#1a1a24;border:1px solid #4a2a2a;color:#f5b8b8;font-weight:600;font-size:.85rem;cursor:pointer}.leave-game-button:hover{background:#2c1414;border-color:#7a3a3a}.board-wrap{--board-size: min(92vw, calc(100vh - 250px) , 864px);--player-color: #f8fafc;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.status-row{width:var(--board-size);display:flex;align-items:center;gap:.75rem}.character-card{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.3rem .6rem .3rem .3rem;background:#1a1a24;border:2px solid var(--player-color);border-radius:999px}.character-card__portrait{width:2rem;height:2rem;border-radius:50%;display:block;background-size:220% auto;background-position:center 10%;background-repeat:no-repeat}.character-card__name{font-size:.85rem;font-weight:600;color:#e8e8f0;white-space:nowrap;cursor:default}.character-card__full{display:none;position:absolute;bottom:100%;left:0;margin-bottom:.5rem;width:min(80vw,360px);aspect-ratio:2 / 3;object-fit:cover;border-radius:10px;border:1px solid #333345;box-shadow:0 12px 32px #000000b3;z-index:50}.character-card:hover .character-card__full{display:block}.energy-meters{flex:1;display:flex;flex-direction:column;gap:.4rem}.energy-meter{display:flex;align-items:center;gap:.6rem}.lifelines{display:flex;align-items:center;gap:.3rem;font-size:1rem;line-height:1}.lifelines__label{font-weight:700;color:#e8e8f0;font-size:.9rem}.lifelines__heart{color:#f43f5e}.lifelines__heart--spent{color:#3a3a4e}.lifelines--hit{animation:lifelines-hit .6s ease-out}@keyframes lifelines-hit{0%,to{transform:scale(1);filter:none}35%{transform:scale(1.12);filter:drop-shadow(0 0 8px rgba(244,63,94,.95))}}.energy-meter--opponent{opacity:.9}.energy-meter--opponent .energy-meter__bar{height:10px}.energy-meter--self .energy-meter__label{font-size:1rem}.energy-meter--self .energy-meter__bar{height:17px}.energy-meter--self .energy-meter__value{font-size:.95rem}.energy-meter__dot{width:.65rem;height:.65rem;border-radius:50%;flex:0 0 auto}.energy-meter__label{flex:0 0 8rem;font-weight:700;color:#e8e8f0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.energy-meter__label--button{all:unset;flex:0 0 8rem;font-weight:700;color:#e8e8f0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}.energy-meter__label--button:hover{color:#fff}.energy-meter__bar{flex:1;height:14px;background:#2a2a3a;border-radius:7px;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.energy-meter__fill{height:100%;transition:width .45s ease}.energy-meter--hit .energy-meter__bar{animation:energy-bar-hit .6s ease-out}@keyframes energy-bar-hit{0%,to{box-shadow:inset 0 1px 3px #0009}35%{box-shadow:inset 0 0 0 2px #f87171,0 0 10px #f87171e6}}.energy-meter__value{font-size:.85rem;color:#cfcfe0;min-width:3.5em;text-align:right}.game-over{width:var(--board-size);background:#3a1414;border:1px solid #7f1d1d;color:#fca5a5;font-weight:700;text-align:center;padding:.6rem;border-radius:8px}.game-win{width:var(--board-size);background:#14311c;border:1px solid #16653a;color:#86efac;font-weight:700;text-align:center;padding:.6rem;border-radius:8px}.final-track-banner{width:var(--board-size);background:#332405;border:1px solid #a16207;color:#fde68a;font-weight:700;text-align:center;padding:.6rem;border-radius:8px}.tracking-flip-banner{width:var(--board-size);background:#131c33;border:1px solid #2e3cec;border-left:4px solid #6366f1;color:#c7d2fe;text-align:center;padding:.6rem;border-radius:8px}.play-area{width:var(--board-size)}.play-area__title{color:#4ade80;font-size:1rem;margin-bottom:.5rem;text-align:left}.zoom-toggle{all:unset;box-sizing:border-box;position:absolute;top:.5rem;cursor:pointer;padding:.4em .8em;border-radius:6px;border:1px solid #4a4a60;background:#1a1a24d9;color:#e8e8f0;font-size:.9rem;z-index:30}.zoom-toggle--left{left:.5rem}.zoom-toggle--right{right:.5rem}.zoom-toggle--bottom{top:auto;bottom:.5rem}.zoom-toggle:hover{background:#38384c}.zoom-toggle--active{border-color:#4ade80;color:#86efac}.board-bag-row{position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:30;display:flex;gap:.5rem}.board-bag-row--bottom{top:auto;bottom:.5rem}.board-bag-row__heading{display:none;padding:0 calc(.75rem + 1px);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#a8a8bc}.board-bag-button{all:unset;box-sizing:border-box;position:relative;cursor:pointer;display:flex;align-items:center;gap:.3em;padding:.4em .75em;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:color-mix(in srgb,var(--bag-color) 80%,#1a1a24);text-transform:capitalize;font-size:.9rem;font-weight:700;color:#0a0a0f}.board-bag-button:hover{background:color-mix(in srgb,var(--bag-color) 95%,#1a1a24)}.board-bag-button__name{flex:1 1 auto;text-align:left}.board-bag-button__count{flex:0 0 auto;min-width:1.5em;text-align:right;font-variant-numeric:tabular-nums;font-size:.84rem;color:#0a0a0fbf}.board-bag-button__optional-badge{position:absolute;top:-7px;right:-7px;min-width:1.3rem;height:1.3rem;padding:0 .25em;border-radius:999px;background:#2e3cec;color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0009}.board-frame{position:relative;width:var(--board-size)}.board-viewport{position:relative;width:100%;aspect-ratio:2048 / 2048;border:2px solid #2a2a3a;border-radius:8px;overflow:hidden;box-shadow:0 8px 30px #00000080}.board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--grid-size),1fr);grid-template-rows:repeat(var(--grid-size),1fr);background-image:url(/map.png);background-size:cover;background-position:center;transform-origin:center center;transition:transform .5s ease}.board__biome-label{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;letter-spacing:.2em;color:#fff6;font-weight:700;font-size:clamp(.8rem,3.2vw,1.6rem);text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none;-webkit-user-select:none;user-select:none}.cell{all:unset;box-sizing:border-box;position:relative;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;z-index:1}.cell--reachable{cursor:pointer;background:#78dcff2e;box-shadow:inset 0 0 0 2px #78dcff8c}.cell--reachable:hover{background:#78dcff52}.cell--placement-target{cursor:pointer;background:#ffaa3c47;box-shadow:inset 0 0 0 2px #ffaa3cd9;animation:placement-pulse 1.1s ease-in-out infinite}.cell--placement-target:hover{background:#ffaa3c73}.cell--reverse-target{cursor:pointer;box-shadow:inset 0 0 0 2px #c878ffd9;animation:placement-pulse 1.1s ease-in-out infinite}.cell--reverse-target:hover{background:#c878ff4d}@keyframes placement-pulse{0%,to{box-shadow:inset 0 0 0 2px #ffaa3cd9}50%{box-shadow:inset 0 0 0 2px #ffaa3c4d}}.cell--tiled{border-color:transparent}.cell--tree{cursor:not-allowed}.cell--teleport-target{cursor:pointer;background:#c084fc38;box-shadow:inset 0 0 0 2px #c084fccc}.cell--teleport-target:hover{background:#c084fc61}.board__tile{pointer-events:none;z-index:0}.board__tile--ghost{opacity:.5}.board__cube-cell{pointer-events:none;z-index:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-self:center;justify-self:center;width:100%;height:100%;padding:6%;gap:4%}.board__cube{flex:0 0 auto;box-sizing:border-box;width:36%;height:36%;border-radius:3px;border:2px solid rgba(0,0,0,.8);box-shadow:0 1px 3px #0009}.board__cube--ghost{opacity:.5}.board__tree-cell{pointer-events:none;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12%}.board__tree{width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.board__tree-cell--ghost{opacity:.5}.cell--lodge{border:2px solid rgba(255,210,120,.7);border-radius:6px}.cell--lodge.cell--reachable{box-shadow:0 0 0 3px #ffd278b3}.piece{position:absolute;left:50%;bottom:28%;transform:translate(-50%);width:clamp(1.1rem,4vw,2rem);height:clamp(1.1rem,4vw,2rem);z-index:5;filter:drop-shadow(0 4px 4px rgba(0,0,0,.75));pointer-events:none;user-select:none;-webkit-user-select:none}.cell--lodge .piece{width:clamp(2.2rem,9vw,4.2rem);height:clamp(2.2rem,9vw,4.2rem)}.piece--offset-0{left:30%;bottom:55%}.piece--offset-1{left:70%;bottom:55%}.piece--offset-2{left:30%;bottom:8%}.piece--offset-3{left:70%;bottom:8%}.piece--active{animation:piece-glow-pulse 1.6s ease-in-out infinite}@keyframes piece-glow-pulse{0%,to{transform:translate(-50%) scale(1);filter:drop-shadow(0 4px 4px rgba(0,0,0,.75)) drop-shadow(0 0 4px var(--player-color)) drop-shadow(0 0 8px var(--player-color))}50%{transform:translate(-50%) scale(1.35);filter:drop-shadow(0 4px 4px rgba(0,0,0,.75)) drop-shadow(0 0 10px var(--player-color)) drop-shadow(0 0 20px var(--player-color))}}.board__hit-cell{position:relative;pointer-events:none;align-self:center;justify-self:center;width:100%;height:100%;z-index:20}.energy-float{position:absolute;left:50%;bottom:100%;white-space:nowrap;font-size:clamp(.6rem,1.6vw,.85rem);font-weight:800;color:#fca5a5;text-shadow:0 0 4px #000,0 1px 2px #000;pointer-events:none;animation:energy-float-rise 1.3s ease-out forwards}.energy-float--lifeline{color:#fb7185;font-size:clamp(.68rem,1.9vw,.98rem)}@keyframes energy-float-rise{0%{opacity:0;transform:translate(-50%,.4rem)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-1.7rem)}}.piece__meeple{width:100%;height:100%;display:block;transform:scale(var(--meeple-scale, 1));transform-origin:bottom center}.piece__meeple circle,.piece__meeple path,.piece__meeple rect{fill:var(--player-color);stroke:#0a0a0f;stroke-width:.5;stroke-linejoin:round}.movement-arrow{display:flex;align-items:flex-end;justify-content:center;padding-bottom:4%;z-index:4;color:#fff;font-weight:700;font-size:clamp(1rem,4vw,2rem);filter:drop-shadow(0 2px 3px rgba(0,0,0,.85));pointer-events:none}.pending-panel{width:var(--board-size);background:#1a1a24;border:1px solid #333345;border-radius:8px;padding:.75rem 1rem;text-align:center}.pending-panel__art{display:block;max-height:160px;margin:0 auto .5rem;border-radius:4px}.tutorial-banner{position:relative;width:var(--board-size);background:#14202c;border:1px solid #1e3a4f;border-left:4px solid #38bdf8;border-radius:8px;padding:.75rem 2.25rem .75rem 1rem;text-align:left}.tutorial-banner p{color:#cfe8f5;font-size:.9rem;line-height:1.5}.tutorial-banner strong{color:#38bdf8}.tutorial-banner--warning{background:#2c2414;border-color:#4f3f1e;border-left-color:#f59e0b}.tutorial-banner--warning strong{color:#f59e0b}.tutorial-banner--warning p{color:#f5e8cf}.skip-turn-button{all:unset;box-sizing:border-box;display:inline-block;margin-top:.6rem;padding:.5em 1.3em;border-radius:8px;background:#f59e0b;color:#1a1206;font-weight:700;font-size:.9rem;cursor:pointer}.skip-turn-button:hover{background:#fbbf24}.tutorial-banner--waiting{border-left-color:#6a6a8e}.tutorial-banner--waiting p{color:#cfcfe0}.tutorial-banner--waiting strong{color:#e8e8f0}.tutorial-highlight{font-weight:700}.tutorial-highlight--purple{color:#c084fc;font-style:italic}.tutorial-highlight--white{color:#fff}.tutorial-highlight--blue{color:#3b82f6}.tutorial-highlight--red{color:#dc2626}.tutorial-highlight--gold{color:#facc15}.tutorial-highlight--green{color:#4ade80}.tutorial-banner__close{all:unset;box-sizing:border-box;position:absolute;top:.5rem;right:.6rem;cursor:pointer;color:#7ab8d6;font-size:1.3rem;line-height:1;padding:.1em .4em;border-radius:4px}.tutorial-banner__close:hover{background:#ffffff14}.pending-panel p{margin-bottom:.6rem;color:#e8e8f0}.pending-panel__hint{color:#2e3cec;font-size:.85rem;font-style:italic}.pending-panel__actions{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.pending-panel__actions button{text-transform:capitalize;padding:.4em 1em;border-radius:6px;border:1px solid #4a4a60;background:#2a2a3a;color:#e8e8f0;cursor:pointer;font-size:.95rem}.pending-panel__actions button:hover{background:#38384c}.pending-panel__actions button:disabled{opacity:.5;cursor:not-allowed}.pending-panel__actions button:disabled:hover{background:#2a2a3a}.board-popover{z-index:10;width:max-content;max-width:min(75vw,240px);margin:6px;background:#1a1a24;border:1px solid #333345;border-radius:8px;padding:.6rem .75rem;box-shadow:0 8px 24px #0009;text-align:center}.board-popover p{margin-bottom:.5rem;color:#e8e8f0;font-size:.85rem}.board-popover__question{font-weight:600}.board-popover__location{text-transform:capitalize;font-size:.75rem;color:#a8a8bc}.board-popover__art{display:block;width:100%;max-height:140px;object-fit:cover;border-radius:4px;margin-bottom:.5rem}.board-popover__owner{text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.board-popover__actions{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.board-popover__actions button{text-transform:capitalize;padding:.35em .8em;border-radius:6px;border:1px solid #4a4a60;background:#2a2a3a;color:#e8e8f0;cursor:pointer;font-size:.85rem}.board-popover__actions button:hover{background:#38384c}.board-popover__optional-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.5rem}.board-popover__tile-option{all:unset;box-sizing:border-box;cursor:pointer;width:44px;aspect-ratio:1 / 2;border-radius:4px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s ease}.board-popover__tile-option:hover{outline-color:#4ade80}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:#050508d9;cursor:pointer}.modal-content{position:relative;max-height:100%;overflow:auto;cursor:default}.modal-close{all:unset;box-sizing:border-box;position:absolute;top:-.5rem;right:-.5rem;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1a1a24;border:1px solid #333345;color:#e8e8f0;font-size:1.4rem;line-height:1;cursor:pointer;z-index:1}.modal-close:hover{background:#2a2a3a}.view-resources{width:var(--board-size);max-width:90vw;background:#1a1a24;border:1px solid #333345;border-radius:8px;padding:.75rem 1rem;text-align:center}.view-resources__title{font-size:1.1rem;margin-bottom:.75rem}.view-resources__empty{color:#a8a8bc;font-size:.9rem;margin-bottom:.75rem}.view-resources .card-grid{justify-content:center;margin-bottom:.75rem}.view-resources__close{all:unset;box-sizing:border-box;cursor:pointer;padding:.4em 1.2em;border-radius:6px;border:1px solid #4a4a60;background:#2a2a3a;color:#e8e8f0;font-size:.9rem}.view-resources__close:hover{background:#38384c}.board-overview__blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;cursor:default}.board-overview__spotlight{position:fixed;z-index:401;pointer-events:none;border:2px solid #4ade80;border-radius:10px;box-shadow:0 0 0 9999px #050508d1,0 0 24px #4ade808c;transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease}.board-overview__panel{position:fixed;z-index:402;left:50%;top:1.5rem;transform:translate(-50%);width:min(90vw,480px);background:#1a1a24;border:1px solid #333345;border-radius:10px;padding:1rem 1.25rem;text-align:center;box-shadow:0 12px 32px #000000b3}.board-overview__step{color:#6a6a8e;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.board-overview__title{color:#e8e8f0;font-size:1.1rem;margin-bottom:.5rem}.board-overview__message{color:#cfcfe0;font-size:.9rem;line-height:1.5;margin-bottom:.85rem}.board-overview__next{all:unset;box-sizing:border-box;cursor:pointer;padding:.5em 1.6em;border-radius:8px;background:#4ade80;color:#0a0a0f;font-weight:700;font-size:.95rem}.board-overview__next:hover{background:#6ee7a0}@media(max-height:810px){.board-wrap{padding:.6rem;gap:.6rem}}@media(min-width:1550px)and (min-height:920px){.board-wrap{--board-size: min(58vw, calc(100vh - 250px) , 860px)}.game-layout{gap:2rem}.card-panel{width:min(92vw,500px)}.card-pile,.card-face{width:112px}.board-bag-row,.board-bag-row--bottom{position:absolute;top:0;right:100%;bottom:auto;left:auto;transform:none;margin-right:.6rem;flex-direction:column;align-items:stretch;gap:.45rem}.board-bag-row__heading{display:block;margin-bottom:.1rem}.board-bag-button{font-size:1rem}.zoom-toggle--bottom{top:.5rem;bottom:auto}}@media(min-width:2000px)and (min-height:1150px){.board-wrap{--board-size: min(52vw, calc(100vh - 250px) , 1000px)}.card-panel{width:min(92vw,546px)}.card-pile,.card-face{width:128px}}.online{max-width:640px;margin:0 auto;padding:1rem;text-align:center}.online-status{color:#a8a8bc;margin-top:1.5rem}.online-disconnect-banner{max-width:var(--board-size, 864px);margin:0 auto 1rem;padding:.75rem 1rem;text-align:left;background:#2c2414;border:1px solid #4f3f1e;border-left:4px solid #f59e0b;border-radius:8px;color:#f5e8cf;font-size:.9rem}.online-error{position:relative;text-align:left;background:#2c2414;border:1px solid #4f3f1e;border-left:4px solid #f59e0b;border-radius:8px;padding:.75rem 2.25rem .75rem 1rem;margin:1rem 0}.online-error p{color:#f5e8cf;font-size:.9rem}.online-error__close{all:unset;box-sizing:border-box;position:absolute;top:.4rem;right:.6rem;cursor:pointer;color:#f0d9a8;font-size:1.3rem;line-height:1;padding:.1em .4em;border-radius:4px}.online-error__close:hover{background:#ffffff14}.online-choice{display:flex;justify-content:center;gap:.85rem;flex-wrap:wrap;margin-top:1.5rem}.online-button{all:unset;box-sizing:border-box;padding:.7em 1.6em;border-radius:8px;background:#1a1a24;border:1px solid #3a3a4e;color:#cfcfe0;font-weight:600;font-size:1rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.online-button:hover{border-color:#6a6a8e;background:#22222e}.online-button--primary{background:#4ade80;border-color:#4ade80;color:#0a0a0f}.online-button--primary:hover{background:#6ee7a0;border-color:#6ee7a0}.online-button:disabled{background:#1a1a24;border-color:#2a2a3a;color:#5a5a70;cursor:not-allowed}.online-button--ghost{background:transparent}.online-join-form{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem}.online-join-form__label{color:#a8a8bc;font-size:.85rem;margin-bottom:.5rem}.online-join-form__input{width:10em;text-align:center;letter-spacing:.3em;text-transform:uppercase;font-size:1.4rem;font-weight:700;padding:.4em .2em;border-radius:8px;background:#1a1a24;border:1px solid #3a3a4e;color:#e8e8f0}.online-join-form__input:focus{outline:none;border-color:#4ade80}.online-lobby{margin-top:1.5rem;text-align:left}.online-lobby__code{text-align:center;color:#cfcfe0;font-size:1.1rem;margin-bottom:1.25rem}.online-lobby__code strong{font-size:1.6rem;letter-spacing:.2em;color:#4ade80}.online-lobby__count{color:#6a6a8e;font-size:.85rem}.online-lobby__code-hint{display:block;color:#6a6a8e;font-size:.8rem;margin-top:.25rem}.online-lobby__roster{background:#14141c;border:1px solid #2a2a3a;border-radius:10px;padding:.75rem 1rem;margin-bottom:1.5rem}.online-lobby__player{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;color:#e8e8f0;font-size:.95rem}.online-lobby__dot{width:.6rem;height:.6rem;border-radius:50%;background:#5a5a70;flex:0 0 auto}.online-lobby__dot--connected{background:#4ade80}.online-lobby__ready{margin-left:auto;color:#6a6a8e;font-size:.8rem}.online-lobby__waiting{color:#a8a8bc;font-size:.85rem;text-align:center}.online-lobby__pick-heading{text-align:center;color:#e8e8f0;font-size:1.1rem;margin-bottom:.75rem}.online-picker__characters{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.online-picker__character{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;padding:.6rem;border-radius:10px;background:linear-gradient(160deg,#2a2a3a,#1a1a24);border:2px solid #3a3a4e;transition:border-color .15s ease,transform .15s ease}.online-picker__character:hover{transform:translateY(-2px);border-color:#6a6a8e}.online-picker__character--selected{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8066}.online-picker__character--previewing{border-color:#6a8eea}.online-picker__character--taken{border-style:dashed}.online-picker__character--taken .online-picker__portrait,.online-picker__character--taken .online-picker__name,.online-picker__character--taken .online-picker__energy{filter:grayscale(.75) brightness(.5)}.online-picker__taken-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f59e0b}.online-picker__portrait{width:96px;aspect-ratio:2 / 3;border-radius:6px;overflow:hidden;display:block;background:linear-gradient(150deg,#3a3a4e,#1a1a24)}.online-picker__portrait--atlas{background:linear-gradient(150deg,#4a5f8e,#1a1a24)}.online-picker__portrait--monica{background:linear-gradient(150deg,#8e4a6f,#1a1a24)}.online-picker__portrait--bruize{background:linear-gradient(150deg,#6a4a8e,#1a1a24)}.online-picker__portrait--skippy{background:linear-gradient(150deg,#8e4a4a,#1a1a24)}.online-picker__portrait img{width:100%;height:100%;object-fit:cover;display:block}.online-picker__name{font-weight:700;font-size:.9rem;color:#e8e8f0}.online-picker__energy{font-size:.75rem;color:#a0a0b8}.online-picker__hover-preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);z-index:60;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.online-picker__character:hover .online-picker__hover-preview{opacity:1;transform:translate(-50%,-50%) scale(1)}.online-picker__hover-preview img{max-width:min(90vw,420px);max-height:82vh;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px #000c}.online-picker__choices{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.online-picker__blurb{color:#cfcfe0;font-size:.9rem;line-height:1.5;font-style:italic;text-align:left;margin-bottom:.5rem}.online-picker__prompt{color:#a8a8bc;font-size:.85rem;margin-bottom:.25rem}.online-picker__taken-note{color:#f59e0b;font-size:.85rem;font-style:italic}.online-picker__choice{all:unset;box-sizing:border-box;cursor:pointer;text-align:left;padding:.6em .9em;border-radius:8px;background:#1a1a24;border:1px solid #3a3a4e;color:#cfcfe0;font-size:.95rem;transition:border-color .15s ease,background .15s ease}.online-picker__choice:hover{border-color:#6a6a8e;background:#22222e}.online-picker__choice--selected{border-color:#4ade80;background:#163024;color:#e8e8f0}