.quick-nav{display:flex;gap:6px;margin-left:auto}.quick-nav button{border:1px solid #47616b;background:#08151dcc;border-radius:7px;padding:6px 9px;font-weight:900;cursor:pointer}.quick-nav button:hover{border-color:#83e0d9}.res{margin-left:0}.collection-panel{width:min(94vw,850px)}.collection-tabs{display:flex;gap:8px;justify-content:center;margin:10px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:62vh;overflow:auto;padding:5px}.mini-card{border:1px solid #38535e;background:#08151d;border-radius:9px;padding:9px;text-align:left}.mini-card.rare{border-color:#cba94e;box-shadow:inset 0 0 18px #b5872422}.mini-card.abyss{border-color:#805dc5;box-shadow:inset 0 0 18px #723dba33}.mini-card b{display:block;color:#e8d192;font-size:13px}.mini-card p{font-size:11px;color:#abc0c4;margin:4px 0}.mini-cost{float:right;border-radius:50%;background:#3ad2c8;color:#061313;width:24px;height:24px;text-align:center;padding-top:2px;font-weight:900}.beast-card{border:1px solid #3a5662;background:#061018;border-radius:9px;overflow:hidden;text-align:left}.beast-img{height:120px;background-repeat:no-repeat;background-size:200% 200%;background-color:#020609}.beast-card h3{font-size:14px;margin:8px 9px 3px;color:#e8d192}.beast-card p{font-size:11px;line-height:1.55;color:#aabfc2;margin:3px 9px 10px}.beast-card.locked{filter:grayscale(1);opacity:.38}.beast-card.locked .beast-img{filter:blur(5px)}
.creature.enemy-art{background-size:200% 200%;background-repeat:no-repeat}.sheet-shallow{background-image:url('assets/enemies-shallow.webp')}.sheet-deep{background-image:url('assets/enemies-deep.webp')}.sheet-rare{background-image:url('assets/enemies-rare.webp')}.sheet-boss{background-image:url('assets/enemies-boss.webp');background-size:200% 100%!important}.q0{background-position:0 0}.q1{background-position:100% 0}.q2{background-position:0 100%}.q3{background-position:100% 100%}.sheet-boss.q0{background-position:0 50%}.sheet-boss.q1{background-position:100% 50%}
@media(max-width:700px){.hud{height:58px;gap:5px}.screen{inset:58px 0 0}.logo{max-width:80px;overflow:hidden}.quick-nav{position:fixed;top:57px;left:5px;z-index:12}.quick-nav button{font-size:11px;padding:5px 7px;background:#07151df2}.res{gap:3px}.chip{font-size:9px;padding:4px}.arena{height:43%;padding-top:20px}.unit{width:48%}.creature{height:94px;min-width:125px}.enemyName{min-height:30px;line-height:1.2}.intent{top:8px;right:0;width:36px;height:36px;font-size:11px}.hpbar{height:16px}.handArea{height:57%;padding:45px 0 5px;display:block;overflow:hidden}.hand{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;align-items:flex-end;padding:0 8px 8px 12px;gap:6px;scroll-snap-type:x proximity}.card{display:block!important;flex:0 0 116px;width:116px;height:168px;scroll-snap-align:center}.card:hover{transform:translateY(-4px) scale(1.01)}.art{height:43%}.cname{white-space:normal;line-height:1.25;min-height:28px}.ctext{font-size:9px}.battlelog{top:0;max-width:72vw;overflow:hidden;text-overflow:ellipsis}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:67vh}.beast-img{height:100px}.panel.collection-panel{padding:14px 8px}.energy{top:7px}.endTurn{top:7px}.deckInfo{top:12px}.rewards{justify-content:flex-start}.rewardCard{flex:0 0 130px}}
@media(max-height:600px) and (orientation:landscape){.arena{height:48%}.creature{height:80px}.handArea{height:52%}.card{height:140px}.art{height:38%}.quick-nav{top:4px;left:145px}}
.creature.enemy-art{background-size:200% 200%;background-repeat:no-repeat;--face:1;animation:enemyIdle 3.2s ease-in-out infinite;transform-origin:center}.sheet-shallow{background-image:url('assets/enemies-shallow-cutout.webp')}.sheet-deep{background-image:url('assets/enemies-deep-cutout.webp')}.sheet-rare{background-image:url('assets/enemies-rare-cutout.webp')}.sheet-boss{background-image:url('assets/enemies-boss.webp');background-size:200% 100%!important;mix-blend-mode:screen}.sheet-shallow.q0,.sheet-shallow.q2,.sheet-shallow.q3,.sheet-deep.q1,.sheet-deep.q2,.sheet-rare.q0,.sheet-rare.q1{--face:-1}@keyframes enemyIdle{0%,100%{transform:translateY(2px) scaleX(var(--face)) rotate(-1deg)}50%{transform:translateY(-9px) scaleX(var(--face)) rotate(1deg);filter:drop-shadow(0 18px 16px #000) brightness(1.06)}}.enemy-attack{animation:enemyAttack .52s cubic-bezier(.2,.8,.2,1)!important}@keyframes enemyAttack{0%{transform:translateX(0) scaleX(var(--face))}35%{transform:translateX(-45px) scaleX(var(--face)) scale(1.08);filter:brightness(1.5) drop-shadow(0 0 18px #ff5555)}70%{transform:translateX(8px) scaleX(var(--face))}100%{transform:translateX(0) scaleX(var(--face))}}.poisoned{filter:hue-rotate(65deg) drop-shadow(0 0 18px #b839e8)!important}.effect-help{border:1px solid #5b7985;background:#10222bd9;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:900;cursor:pointer}.effect-list{display:grid;gap:9px;text-align:left;margin:14px 0}.effect-item{display:grid;grid-template-columns:38px 70px 1fr;gap:7px;align-items:center;padding:10px;border:1px solid #314b55;border-radius:8px;background:#07141b}.effect-item i{font-style:normal;font-size:25px;text-align:center}.effect-item b{color:#e8d192}.effect-item span{font-size:12px;line-height:1.55;color:#b7c9cc}.statusRow{cursor:pointer;text-decoration:underline dotted #7dd8d1;text-underline-offset:4px}.intent{cursor:pointer}.turn-flash{position:fixed;z-index:30;top:26%;left:50%;transform:translate(-50%,-50%);font:900 28px Cinzel;color:#e9fdf9;text-shadow:0 0 18px #4ff;animation:turnFlash .75s ease forwards;pointer-events:none}@keyframes turnFlash{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}
.beast-legacy-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;grid-auto-rows:max-content!important;align-content:start!important;align-items:start!important}
.beast-legacy-grid .beast-card{display:block!important;position:relative!important;height:auto!important;min-height:220px!important;min-width:0;contain:none!important;transform:none!important}
.beast-legacy-grid .beast-img{display:block!important;position:relative!important;width:100%!important;height:120px!important;min-height:120px!important;background-size:contain!important;background-position:center!important;transform:none!important;animation:none!important;mix-blend-mode:normal!important}
.beast-legacy-grid .beast-card h3{margin:8px 9px 3px!important}.beast-legacy-grid .beast-card p{margin:3px 9px 10px!important}
.beast-bgm{margin-left:6px;padding:2px 8px;border:1px solid #6fded5;border-radius:999px;background:#0b282d;color:#a9fff4;font-weight:900;cursor:pointer}
@media(max-width:700px){#collectionGrid.beast-legacy-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:max-content!important;gap:8px}.beast-legacy-grid .beast-card{min-height:205px!important}.beast-legacy-grid .beast-img{height:100px!important;min-height:100px!important}.beast-legacy-grid .beast-card h3{font-size:13px!important;line-height:1.35}.beast-legacy-grid .beast-card p{font-size:10px!important;line-height:1.5}}

#collectionGrid.beast-legacy-grid .beast-img.direct-enemy { transform:scaleX(var(--bestiary-facing,1))!important; }
.beast-layer-heading{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;margin:12px 0 2px;padding:10px 12px 8px;border-bottom:1px solid #5f8a91;background:linear-gradient(90deg,#15323dcc,transparent);text-align:left}.beast-layer-heading:first-child{margin-top:0}.beast-layer-heading span{color:#e8d192;font:900 19px Cinzel,serif;letter-spacing:.12em}.beast-layer-heading small{color:#82b9bd;font-size:11px;letter-spacing:.08em}
@media(max-width:700px){.beast-layer-heading{margin-top:9px;padding:8px 9px 6px}.beast-layer-heading span{font-size:16px}.beast-layer-heading small{font-size:10px}}
.beast-card.abyss-sealed{filter:none;opacity:.58}.beast-legacy-grid .beast-card.abyss-sealed .beast-img{display:grid!important;place-items:center;background:#02050b!important;filter:none!important;color:#91a2aa;font:900 48px Cinzel;text-shadow:0 0 18px #577481}.beast-card.abyss-sealed h3,.beast-card.abyss-sealed p{color:#72848b!important}
.beast-card.seen{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.beast-card.seen:hover,.beast-card.seen:focus-visible{transform:translateY(-3px);box-shadow:0 10px 22px #000a;border-color:#7dd8d1;outline:none}.beast-count{color:#e8d192;font-weight:800}.beast-more{display:block;margin-top:2px;color:#7dd8d1;font-size:10px;font-weight:900;letter-spacing:.02em}
.beast-detail-panel{width:min(94vw,640px)}.beast-detail-head{display:flex;gap:14px;align-items:center}.beast-detail-portrait{flex:0 0 104px;width:104px;height:104px;border-radius:14px;border:1px solid #3a5662;background-color:#020609;background-repeat:no-repeat;background-size:200% 200%;background-position:center;box-shadow:inset 0 0 22px #000c}.beast-detail-portrait.direct-enemy{transform:scaleX(var(--bestiary-facing,1))}.beast-detail-heading{min-width:0}.beast-detail-heading small{color:#82b9bd;font-size:10px;letter-spacing:.16em;font-weight:900}.beast-detail-heading h2{margin:2px 0 4px;color:#e8d192;font:900 21px Cinzel,serif;letter-spacing:.03em;line-height:1.25}.beast-detail-body{text-align:left}.beast-detail-desc{font-size:13px;line-height:1.65;color:#c4d6d9;margin:0 0 10px}.beast-detail-trait{font-size:12px;line-height:1.6;color:#ffd786;background:#241d0c;border:1px solid #6b551f;border-radius:9px;padding:8px 10px;margin:0 0 14px}.beast-detail-trait b{color:#ffe6a8;margin-right:6px}.beast-pattern-heading{margin:0 0 8px;color:#e8d192;font:900 15px Cinzel,serif;letter-spacing:.06em;border-bottom:1px solid #3a5662;padding-bottom:6px}.beast-pattern-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.beast-pattern-list li{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #314b55;border-radius:10px;background:#07141b}.pattern-index{flex:0 0 24px;height:24px;border-radius:50%;background:#12303a;border:1px solid #4c8f92;color:#a9fff4;font:900 12px Cinzel,serif;display:flex;align-items:center;justify-content:center}.pattern-tags{display:flex;flex-wrap:wrap;gap:6px;font-size:11.5px}.move-tag{padding:3px 8px;border-radius:999px;border:1px solid #35505a;background:#0c1c22;white-space:nowrap;font-weight:700}.move-tag.atk{color:#ff9d9d;border-color:#6b3438}.move-tag.def{color:#8fe8e0;border-color:#2f6a68}.move-tag.poison{color:#d991ff;border-color:#5a3d70}.move-tag.gimmick{color:#ffd786;border-color:#6b551f}.beast-detail-count{margin:0;color:#82b9bd;font-size:11px;font-weight:800}
@media(max-width:700px){.beast-detail-head{gap:10px}.beast-detail-portrait{flex-basis:78px;width:78px;height:78px;border-radius:11px}.beast-detail-heading h2{font-size:17px}.pattern-tags{font-size:10.5px}}