:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.2em;line-height:1.1}.btn{padding:10px 15px;margin:10px;cursor:pointer;font-size:16px;border-radius:5px;border:none;background-color:#2563eb;color:#fff}.btn:hover{background-color:#1d4ed8}.vertical-stack{display:flex;flex-direction:column}.card-image{max-width:180px}body{overflow:hidden}#root{margin:0 auto;padding:2rem;text-align:center}.logo{height:1em;padding-left:1em;padding-right:1em}#character-picker .btn{margin:10px;padding:10px 20px;background-color:#87cefa;color:#000;border:1px solid gray;font:inherit;cursor:pointer}#character-picker .btn:hover{background-color:#00f;color:#fff}#character-picker .btn:active{transform:scale(.94)}#root{margin:0 auto;padding:0rem;text-align:center}.back-link{position:absolute;left:0;top:0;margin:0rem}#charge-track{position:absolute;top:90%;height:12%}.charge{position:absolute;top:0;width:2.3vw;height:auto;cursor:pointer}.close-btn{background-color:#f06a3d;margin-top:auto;align-self:flex-end}.close-btn:hover{background-color:#8b0000}.menu-item{padding:5px 10px;cursor:pointer}.menu-item:hover{background-color:#30befb}.menu-item.disabled{color:gray;pointer-events:none;opacity:.5;cursor:not-allowed}.breach-container{display:inline;position:relative}.breach-dropzone{position:absolute;top:-150px;left:0;z-index:10}.drop-zone{display:inline-block;height:250px;margin:0 5px;background-color:transparent}.drop-zone.hovered{background-color:#a7acb580;outline:3px solid #00f0ff;box-shadow:0 0 15px #00f0ff;transition:box-shadow .2s ease-in-out;border-radius:8px}.inside-list.drop-zone{width:50px;min-width:50px;flex-shrink:0}.last-card.drop-zone{width:80%;min-width:50px;flex-shrink:0}.inside-list.drop-zone.hovered{outline:3px solid #00f0ff;box-shadow:0 0 15px #00f0ff;transition:box-shadow .2s ease-in-out;border-radius:8px}.on-breach.drop-zone{width:140px}