:root{--acme-grid-gap: 0;--acme-grid-width: 100%;--acme-grid-height: 100% }.acme-grid{grid-template-columns:var(--acme-grid-cols, 1fr);grid-template-rows:var(--acme-grid-rows, none);grid-auto-rows:1fr;display:grid;place-items:center;width:var(--acme-grid-width);height:var(--acme-grid-height);gap:var(--acme-grid-gap);box-sizing:border-box}.acme-grid>*{min-width:0;min-height:0;overflow:hidden}.acme-grid-full{--acme-grid-width: 100vw;--acme-grid-height: 100vh;margin:0;overflow:hidden}.acme-cols-1{--acme-grid-cols: 1fr }.acme-cols-2{--acme-grid-cols: repeat(2, 1fr) }.acme-cols-3{--acme-grid-cols: repeat(3, 1fr) }.acme-cols-4{--acme-grid-cols: repeat(4, 1fr) }.acme-cols-5{--acme-grid-cols: repeat(5, 1fr) }.acme-cols-6{--acme-grid-cols: repeat(6, 1fr) }.acme-rows-2{--acme-grid-rows: repeat(2, 1fr) }.acme-cols-auto{--acme-grid-cols: repeat(auto-fit, minmax(auto, 1fr)) }:root{--space: 1rem;--space-half: .5rem;--radius: 4px;--border-width: 1px;--font-weight-medium: 500;--bg-light: #f0f0f0;--bg-hover-darker: #e0e0e0;--border: #ccc;--text-base: black;--z-mid: 90;--z-high: 100;--z-modal: 200;--overlay: rgba(0, 0, 0, .4);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .15);--modal-size: 80%;--bg: #fff;--text-sm: .8rem;--text-lg: 1.2rem;--text-xl: 2.4rem}html{font-size:2vw;scrollbar-color:#0f0f0f #fff;scrollbar-width:thin}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto}.btn{background:var(--bg-light);color:var(--text-base);border:var(--border-width) solid var(--border);padding:var(--space-half) var(--space);font-size:var(--space);cursor:pointer;border-radius:var(--radius);font-size:var(--text-sm);margin:var(--space-half)}.btn:hover{background:var(--bg-hover-darker)}.btn-group{flex-wrap:wrap;justify-content:center;gap:var(--space-half)}.center{justify-self:stretch;align-self:stretch;width:100%;height:100%;padding:5%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center}svg{align-self:center;margin:0;max-width:100%;max-height:100%;display:block}.flex-column svg,.flex-column-bottom svg{max-width:none;max-height:none;height:var(--text-xl);width:auto}.flex-column{flex-direction:column;gap:var(--space-half)}.flex-column-bottom{display:flex;flex-direction:column;gap:var(--space-half);align-items:center;justify-content:flex-end;padding-bottom:var(--space)}.label-small{font-size:var(--text-sm);opacity:.8}.label-large{font-size:var(--text-lg);font-weight:var(--font-weight-medium)}.top-left{position:absolute;top:var(--space-half);left:var(--space-half);z-index:var(--z-high)}.top-right{position:absolute;top:var(--space-half);right:var(--space-half);z-index:var(--z-high);display:flex;flex-direction:column;gap:var(--space-half)}.bottom-left{position:absolute;bottom:var(--space-half);left:var(--space-half);z-index:var(--z-mid)}.bottom-right{position:absolute;bottom:var(--space-half);right:var(--space-half);z-index:var(--z-mid)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay);display:none;justify-content:center;align-items:center;z-index:var(--z-modal)}body:has(.modal[style*="display: flex"]){overflow:hidden}.modal-content{background:var(--bg);color:var(--text-base);padding:var(--space);border-radius:var(--radius);width:80vw;height:80vh;display:flex;flex-direction:column;gap:var(--space);box-shadow:var(--shadow-lg);align-self:center;margin:auto}