.pool-preview{padding:22px;border-top:2px dashed #779571;background:#e5edce90;border-radius:0 0 11px 11px}.pool-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.pool-title h2{font:800 26px 'Barlow Condensed',Impact;margin-top:5px}.pool-title button{border:2px solid #647960;background:#f1edcf;color:#344b3d;padding:8px;border-radius:6px;font-size:10px;font-weight:800}.pool-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.pool-card{background:#f6edce;border:2px solid #758967;border-radius:9px;text-align:center;padding:10px 5px}.pool-card canvas{width:100%;max-width:110px;height:118px;margin:auto}.pool-card h3{font:800 24px 'Barlow Condensed',Impact;margin:5px 0 8px}.pool-card span{font-size:9px;font-weight:800;letter-spacing:.5px}.pool-card.tank,.roll-tile.tank{background:#dce5ee}.pool-card.fire,.roll-tile.fire{background:#ffe0b7}.pool-card.warper,.roll-tile.warper{background:#e4d9f2}.pool-preview>p{font-size:12px;line-height:1.6;color:#526a57;margin-bottom:0}#summon-animation{width:580px;max-width:calc(100vw - 24px);text-align:center;background:radial-gradient(circle,#f4f7d8,#c4dcaf);overflow:hidden;padding:28px 20px}#pack-stage{height:210px}#pack-art{width:220px;height:210px;margin:auto}#roll-window{position:relative;height:160px;overflow:hidden;border:3px solid #435d3d;border-radius:8px;margin:25px 0;background:#adc896}.roll-pointer{position:absolute;left:50%;top:-3px;transform:translateX(-50%);z-index:2;color:#bd623b;font-size:30px;text-shadow:1px 2px #fff1b1}#roll-track{display:flex;position:absolute;left:0;top:8px;width:100%;gap:8px}.roll-tile{flex:0 0 112px;height:137px;border:2px solid #536b48;border-radius:7px;background:#fff1bf;padding:3px}.roll-tile canvas{width:90px;height:103px;margin:auto}.roll-tile b{font:800 18px 'Barlow Condensed',Impact}#reveal-art{width:180px;height:200px;margin:12px auto}#reveal-caption{font-size:14px;min-height:44px}#summon-animation .primary{margin:auto;max-width:300px}.reveal-pop{animation:revealpop .6s cubic-bezier(.2,1.6,.4,1)}@keyframes revealpop{from{transform:scale(.15) rotate(-15deg);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:600px){.pool-cards{grid-template-columns:repeat(2,1fr)}.pool-title{align-items:flex-start}.pool-preview{padding:16px}}@media(prefers-reduced-motion:reduce){.reveal-pop{animation:none}}
