.auxiliary-bar{display:flex;align-items:center;gap:9px;border-left:1px solid #c5b68d55;padding-left:13px;align-self:center;pointer-events:auto}.auxiliary-bar[hidden]{display:none!important}.auxiliary-button{position:relative;width:43px;height:46px;border:1px solid #bcaab788;border-radius:7px;background:linear-gradient(140deg,#33405a,#182c42);color:var(--aux-color,#d8e8ef);box-shadow:inset 0 0 16px #101d2c;cursor:pointer;padding:0}.auxiliary-glyph{font:28px Georgia;display:grid;place-items:center;height:100%;text-shadow:0 0 9px currentColor}.auxiliary-button kbd{position:absolute;right:-3px;bottom:-5px;border-radius:3px;background:#e8d5ab;color:#293c4d;font:800 10px system-ui;padding:3px 5px;z-index:2}.auxiliary-name{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);font:8px/1.3 system-ui;color:#d5dcea;white-space:nowrap;max-width:72px}.auxiliary-cooldown{position:absolute;inset:0;display:grid;place-items:center;background:conic-gradient(#10192ae8 var(--aux-progress),#16263d77 0);font:800 17px system-ui;color:#fff0c4;border-radius:6px}.auxiliary-cooldown[hidden]{display:none}.auxiliary-button:disabled{cursor:default}.auxiliary-button:disabled:not(.is-cooling) .auxiliary-glyph{opacity:.4}.auxiliary-button:not(:disabled):hover{border-color:var(--aux-color);box-shadow:0 0 14px #bc9ed855;transform:translateY(-2px)}.auxiliary-button:focus-visible{outline:2px solid #f8db94;outline-offset:4px}.auxiliary-dialog{width:min(790px,94vw);max-height:90vh;overflow:auto;border:1px solid #c7af83;border-radius:15px;background:linear-gradient(140deg,#24344c,#322b46);color:#eee2c9;padding:24px;box-shadow:0 20px 80px #071a2b99}.auxiliary-dialog::backdrop{background:#172338d9;backdrop-filter:blur(8px)}.auxiliary-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.auxiliary-dialog header small{font:800 9px system-ui;letter-spacing:.12em;color:#d3b88e}.auxiliary-dialog h2{font:32px Georgia;color:#f5dfae;margin:10px 0}.auxiliary-close{border:0;background:none;color:#d6c1b3;font:28px system-ui}.auxiliary-intro,.auxiliary-keys,.auxiliary-status{font:12px/1.7 system-ui;color:#cad2df}.auxiliary-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.auxiliary-slots button{background:#36425b;color:#e7d7b7;border:1px solid #baa9c477;border-radius:7px;padding:13px;font:700 13px system-ui}.auxiliary-slots button[aria-pressed=true]{background:#66517c;border-color:#e1bd8c;box-shadow:0 0 0 2px #b79ac033}.auxiliary-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auxiliary-choice{position:relative;text-align:left;display:grid;grid-template-columns:40px 1fr;gap:5px 10px;background:#1b2d43;border:1px solid #9b9cb977;color:#e6e1d6;border-radius:10px;padding:17px;cursor:pointer}.auxiliary-choice>span{grid-row:span 2;color:var(--aux-color);font:32px Georgia;align-self:center}.auxiliary-choice>strong{font:22px Georgia;color:#f1dfb5}.auxiliary-choice>small{font:10px system-ui;color:#b9c8d9}.auxiliary-choice>p{grid-column:1/-1;font:12px/1.65 system-ui;color:#cad1db;margin:8px 0}.auxiliary-choice-slot{grid-column:1/-1;font:800 9px system-ui;letter-spacing:.05em;color:#c5b2dc}.auxiliary-choice[aria-pressed=true]{background:linear-gradient(140deg,#514667,#2b3d53);border-color:var(--aux-color)}.auxiliary-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.auxiliary-dialog footer .button{font-size:11px;padding:12px 17px}.auxiliary-dialog button:focus-visible{outline:2px solid #f1d397;outline-offset:3px}@media(max-width:800px){.auxiliary-bar{padding-left:8px;gap:7px}.auxiliary-button{width:38px;height:41px}.auxiliary-glyph{font-size:24px}}@media(max-width:600px){.auxiliary-bar{position:absolute;left:0;bottom:calc(100% + 10px);padding:9px 10px 17px;border:1px solid #bca9bb66;background:#25344ced;border-radius:8px;box-shadow:0 5px 15px #10203677}.auxiliary-name{top:calc(100% + 7px);font-size:7px}.auxiliary-button{width:37px;height:37px}.auxiliary-dialog{padding:18px}.auxiliary-dialog h2{font-size:27px}.auxiliary-choices{grid-template-columns:1fr}.auxiliary-slots button{font-size:11px;padding:11px}.auxiliary-dialog footer{justify-content:stretch}.auxiliary-dialog footer button{flex:1}}@media(prefers-reduced-motion:reduce){.auxiliary-button{transition:none!important;transform:none!important}}

.auxiliary-glyph svg{width:33px;height:33px;filter:drop-shadow(0 0 5px #c6b0f04d)}.auxiliary-choice-icon svg{width:36px;height:36px}