body{background:linear-gradient(180deg,#a2d4ec,#dff6fb);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-family:Quicksand,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}button{background-color:#0077b6;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.2rem;margin:.5rem;padding:1rem 2rem;transition:transform .2s ease,background .3s ease}button:hover{background-color:#0096c7;transform:scale(1.05)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.landing-wrapper{height:100vh;overflow:hidden;position:relative;width:100vw}.landing-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding-top:4rem;position:relative;z-index:0}.landing-title{color:#333;font-size:2.5rem;margin-bottom:2rem}.tile-grid{grid-gap:1.5rem;align-items:center;display:grid;grid-template-columns:repeat(2,360px);justify-content:center}.role-tile{background-color:#2751d0;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:2rem 1rem;text-align:center;transition:transform .2s ease,background-color .3s ease}.role-tile:hover{background-color:#4979f2;color:#fff;transform:scale(1.05)}.pin-prompt-overlay{align-items:center;background:#00000040;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.counter-card{background-color:#e0f7fa;border:2px solid #000;border-radius:1rem;margin:1rem;padding:1rem;text-align:center;transition:transform .2s ease;width:300px}.counter-card h3{margin-bottom:.15rem}.counter-card button{background-color:#ffffff40;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:2rem;margin:.25rem;padding:.5rem 1.25rem}.counter-card input{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.25rem;width:100px}.green-card{background-color:#34c759;color:#fff}.yellow-card{background-color:#fc0;color:#333}.orange-card{background-color:#ff9500;color:#fff}.blue-card{background-color:#007aff;color:#fff}.purple-card{background-color:#af52de;color:#fff}.pink-card{background-color:#ff2d55;color:#fff}.inline-counter-row{align-items:center;display:flex;gap:2rem;justify-content:center;margin-top:1rem}.deposit-display{color:#0077b6;cursor:pointer;font-size:2.5rem;font-weight:700}.editable-deposit{border:2px solid #0077b6;border-radius:.5rem;font-size:2rem;padding:.25rem;text-align:center;width:80px}.storage-visualizer-container{display:flex;gap:1rem;padding:1rem}.item-sidebar{background:#f8f8f8;border-radius:10px;box-shadow:0 0 5px #0000001a;padding:1rem;width:150px}.item-card{border-radius:5px;color:#fff;cursor:grab;font-weight:700;margin-bottom:.5rem;padding:.2rem}.storage-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(12,50px)}.grid-cell{align-items:center;background:#f0f0f0;border:1px solid #ccc;display:flex;font-size:.6rem;font-weight:700;height:50px;justify-content:center;position:relative;text-align:center;width:50px}.grid-cell.highlight{outline:2px dashed #3498db}.box-label{font-size:.5rem;left:2px;text-shadow:0 0 3px #0009;top:2px}.box-label,.stack-count{color:#fff;position:absolute}.stack-count{align-items:center;background:#0009;border-radius:50%;bottom:2px;display:flex;font-size:.6rem;height:16px;justify-content:center;right:2px;width:16px}.back-btn{margin-top:1rem}.edit-btn-small{align-items:center;background:#0000004d;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:18px;justify-content:center;line-height:1;padding:0;position:absolute;right:2px;top:2px;width:18px}.edit-btn-small:hover{background:#0009}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000004d;max-width:90%;padding:1rem;width:300px}.modal-content h3,.modal-content h4{margin-top:0}.modal-buttons{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.modal-buttons button:last-child{background:#d9534f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.4rem .8rem}.modal-buttons button:last-child:hover{background:#c9302c}.bubble-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.bubble{animation:rise 10s linear infinite;background:radial-gradient(circle,#ffffffb3,#ffffff1a);border-radius:50%;bottom:-100px;box-shadow:0 0 12px #131a764d;cursor:pointer;filter:blur(1px);opacity:.6;pointer-events:auto;position:absolute;z-index:2}@keyframes rise{0%{opacity:.6;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-50vh) scale(1.2)}to{opacity:0;transform:translateY(-120vh) scale(1)}}.bubble-stats-toggle{background-color:#c4e0ffcc;border-radius:50%;bottom:1rem;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem .75rem;position:fixed;right:1rem;transition:background .3s ease;z-index:10}.bubble-stats-box{animation:fadeIn .3s ease;background-color:#fff;border-radius:1rem;bottom:4rem;box-shadow:0 0 10px #00000026;font-size:1rem;padding:.75rem 1rem;position:fixed;right:1rem;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bubble.paused{animation-play-state:paused!important}.bubble-pause-btn{background-color:#07c;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem;transition:background .3s ease}.bubble-pause-btn:hover{background-color:#005fa3}.card-container{border:5px solid #0000;box-shadow:4px 4px 10px #00000040;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;height:350px;justify-content:space-between;overflow:hidden;padding:.5rem;position:relative;transition:transform .2s ease;width:250px}.card-image{margin:.25rem 0}.card-image img{max-width:85%}.card-container.common{border-color:#3498db}.card-container.uncommon{border-color:#2ecc71}.card-container.rare{border-color:#1e3799}.card-container.legendary{border-color:#f1c40f;box-shadow:0 0 15px #f1c40f99}.card-container.shiny{animation:shinyPulse 1.5s infinite alternate;background:linear-gradient(135deg,#fffacd,#e0ffff);border-color:#f1c40f;box-shadow:0 0 20px #ffd700e6,0 0 40px #fff6}@keyframes shinyPulse{0%{transform:scale(1)}to{transform:scale(1.03)}}.card-header{align-items:center;display:flex;font-weight:700;justify-content:space-between;padding:.25rem}.card-title{font-size:1.1rem;margin:0}.rarity-tag{background:gold;color:#000}.card-role{font-size:.95rem;font-weight:500;margin-top:.3rem;text-align:center}.card-stats{font-size:.85rem;text-align:center}.card-container.legendary,.card-container.shiny{overflow:hidden;position:relative}.card-container.legendary:before,.card-container.shiny:before{animation:holoSweep 4s linear infinite;background:linear-gradient(120deg,#fff3,#ffffff1a 40%,#ffffff80 50%,#ffffff1a 60%,#fff3);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(25deg);width:200%}@keyframes holoSweep{0%{transform:translate(-100%,-100%) rotate(25deg)}50%{transform:translate(100%,100%) rotate(25deg)}to{transform:translate(100%,100%) rotate(25deg)}}.rarity-tag{color:#fff;font-size:.8rem;font-weight:700;padding:.25rem .5rem}.card-container.common .rarity-tag{background:#3498db}.card-container.uncommon .rarity-tag{background:#2ecc71}.card-container.rare .rarity-tag{background:#1e3799}.card-container.legendary .rarity-tag{background:#f1c40f;color:#000}.card-container.shiny .rarity-tag{background:linear-gradient(135deg,gold,#fff,gold);color:#000}.card-image{align-items:center;display:flex;flex:1 1;justify-content:center;margin:.5rem 0}.card-image img{max-height:150px;max-width:80%;object-fit:contain}.card-container.ultramythicrare{animation:mythicPulse 1.5s infinite alternate;background:linear-gradient(135deg,#2d0030,indigo,#2d0030);border-color:purple;box-shadow:0 0 25px #800080e6,0 0 50px #ff00ff80}.rarity-tag.ultramythicrare{background:linear-gradient(45deg,#f0f,purple,#f0f);border:1px solid #fcf;color:#fff;text-shadow:0 0 5px #000}@keyframes mythicPulse{0%{box-shadow:0 0 20px #800080b3;transform:scale(1)}to{box-shadow:0 0 40px #ff00ffe6;transform:scale(1.03)}}.mythic-overlay{animation:overlayPulse 2s ease-in-out;background:#800080b3;box-shadow:inset 0 0 200px #ff00ff80;height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}@keyframes overlayPulse{0%{opacity:0}25%{opacity:.9}75%{opacity:.9}to{opacity:0}}.pack-simulator-container{color:#222;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:2rem;text-align:center}.open-pack-btn{background:linear-gradient(135deg,#f9d423,#ff4e50);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;margin-bottom:2rem;padding:.75rem 2rem;transition:transform .2s,box-shadow .2s}.open-pack-btn:hover{box-shadow:0 0 15px #ff4e5080;transform:scale(1.05)}.card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-items:center;margin-top:1.5rem}.card-container{background:#fff;border-radius:12px;box-shadow:0 0 8px #0003;padding:1rem;transition:transform .2s;width:180px}.card-container:hover{transform:translateY(-5px)}.card-container.shiny{box-shadow:0 0 15px gold,inset 0 0 30px gold}.card-header h2{font-size:1.1rem;margin:0}.rarity-tag{background:#ccc;border-radius:5px;font-size:.75rem;margin-left:5px;padding:2px 6px}.card-role{color:#444;font-weight:700;margin:.5rem 0}.card-stats .stat{font-size:.85rem;margin:2px 0;text-align:left}.tcg-menu-container{align-items:center;background:linear-gradient(180deg,#fdf6e3,#eee8d5);display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;height:100vh;justify-content:center}.tcg-title{color:#b58900;font-size:3rem;margin-bottom:2rem;text-shadow:1px 1px #fff}.tcg-buttons button{background-color:#268bd2;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;margin:.5rem;padding:1rem 2rem;transition:background .3s ease}.tcg-buttons button:hover{background-color:#0f628c}
/*# sourceMappingURL=main.44a22980.css.map*/