/* Square artwork and a shared rhythm for owned, reserve and encountered cards. */
.card-dragging{overscroll-behavior:none}
html:has(body.card-dragging){overscroll-behavior:none}
.draggable-card [data-drag-handle]{touch-action:none;-webkit-touch-callout:none}
@media(max-width:700px),(any-pointer:coarse){
 .game-main .draggable-card>.keyboard-move{clip-path:none;display:grid;place-items:center;inset:34px 6px auto auto;width:44px;height:44px;min-height:44px;padding:4px;overflow:visible;white-space:normal;border:1px solid #bad4e536;border-radius:10px;background:#10283cab;color:#f4ce89;font-size:0;line-height:1;z-index:3;box-shadow:none}
 .game-main .draggable-card>.keyboard-move::before{content:'';display:block;width:12px;height:18px;background:radial-gradient(circle,#f4ce89 1.5px,transparent 1.7px) 0 0/6px 6px;pointer-events:none}
 .game-main .draggable-card>.keyboard-move:focus-visible{outline:2px solid #f4ce89;outline-offset:2px}
 [dir=rtl] .game-main .draggable-card>.keyboard-move{inset:34px auto auto 6px}
 .game-main .draggable-card>.keyboard-move:disabled{opacity:.45}
}
.game-main .draggable-card,.game-main .team-slot{display:flex;flex-direction:column;min-width:0}
.game-main .dino-card{display:flex;flex-direction:column;align-items:stretch;height:100%;border-width:1px;border-radius:14px;vertical-align:top}
.game-main .dino-card>.art{flex:none;width:100%;height:auto;aspect-ratio:1;margin:0;border-radius:0}
.game-main .dino-card>.card-top{flex:none;min-height:36px;padding:7px 9px}
.game-main .dino-card .card-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px!important;width:100%;min-width:0}
.game-main .dino-card .card-body h3{display:block;min-height:2.5em;margin:0;line-height:1.25;font-size:14px;overflow-wrap:anywhere;hyphens:none}
.game-main .dino-card .species-caption{min-height:2.8em;margin:0;font-size:11px;line-height:1.4}
.game-main .card-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto}
.game-main .card-summary .nature-badge{margin:0;max-width:100%;font-size:10px}
.game-main .card-summary .power-score{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0;border:0;white-space:nowrap}
.game-main .card-summary .power-score>span{display:none}
.game-main .card-summary .power-score b{margin:0;font-size:19px;line-height:1}
.game-main .card-summary .power-score svg{width:15px;height:15px}
.game-main .dino-card .copy-count{position:absolute;z-index:2;inset:auto 8px 8px auto;width:auto;max-width:calc(100% - 16px);margin:0;padding:4px 7px;border:1px solid #a1c7ed40;border-radius:6px;background:#0b203ce8;color:#e1edff;font-size:10px;line-height:1.3;box-shadow:0 2px 8px #001a4055}
.game-main .collection-reserve .card-body{padding:10px!important;gap:6px}
.game-main .collection-reserve .card-body h3{font-size:12px;min-height:2.5em}
.game-main .collection-reserve .card-summary{gap:5px}
.game-main .collection-reserve .power-score b{font-size:17px}
.game-main .collection-reserve .card-top{min-height:30px;padding:6px 7px}
.collection-reserve .empty{grid-column:1/-1;padding:24px 16px;text-align:center}
.encyclopedia-grid{align-items:stretch;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.encyclopedia-species,.encyclopedia-grid .unknown-species{display:grid;grid-template-rows:auto 52px 66px 34px 52px;align-items:start;height:100%;min-height:0;min-width:0;padding:0 0 12px;border:1px solid #698b9e42;border-radius:14px;background:#172b3c;box-shadow:none;vertical-align:top}
.encyclopedia-species:hover{border-color:#7fa9b6}
.encyclopedia-species>.art{flex:none;width:100%;height:auto;aspect-ratio:1;margin:0}
.encyclopedia-species h3{font-size:16px;line-height:1.25;margin:12px 16px 0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.encyclopedia-bio{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-width:0;height:54px;min-height:54px;max-height:54px;margin:0 16px;overflow:hidden;text-align:start;color:#b9cddd;font-size:12px;line-height:18px;font-weight:400;white-space:normal}
.encyclopedia-species .nature-badge{align-self:center;margin:0 16px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--nature)}
.encyclopedia-species>.encyclopedia-read{display:flex;align-items:center;justify-content:center;align-self:end;margin:0 16px;padding:8px 10px;min-height:44px;border:1px solid #638397;border-radius:10px;background:transparent;color:#dcebf3;text-align:center;font-size:12px;font-weight:650;line-height:1.2}
.encyclopedia-species:hover>.encyclopedia-read,.encyclopedia-species:focus-visible>.encyclopedia-read{border-color:#a9cfce;background:#25495a;color:#f2faf9}
.encyclopedia-species.is-encountered>.art{opacity:.58}
.encyclopedia-grid .unknown-species{border-radius:16px;overflow:hidden}
.encyclopedia-mystery-art{display:grid;place-items:center;width:100%;aspect-ratio:1;min-width:0}
.encyclopedia-mystery-art>span{font-size:5rem;font-weight:800;opacity:.6}
.encyclopedia-grid .unknown-species>small{grid-row:2/6;align-self:center;justify-self:center;margin:0;letter-spacing:.1em}
.encyclopedia-controls{min-width:0;margin:0 0 16px;padding:0;border:0;background:none}
.encyclopedia-control-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.encyclopedia-toolbar{position:relative;display:flex;align-items:center;gap:10px;min-width:0}
.encyclopedia-search-label{display:flex;align-items:center;flex:1;gap:10px;min-width:0;min-height:46px;padding:0 14px;border:1px solid #91aec735;border-radius:14px;background:#172c40;box-shadow:inset 0 1px #d5e9ff06}
.encyclopedia-search-label>svg{flex:none;width:19px;height:19px;color:#8eb9cc}
.encyclopedia-search-label .encyclopedia-search{width:100%;min-width:0;min-height:44px;margin:0;padding:8px 0;border:0;border-radius:0;background:none;box-shadow:none;color:#eef4f8;font-size:14px;outline:none}
.encyclopedia-search-label:focus-within{border-color:#94d6c4;box-shadow:0 0 0 2px #94d6c421}
.encyclopedia-filter-disclosure{flex:none}
.encyclopedia-filter-disclosure>summary{position:relative;display:grid;place-items:center;width:46px;min-height:46px;padding:0;border:1px solid #91aec735;border-radius:14px;background:#172c40;color:#b2ccda;list-style:none;cursor:pointer}
.encyclopedia-filter-disclosure>summary::-webkit-details-marker{display:none}
.encyclopedia-filter-disclosure>summary>svg{width:21px;height:21px}
.encyclopedia-filter-disclosure[open]>summary{border-color:#94d6c4;background:#1b3a43;color:#b8edda}
.encyclopedia-filter-disclosure:not([open])>.encyclopedia-filter-popover{display:none}
.encyclopedia-filter-disclosure [data-encyclopedia-filter-count]{position:absolute;inset:-5px -5px auto auto;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #102337;border-radius:20px;background:#a4d5bf;color:#102c31;font-size:10px;line-height:1}
.encyclopedia-filter-disclosure [data-encyclopedia-filter-count][hidden]{display:none}
.encyclopedia-filter-popover{position:absolute;z-index:8;inset-block-start:calc(100% + 8px);inset-inline:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;min-width:0;padding:16px;border:1px solid #536a7b;border-radius:14px;background:#142a3dfb;box-shadow:0 12px 35px #020c1ddd}
.encyclopedia-reset{justify-self:end;min-height:44px;margin:0;padding:9px 13px;border:1px solid #91aec744;border-radius:10px;background:#1c3448;color:#c5d7e4;font-size:12px;cursor:pointer}
.encyclopedia-filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.encyclopedia-filter-chip{position:relative;display:flex;align-items:center;min-width:0;min-height:46px;margin:0;border:1px solid #91aec72e;border-radius:12px;background:#14293b;color:#d3e1ec;box-shadow:inset 0 1px #d5e9ff06}
.encyclopedia-control-icon{position:absolute;inset-inline-start:13px;display:flex;color:#9ad4bf;pointer-events:none}
.encyclopedia-control-icon svg{width:18px;height:18px;flex:none}
.encyclopedia-filter-chip:has(#encyclopedia-period) .encyclopedia-control-icon{color:#dfc083}
.encyclopedia-filter-chip:has(#encyclopedia-diet) .encyclopedia-control-icon{color:#9ac6e6}
.encyclopedia-filter-chip select{width:100%;max-width:100%;min-width:0;min-height:44px;margin:0;padding:10px 33px 10px 40px;border:0;border-radius:12px;appearance:none;background:transparent;color:inherit;font:inherit;font-size:13px;text-overflow:ellipsis;cursor:pointer}
[dir=rtl] .encyclopedia-filter-chip select{padding:10px 40px 10px 33px}
.encyclopedia-filter-chip option{background:#172c40;color:#eef4f8}
.encyclopedia-chevron{position:absolute;inset-inline-end:11px;display:flex;color:#91aabd;pointer-events:none}
.encyclopedia-chevron svg{width:13px;height:13px;transform:rotate(90deg)}
.encyclopedia-filter-chip:has(option:checked:not([value=all])){border-color:#94d6c478;background:#1b3a43;color:#f1fbf6}
.encyclopedia-filter-chip:focus-within,.encyclopedia-reset:focus-visible,.encyclopedia-filter-disclosure>summary:focus-visible{outline:2px solid #94d6c4;outline-offset:3px}
.encyclopedia-reset:hover,.encyclopedia-filter-chip:hover,.encyclopedia-filter-disclosure>summary:hover{border-color:#a2cbbd80;background:#1b3545}
.encyclopedia-age-sort{display:inline-flex;align-items:center;justify-self:start;gap:8px;max-width:100%;min-width:0;min-height:44px;padding:9px 13px;border:1px solid #91aec744;border-radius:10px;background:#1c3448;color:#c5d7e4;font-size:12px;line-height:1.4;text-align:start;cursor:pointer}
.encyclopedia-age-sort svg{width:17px;height:17px;flex:none;color:#9ad4bf}
.encyclopedia-age-sort[data-age-order]:not([data-age-order=default]){border-color:#94d6c478;background:#1b3a43;color:#f1fbf6}
.encyclopedia-age-sort:focus-visible{outline:2px solid #94d6c4;outline-offset:3px}
.encyclopedia-age-sort:hover{border-color:#a2cbbd80;background:#1b3545}
.encyclopedia-result-count,.encyclopedia-empty,.encyclopedia-more{grid-column:1/-1}
.encyclopedia-result-count{margin:0;color:#a7bdd1;font-size:12px}
.encyclopedia-empty{padding:24px 12px;text-align:center}.encyclopedia-empty p{margin:0 0 16px}
.encyclopedia-more{justify-self:center}
@media(max-width:620px){.encyclopedia-filter-popover{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}.encyclopedia-filters{grid-template-columns:minmax(0,1fr)}.encyclopedia-age-sort{width:100%;box-sizing:border-box}.encyclopedia-control-icon{inset-inline-start:11px}.encyclopedia-filter-chip select{padding:10px 30px 10px 38px;font-size:13px}[dir=rtl] .encyclopedia-filter-chip select{padding:10px 38px 10px 30px}.encyclopedia-reset{justify-self:stretch}}
.stored-eggs{max-width:1040px;margin:0 auto 36px}.stored-eggs>p{color:var(--muted);line-height:1.6}.stored-eggs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stored-egg{display:flex;align-items:center;gap:16px;padding:20px;background:#142b43;border:1px solid #38516b;border-radius:20px}.stored-egg>img{width:96px;height:96px;object-fit:contain;flex-shrink:0}.stored-egg>div{min-width:0}.stored-egg h3{font-size:18px;margin:0 0 6px}.stored-egg b{color:var(--gold)}.stored-egg p{font-size:12px;line-height:1.6;color:var(--muted)}.stored-egg .btn{min-height:44px}.stored-eggs .section-title{gap:12px;flex-wrap:wrap}
/* The portrait and its frame share one box, including attack/hit movement. */
.live-combat-modal .fighter-art-wrap{width:100%;aspect-ratio:1;overflow:hidden;border-radius:14px;border:1px solid #6f9ac258;background:#0b315c;isolation:isolate;box-shadow:none}
.live-combat-modal .fighter-art-wrap>.art{display:block;width:100%;height:100%;aspect-ratio:1;border-radius:0}
.live-combat-modal .fighter.attacking .fighter-art-wrap{outline:2px solid #f6cf83;outline-offset:2px;border-radius:14px}
.live-combat-modal .fighter:has(.battle-tier.tier-S) .fighter-art-wrap{border-color:#e9b657;box-shadow:0 0 14px #e9b65715}
.live-combat-modal .fighter:has(.battle-tier.tier-A) .fighter-art-wrap{border-color:#b693ed;box-shadow:0 0 14px #b693ed15}
.live-combat-modal .fighter-art-wrap>.art{animation:none}
.live-combat-modal .fighter.attacking .art::before{animation:portrait-strike .26s ease}
.live-combat-modal .fighter.enemy.attacking .art::before{animation-name:portrait-strike-enemy}
.live-combat-modal .fighter.taking-hit .art::before{animation:portrait-impact .35s ease-out}
.live-combat-modal .fighter.dodging .art::before{animation:portrait-dodge .4s ease}
@keyframes portrait-strike{50%{transform:translate(-48%,-50%) scale(1.025)}}
@keyframes portrait-strike-enemy{50%{transform:translate(-52%,-50%) scale(1.025)}}
@keyframes portrait-impact{25%{transform:translate(-51%,-50%)}50%{transform:translate(-49%,-50%)}75%{transform:translate(-50%,-49%)}}
@keyframes portrait-dodge{50%{transform:translate(-50%,-50%) scale(.96)}}
@media(max-width:700px){
 .game-main .collection-team .dino-card .card-body{padding:4px 3px 5px!important;gap:0}
 .game-main .collection-team .dino-card .card-body h3{min-height:0;font-size:9px;line-height:1.3}
 .game-main .collection-team .card-summary{display:none}
 .game-main .collection-reserve .card-body{padding:7px!important;gap:5px}
 .game-main .collection-reserve .card-body h3{font-size:10px;min-height:2.5em}
 .game-main .collection-reserve .card-top{min-height:26px;padding:5px 4px}
 .game-main .collection-reserve .card-summary{gap:6px;align-items:flex-start}
 .game-main .collection-reserve .card-summary .nature-badge{font-size:9px}
 .game-main .collection-reserve .power-score b{font-size:15px}
 .game-main .collection-reserve .copy-count{font-size:8px;inset:auto 4px 4px auto;padding:2px 4px;max-width:calc(100% - 8px)}
 .encyclopedia-toolbar{gap:8px}
 .stored-eggs-grid{grid-template-columns:1fr}.stored-egg{padding:16px;gap:12px}.stored-egg>img{width:76px;height:76px}.stored-egg h3{font-size:16px}
 .live-combat-modal .fighter-art-wrap{max-width:min(100%,19dvh);margin-inline:auto;border-radius:10px}
 .live-combat-modal .fighter.attacking .fighter-art-wrap{border-radius:10px}
}
@media(max-width:1150px){.encyclopedia-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.encyclopedia-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 .encyclopedia-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .encyclopedia-species,.encyclopedia-grid .unknown-species{grid-template-columns:clamp(110px,29vw,124px) minmax(0,1fr);grid-template-rows:44px 54px 26px 44px;grid-template-areas:"portrait name" "portrait summary" "portrait nature" "action action";gap:6px 14px;min-height:214px;padding:14px}
 .encyclopedia-species>.art{grid-area:portrait;align-self:start;aspect-ratio:1;border-radius:10px;overflow:hidden}
 .encyclopedia-species h3{grid-area:name;align-self:center;margin:0;font-size:17px;line-height:1.2}
 .encyclopedia-species>.encyclopedia-bio{grid-area:summary;margin:0;font-size:12px;line-height:18px}
 .encyclopedia-species .nature-badge{grid-area:nature;justify-self:start;margin:0;font-size:11px}
 .encyclopedia-species>.encyclopedia-read{grid-area:action;align-self:stretch;margin:0;padding:8px 12px;font-size:13px;white-space:nowrap}
 .encyclopedia-grid .unknown-species{border-radius:14px}
 .encyclopedia-mystery-art{grid-area:portrait;align-self:start;border-radius:10px}
 .encyclopedia-grid .unknown-species>small{grid-column:2;grid-row:1/4;margin:0}
}
@media(max-width:620px) and (max-height:650px){.live-combat-modal .fighter-art-wrap{max-width:88px}}
@media(prefers-reduced-motion:reduce){.live-combat-modal .fighter .art::before{animation:none!important}}