*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100vh;font-family:Comic Sans MS,Chalkboard SE,Trebuchet MS,sans-serif;background:linear-gradient(160deg,#ffe8a1,#ffb3d9,#a1d9ff);color:#2a2a4a;-webkit-user-select:none;user-select:none}button{font-family:inherit;cursor:pointer;border:none}.app{max-width:1100px;margin:0 auto;padding:16px;min-height:100vh}.top-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 20px;border-radius:20px;box-shadow:0 6px #00000018;margin-bottom:20px}.logo{font-size:24px;font-weight:700;background:none;color:#2a2a4a;padding:8px 14px;border-radius:12px;transition:transform .15s}.logo:hover{transform:scale(1.05)}.owned-count{background:#ffe066;padding:8px 16px;border-radius:999px;font-weight:700;font-size:18px;box-shadow:0 3px #0002}.home{text-align:center;padding:20px 10px 60px}.title{font-size:48px;margin:10px 0;color:#ff3b6b;text-shadow:3px 3px 0 white,6px 6px 0 #00000015}.subtitle{font-size:22px;margin-bottom:30px}.big-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:700px;margin:0 auto}.menu-btn{padding:30px 20px;border-radius:24px;font-size:26px;font-weight:700;color:#fff;text-shadow:2px 2px 0 #00000030;box-shadow:0 8px #00000030;transition:transform .1s,box-shadow .1s;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:160px}.menu-btn:hover{transform:translateY(-2px);box-shadow:0 10px #00000030}.menu-btn:active{transform:translateY(4px);box-shadow:0 4px #00000030}.menu-emoji{font-size:64px}.menu-label{font-size:28px}.screen{padding:10px 6px 60px}.screen-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}.screen-head h2{font-size:34px;margin:0;color:#2a2a4a}.back{background:#fff;padding:12px 20px;border-radius:14px;font-size:18px;font-weight:700;box-shadow:0 4px #0002}.back:active{transform:translateY(2px);box-shadow:0 2px #0002}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-btn{background:#fff;padding:10px 18px;border-radius:999px;font-size:17px;font-weight:700;box-shadow:0 3px #0002}.filter-btn.active{background:#ffe066;box-shadow:0 3px #0004}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.card{background:#fff;border:5px solid var(--card-color, #ccc);border-radius:18px;padding:14px 10px;box-shadow:0 6px #00000025;transition:transform .1s,box-shadow .1s;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:200px}.card:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 9px #00000030}.card:not(:disabled):active{transform:translateY(2px);box-shadow:0 3px #00000025}.card.locked{opacity:.55;filter:grayscale(.8)}.card-lg{min-height:280px;padding:20px}.card-emoji{font-size:62px;line-height:1}.card-lg .card-emoji{font-size:90px}.card-name{font-size:20px;font-weight:700;color:#2a2a4a}.card-cat{font-size:13px;color:#666}.card-stats{display:flex;gap:10px;font-size:15px;font-weight:700}.library{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}@media (max-width: 760px){.library{grid-template-columns:1fr}}.book{background:#fff;border:6px solid var(--card-color);border-radius:24px;padding:24px;box-shadow:0 8px #00000025;text-align:center}.book-emoji{font-size:110px;line-height:1}.book-name{font-size:32px;margin:8px 0 4px}.book-cat{font-size:17px;color:#666;margin-bottom:14px}.book-fact{background:#fff8d6;padding:14px;border-radius:14px;font-size:18px;line-height:1.4}.book-stats{margin-top:18px;display:flex;flex-direction:column;gap:10px}.stat{display:grid;grid-template-columns:30px 80px 1fr 40px;align-items:center;gap:8px;font-size:15px;font-weight:700}.stat-icon{font-size:22px}.stat-bar{background:#eee;border-radius:999px;height:14px;overflow:hidden}.stat-fill{background:linear-gradient(90deg,#6bcf63,#ffe066);height:100%;transition:width .3s}.library-list h4{margin-top:0;font-size:18px}.mini-list{display:flex;flex-direction:column;gap:6px;max-height:600px;overflow-y:auto}.mini{background:#fff;padding:10px 14px;border-radius:12px;display:flex;gap:10px;align-items:center;font-size:17px;font-weight:700;box-shadow:0 2px #00000018;text-align:left}.mini.picked{background:#ffe066}.mini.dim{opacity:.6}.book-locked{padding:30px 10px;font-size:20px}.arena{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;background:#fff;padding:20px;border-radius:24px;box-shadow:0 6px #00000025;margin-bottom:16px}.fighter{text-align:center}.fighter-emoji{font-size:80px}.fighter.foe .fighter-emoji{transform:scaleX(-1);display:inline-block}.fighter-name{font-size:22px;font-weight:700;margin-top:4px}.vs{font-size:40px;font-weight:700;color:#ff3b6b;text-shadow:2px 2px 0 white}.hp-bar{background:#f0f0f0;border-radius:999px;height:18px;margin:8px auto;max-width:180px;overflow:hidden;border:2px solid #555}.hp-fill{background:linear-gradient(90deg,#ff6b6b,#ffe066,#6bcf63);background-size:300% 100%;background-position:100% 0;height:100%;transition:width .4s}.hp-text{font-weight:700;font-size:15px}.battle-log{background:#fff8d6;padding:14px 18px;border-radius:16px;font-size:17px;min-height:110px;box-shadow:0 4px #00000018;margin-bottom:16px}.battle-log div{margin:4px 0}.moves{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.move{background:#4dabf7;color:#fff;padding:18px;border-radius:16px;font-size:20px;font-weight:700;box-shadow:0 6px #0003;text-shadow:1px 1px 0 #00000030}.move.big{background:#ff6b6b}.move:disabled{opacity:.5;cursor:not-allowed}.move:not(:disabled):active{transform:translateY(3px);box-shadow:0 3px #0003}.result{text-align:center;padding:20px}.result-text{font-size:42px;font-weight:700;margin-bottom:16px;color:#ff3b6b;text-shadow:2px 2px 0 white}.big-btn{background:#6bcf63;color:#fff;padding:18px 32px;font-size:22px;font-weight:700;border-radius:16px;box-shadow:0 6px #0003;text-shadow:1px 1px 0 #00000030}.big-btn:active{transform:translateY(3px);box-shadow:0 3px #0003}.pack-area{text-align:center;padding:40px 10px}.pack-box{font-size:180px;cursor:pointer;display:inline-block;transition:transform .2s;animation:wobble 2s infinite ease-in-out}.pack-box:hover{transform:scale(1.1)}.pack-hint{font-size:24px;margin-top:10px}.pack-spin{font-size:120px;animation:spin .9s linear}.pack-reveal{display:flex;flex-direction:column;align-items:center;gap:20px}.reveal-text{font-size:28px;font-weight:700}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(360deg) scale(1.3)}to{transform:rotate(720deg) scale(1)}}.empty{font-size:22px;text-align:center;padding:40px 20px}.foot{text-align:center;margin-top:40px;padding-bottom:20px}.tiny{background:transparent;color:#88a;font-size:12px;padding:4px 8px}