*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Beleren;src:url(/assets/beleren-BSXkRDMf.ttf) format("truetype");font-weight:400;font-style:normal}.app-container{font-family:Beleren,system-ui,Avenir,Helvetica,Arial,sans-serif;width:100%;min-height:100vh;background-color:#000;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.color-grid{margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);gap:5px;padding:5px;width:calc(100vw - 10px);max-width:min(calc(100vw - 10px),calc((100vh - 10px) * 2 / 3));background-color:#000;position:relative;z-index:1}.counter-tile{grid-column:span 1;grid-row:span 1;aspect-ratio:1 / 1;width:100%;position:relative}.mana-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;z-index:5}.counter-tile-count{position:absolute;top:0;left:0;background-color:#0003;z-index:10;width:100%;height:100%;position:relative}.count-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:100%;text-align:center;z-index:10;-webkit-user-select:none;user-select:none}.increment-button{border:none;width:49%;height:100%;position:absolute;top:0;bottom:0;right:0;font-size:50px;text-align:right;padding-right:10px;font-family:Beleren;z-index:15;touch-action:manipulation;-webkit-user-select:none;user-select:none}.decrement-button{border:none;width:49%;height:100%;position:absolute;top:0;bottom:0;left:0;text-align:left;font-size:50px;padding-left:10px;font-family:Beleren;z-index:15;touch-action:manipulation;-webkit-user-select:none;user-select:none}.tile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:100;cursor:pointer}.tile-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;width:90%;max-width:450px;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:20px;pointer-events:none}.tile-modal-content .counter-tile{aspect-ratio:1 / 1;width:100%;max-width:500px;pointer-events:auto}.close-expanded-container{width:100%;display:flex;justify-content:center;padding:0 20px;pointer-events:auto}.customCountContainer{display:flex;justify-content:space-between;width:100%;gap:10px;pointer-events:auto}.customCountItem{width:45%;text-align:center}.customCountItem h2{color:#fff;font-size:24px}.customCountItemControls{margin-top:10px;display:flex;justify-content:space-between;gap:20px;max-width:100%}.custom-count-value{font-size:24px;font-family:Beleren,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;color:#fff}.custom-count-button{border:none;padding:5px;font-size:12px;font-family:Beleren,system-ui,Avenir,Helvetica,Arial,sans-serif;border-radius:4px;cursor:pointer;color:#000;transition:all .2s ease-in-out;box-shadow:0 4px 8px #0000004d}.close-expanded-button{border:none;padding:10px 15px;font-size:20px;font-family:Beleren,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 8px #0000004d;min-width:150px}.close-expanded-button:hover{transform:scale(1.05);box-shadow:0 6px 12px #0006}.close-expanded-button:active{transform:scale(.98)}