#quick-cast{--qc-line:var(--sk-line,#84657c);--qc-ink:var(--sk-ink,#ece1ee);--qc-accent:var(--sk-accent,#f4bacd);--qc-gem:var(--sk-gem,#f6528d);position:relative;flex:0 0 auto;container-type:inline-size;margin:3px 0;color:var(--qc-ink);font:12px/1.4 Inter,system-ui,sans-serif;z-index:8}
#quick-cast[hidden],#quick-cast [hidden]{display:none!important}
.quick-cast-row{display:flex;align-items:center;gap:12px;padding:5px 10px;border:1px solid var(--qc-line);border-radius:12px;background:linear-gradient(100deg,var(--sk-panel,#17111e),var(--sk-bg,#070c16));box-shadow:inset 0 0 0 2px #060a1280;min-width:0}
.quick-cast-label{flex:0 0 auto;color:#edc66d;font:700 10px/1.2 Georgia,serif;letter-spacing:.09em;white-space:nowrap}.quick-cast-label span{font-size:23px;vertical-align:middle;margin-right:8px}
#quick-cast-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;flex:0 1 464px;min-width:0}
#quick-cast .quick-cast-slot{position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;min-width:0;max-width:54px;min-height:0;padding:3px;border:1px solid var(--qc-line);border-radius:5px;background:radial-gradient(ellipse at center,#29143980,#060911 80%);box-shadow:inset 0 0 0 2px #090812;cursor:pointer;overflow:hidden;touch-action:manipulation;color:var(--qc-accent)}
#quick-cast .quick-cast-slot:hover,#quick-cast .quick-cast-slot:focus-visible,#quick-cast .quick-cast-used,#quick-cast .quick-cast-drop{border-color:var(--qc-gem);outline:2px solid var(--qc-gem);outline-offset:-2px;box-shadow:inset 0 0 9px var(--sk-halo,#f6528d44)}
.quick-cast-slot[aria-disabled=true] .ability-art-icon,.quick-cast-unavailable{opacity:.45}.quick-cast-dragging{opacity:.4}
#quick-cast .ability-art-icon{width:100%;height:100%;aspect-ratio:1;display:grid;place-items:center;flex:0 0 auto;min-width:0;max-width:48px;max-height:48px;background:transparent;border:0;padding:0;border-radius:0;box-shadow:none}
#quick-cast .ability-art-icon canvas{width:100%;height:100%;image-rendering:pixelated;filter:none}
.quick-cast-key{position:absolute;left:3px;top:1px;z-index:2;color:#f7d990;background:#17101bd9;font:11px/1.1 ui-monospace,monospace;padding:1px;border-radius:2px}.quick-cast-empty{font:24px Georgia,serif;opacity:.4}
.quick-cast-cooldown{position:absolute;bottom:1px;left:0;right:0;text-align:center;color:#fff;font:700 10px/1.4 ui-monospace,monospace;text-shadow:0 1px 2px #000,0 0 3px #000;background:#080b1377}.quick-cast-cooldown:empty{display:none}
.quick-cast-controls{display:flex;align-items:center;gap:5px;flex:1;min-width:0;border-left:1px solid #b59b52;padding-left:10px}
#quick-cast button{font:inherit;color:var(--qc-ink)}
#quick-cast .quick-cast-page{border:0;background:transparent;box-shadow:none;color:#edc66d;font-size:24px;line-height:1;min-width:24px;min-height:36px;padding:0}
#quick-cast-set{white-space:nowrap;color:#e4b988;font-size:11px}#quick-cast-target{flex:1;min-width:30px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--qc-accent);font-size:11px}#quick-cast-target::before{content:'◎';padding:0 6px;font-size:17px;vertical-align:middle}
#quick-cast-all{flex:0 0 auto;border:1px solid var(--qc-line);border-radius:12px;padding:9px 12px;background:var(--sk-bg,#0b0d17);color:#f4ce7c!important;white-space:nowrap;font-size:11px!important}#quick-cast-all::after{content:'⌃';margin-left:6px}#quick-cast-all[aria-expanded=true]::after{content:'⌄'}
#quick-cast-tooltip{position:absolute;bottom:calc(100% + 7px);left:clamp(0px,calc(var(--quick-anchor,25%) - 120px),calc(100% - 250px));width:250px;max-width:calc(100% - 2px);padding:9px 11px;border:1px solid var(--qc-line);border-radius:6px;background:var(--sk-panel,#17111e);box-shadow:0 7px 24px #0008;pointer-events:none;z-index:2;box-sizing:border-box}#quick-cast-tooltip strong{display:block;color:var(--qc-accent);font:700 15px Georgia,serif}#quick-cast-tooltip-detail,#quick-cast-tooltip-action{display:block;margin-top:4px;font-size:11px}
#quick-cast-picker{position:absolute;bottom:calc(100% + 7px);left:0;right:0;max-height:min(420px,55dvh);display:flex;flex-direction:column;gap:9px;padding:14px;box-sizing:border-box;border:1px solid var(--qc-line);border-radius:12px;background:var(--sk-panel,#17111e);box-shadow:0 10px 40px #000b;z-index:3}
.quick-cast-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.quick-cast-picker-head strong{color:var(--qc-accent);font:700 17px Georgia,serif}#quick-cast-close{background:transparent;border:1px solid var(--qc-line);border-radius:5px;padding:3px 9px}
.quick-cast-picker-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quick-cast-picker-tools label{display:flex;align-items:center;gap:6px;font-size:11px}.quick-cast-picker-tools input{flex:1;min-width:130px}.quick-cast-picker-tools :is(input,select){font:12px system-ui;background:var(--sk-bg,#060b15);color:var(--qc-ink);border:1px solid var(--qc-line);border-radius:5px;padding:7px;min-height:32px}
#quick-cast-ability-list{overflow:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overscroll-behavior:contain}.quick-cast-ability{display:flex;align-items:center;gap:6px;border:1px solid var(--qc-line);border-radius:6px;padding:4px;background:var(--sk-bg,#060b15)}
#quick-cast .quick-cast-ability-use{display:flex;align-items:center;gap:8px;min-width:0;flex:1;text-align:left;padding:3px;background:transparent;border:0;box-shadow:none}.quick-cast-ability-use:disabled{opacity:.55}#quick-cast .quick-cast-ability-use .ability-art-icon{width:32px;height:32px}.quick-cast-ability-copy{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.quick-cast-ability-copy strong{font-size:12px}.quick-cast-ability-copy small{font-size:10px;color:var(--qc-accent)}#quick-cast .quick-cast-assign{padding:5px 7px;font-size:10px;border:1px solid var(--qc-line);border-radius:4px;background:var(--sk-raised,#2b1b32)}
.quick-cast-help{margin:0;font-size:10px;color:var(--qc-ink);opacity:.8}#quick-cast-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.astralis-cockpit.quick-cast-visible #latest{bottom:180px}
@container(max-width:800px){.quick-cast-row{gap:7px;padding:5px 7px}.quick-cast-label{font-size:0}.quick-cast-label span{font-size:22px;margin:0}#quick-cast-slots{gap:5px}.quick-cast-controls{gap:2px;padding-left:5px}#quick-cast-target{max-width:95px}#quick-cast-all{padding:8px;font-size:10px!important}}
@container(max-width:600px){.quick-cast-row{flex-wrap:wrap;gap:5px}.quick-cast-label{display:none}#quick-cast-slots{flex-basis:100%;max-width:none;gap:5px}#quick-cast .quick-cast-slot{max-width:none;aspect-ratio:auto;height:42px}#quick-cast .quick-cast-slot .ability-art-icon{width:34px;height:34px}.quick-cast-controls{border-left:0;padding-left:0;flex-basis:100%}#quick-cast-target{max-width:none}#quick-cast-all{padding:5px 9px}#quick-cast .quick-cast-page{min-height:28px}#quick-cast-ability-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.astralis-cockpit.quick-cast-visible #latest{bottom:210px}}