:root{--aq-bg:#041e3a;--aq-text:#e2e8f0;--aq-text-muted:#94a3b8;--aq-border:#94a3b81f;--aq-primary:#22d3ee;--aq-primary-rgb:34, 211, 238;--aq-control-bg:#041e3ae0;--aq-panel-bg:#041e3aeb;--aq-btn-bg:#94a3b81a;--aq-btn-hover:#94a3b833;--aq-slider-track:#94a3b833;--aq-danger:#ef4444}._aq-container{background:var(--aq-bg);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;min-height:100vh;position:relative;overflow:hidden}#_aq-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}._aq-controls{background:var(--aq-control-bg);-webkit-backdrop-filter:blur(12px);border-top-style:solid;border-top-width:1px;border-top-color:var(--aq-border);z-index:10;opacity:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:opacity .4s;display:flex;position:fixed;bottom:0;left:0;right:0}._aq-controls.is-hidden{opacity:0;pointer-events:none}._aq-controls-inner{align-items:center;gap:.5rem;display:flex}._aq-ctrl-btn{border-radius:var(--main-radius);background:var(--aq-btn-bg);width:36px;height:36px;color:var(--aq-text);cursor:pointer;border-width:0;justify-content:center;align-items:center;transition:background .2s;display:flex}._aq-ctrl-btn:hover{background:var(--aq-btn-hover)}._aq-ctrl-btn.is-active{background:rgba(var(--aq-primary-rgb), .2);color:var(--aq-primary)}._aq-ctrl-danger:hover{color:var(--aq-danger);background:#ef444433}._aq-ctrl-sep{background:var(--aq-border);width:1px;height:20px;margin:0 .25rem}._aq-volume-slider{align-items:center;display:flex}._aq-slider{-webkit-appearance:none;appearance:none;background:var(--aq-slider-track);cursor:pointer;border-radius:2px;outline:none;width:80px;height:4px}._aq-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--aq-primary);cursor:pointer;border-radius:50%;width:14px;height:14px}._aq-slider::-moz-range-thumb{background:var(--aq-primary);cursor:pointer;border-width:0;border-radius:50%;width:14px;height:14px}._aq-creature-count{font-size:var(--main-text-xs);color:var(--aq-text-muted);font-weight:500;position:absolute;right:1rem}@media (max-width:768px){._aq-controls{padding:.5rem .75rem}._aq-slider{width:60px}._aq-ctrl-btn{width:32px;height:32px}}@media (max-width:480px){._aq-slider{width:50px}}._aq-panel-toggle{background:var(--aq-control-bg);-webkit-backdrop-filter:blur(12px);border-style:solid;border-width:1px;border-color:var(--aq-border);width:44px;height:44px;color:var(--aq-primary);cursor:pointer;z-index:20;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;top:1rem;right:1rem}._aq-panel-toggle:hover{background:var(--aq-btn-hover)}._aq-panel-toggle.is-hidden{opacity:0;pointer-events:none}._aq-panel-toggle-icon{justify-content:center;align-items:center;display:flex}._aq-panel{background:var(--aq-panel-bg);-webkit-backdrop-filter:blur(16px);border-left-style:solid;border-left-width:1px;border-left-color:var(--aq-border);z-index:30;flex-direction:column;width:300px;height:100%;transition:right .3s;display:flex;position:fixed;top:0;right:-320px;overflow:hidden}._aq-panel.is-open{right:0}._aq-panel-header{justify-content:space-between;align-items:center;padding:1rem 1rem .75rem;display:flex}._aq-panel-title{font-size:var(--main-text-base);color:var(--aq-text);margin:0;font-weight:600}._aq-panel-close{border-radius:var(--main-radius);background:var(--aq-btn-bg);width:28px;height:28px;color:var(--aq-text-muted);cursor:pointer;border-width:0;justify-content:center;align-items:center;display:flex}._aq-panel-close:hover{background:var(--aq-btn-hover);color:var(--aq-text)}._aq-panel-tabs{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--aq-border);gap:0;padding:0 1rem;display:flex}._aq-tab{font-size:var(--main-text-sm);color:var(--aq-text-muted);cursor:pointer;background:0 0;border-width:0 0 2px;border-bottom-style:solid;border-bottom-color:#0000;flex:1;padding:.5rem 0;transition:color .2s}._aq-tab:hover{color:var(--aq-text)}._aq-tab._aq-tab-active{color:var(--aq-primary);border-bottom-color:var(--aq-primary)}._aq-size-control{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--aq-border);align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}._aq-size-label{color:var(--aq-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:11px;font-weight:500}._aq-size-slider{flex:1;min-width:0}._aq-size-value{font-size:var(--main-text-xs);color:var(--aq-primary);text-align:right;min-width:28px;font-weight:600}._aq-panel-list{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:.5rem;padding:.75rem;display:grid;overflow-y:auto}._aq-panel-list::-webkit-scrollbar{width:4px}._aq-panel-list::-webkit-scrollbar-track{background:0 0}._aq-panel-list::-webkit-scrollbar-thumb{background:var(--aq-border);border-radius:2px}._aq-creature-card{border-radius:var(--main-radius);background:var(--aq-btn-bg);cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem .5rem;transition:background .2s,border-color .2s;display:flex}._aq-creature-card:hover{background:var(--aq-btn-hover);border-color:rgba(var(--aq-primary-rgb), .3)}._aq-creature-preview{justify-content:center;align-items:center;width:48px;height:36px;display:flex}._aq-creature-preview canvas{display:block}._aq-creature-name{color:var(--aq-text-muted);text-align:center;font-size:11px;line-height:1.2}@media (max-width:768px){._aq-panel{width:260px;right:-280px}}@media (max-width:480px){._aq-panel{width:100%;right:-100%}}._aq-theme-picker{background:var(--aq-panel-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--aq-border);z-index:15;gap:1.25rem;padding:.75rem 1rem;display:flex;position:fixed;bottom:60px;left:50%;translate:-50%}._aq-theme-section{flex-direction:column;gap:.5rem;display:flex}._aq-theme-label{color:var(--aq-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}._aq-theme-options{gap:.375rem;display:flex}._aq-theme-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0;transition:border-color .2s}._aq-theme-btn:hover{opacity:.85}._aq-theme-btn.is-active{border-color:var(--aq-primary)}@media (max-width:480px){._aq-theme-picker{flex-direction:column;gap:.75rem;bottom:56px}}