/* AoC artifact controls v1.0.0 — derived from the approved 16 Oct 2026 website buttons.
   No scripts, external fonts or image services required. Wrap in .aoc-controls. */
@font-face{font-family:AoCControls;src:url('9320ca80be2f4275e7aa.woff2') format('woff2');font-weight:400;font-display:swap}
:is(#aoc-artifact,.aoc-controls) .aoc-button{
 --aoc-cut:8px;--aoc-face:linear-gradient(155deg,#363b49 0%,#202432 19%,#11141e 58%,#242134 100%);
 --aoc-edge:linear-gradient(130deg,#edf0f7 0%,#777e92 9%,#c8d5df 14%,#393f55 25%,#8f8fa6 46%,#e1d6f7 58%,#565a75 70%,#b9d4dc 89%,#e9e8f3);
 --aoc-sweep:linear-gradient(108deg,transparent 36%,#a9c8ff05 41%,#e8ecff58 47%,#cfb5ff20 52%,transparent 59%);
 position:relative;isolation:isolate;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;max-width:100%;padding:12px 26px;border:0;border-radius:0;overflow:hidden;
 color:#e9ebf5;background:var(--aoc-edge);font:400 12px/1.4 AoCControls,Orbitron,Arial,sans-serif;letter-spacing:.035em;text-shadow:0 1px 2px #000;text-align:center;text-decoration:none;white-space:normal;cursor:pointer;box-shadow:none;
 clip-path:polygon(var(--aoc-cut) 0,calc(100% - var(--aoc-cut)) 0,100% var(--aoc-cut),100% calc(100% - var(--aoc-cut)),calc(100% - var(--aoc-cut)) 100%,var(--aoc-cut) 100%,0 calc(100% - var(--aoc-cut)),0 var(--aoc-cut));transition:filter .25s,transform .15s;
}
:is(#aoc-artifact,.aoc-controls) .aoc-button:before{content:'';position:absolute;inset:1px;z-index:-2;background:var(--aoc-face);clip-path:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px #aab3cd22,inset 0 4px 8px #ffffff08,inset 0 -1px 0 #b0a2d344}
:is(#aoc-artifact,.aoc-controls) .aoc-button:after{content:'';position:absolute;inset:0;z-index:-1;background:var(--aoc-sweep);transform:translateX(-140%);pointer-events:none}
:is(#aoc-artifact,.aoc-controls) .aoc-button--compact{min-height:44px;min-width:44px;padding:10px 16px;font-size:11px;letter-spacing:.035em}
:is(#aoc-artifact,.aoc-controls) .aoc-button--gold,
:is(#aoc-artifact,.aoc-controls) .aoc-button[aria-pressed=true]{--aoc-face:linear-gradient(155deg,#625239 0%,#3b3023 22%,#211d17 62%,#302636 100%);--aoc-edge:linear-gradient(125deg,#fff0cc 0%,#aa8550 9%,#e8ca88 18%,#71604c 29%,#cead6b 45%,#f7e5b2 58%,#9c86b1 70%,#b9c8c6 78%,#d3ae65 89%,#f6e7b9);--aoc-sweep:linear-gradient(108deg,transparent 36%,#ead49b08 41%,#fff1c35c 47%,#d0b5f525 52%,transparent 59%);color:#fff0cc}
:is(#aoc-artifact,.aoc-controls) .aoc-button[aria-pressed=true]:before{box-shadow:inset 0 -3px 0 #e9c67c,inset 0 0 0 2px #e1c28638,inset 0 4px 8px #fff0c709}
@media(hover:hover){:is(#aoc-artifact,.aoc-controls) .aoc-button:not(:disabled):not([aria-disabled=true]):hover{filter:brightness(1.18)}:is(#aoc-artifact,.aoc-controls) .aoc-button:not(:disabled):not([aria-disabled=true]):hover:after{animation:aoc-artifact-sweep 1.15s cubic-bezier(.18,.55,.35,1) forwards}}
:is(#aoc-artifact,.aoc-controls) .aoc-button:focus-visible{outline:0;filter:brightness(1.2)}
:is(#aoc-artifact,.aoc-controls) .aoc-button:focus-visible:before{box-shadow:inset 0 0 0 2px #f0edff,inset 0 -4px 0 #aabfe5}
:is(#aoc-artifact,.aoc-controls) .aoc-button:focus-visible:after{animation:aoc-artifact-sweep 1.15s cubic-bezier(.18,.55,.35,1) forwards}
:is(#aoc-artifact,.aoc-controls) .aoc-button:not(:disabled):not([aria-disabled=true]):active{filter:brightness(.9);transform:translateY(1px)}
:is(#aoc-artifact,.aoc-controls) .aoc-button:is(:disabled,[aria-disabled=true]){opacity:.42;cursor:not-allowed;filter:none}
:is(#aoc-artifact,.aoc-controls) .aoc-button:is(:disabled,[aria-disabled=true]):after{display:none}
:is(#aoc-artifact,.aoc-controls) .aoc-tab{position:relative;box-sizing:border-box;min-height:44px;padding:12px 0;background:none;border:0;border-bottom:1px solid transparent;color:#b2aec9;font:400 11px/1.4 AoCControls,Orbitron,Arial,sans-serif;letter-spacing:.035em;cursor:pointer;text-decoration:none;transition:color .2s}
:is(#aoc-artifact,.aoc-controls) .aoc-tab:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#d0bce8,#abd3df,transparent);opacity:0;transition:opacity .25s}
:is(#aoc-artifact,.aoc-controls) .aoc-tab:is(:hover,:focus-visible){color:#f0effb}
:is(#aoc-artifact,.aoc-controls) .aoc-tab:is(:hover,:focus-visible):after{opacity:1}
:is(#aoc-artifact,.aoc-controls) .aoc-tab[aria-selected=true]{color:#ead19b;border-color:#cba766;text-shadow:none}
:is(#aoc-artifact,.aoc-controls) .aoc-tab:focus-visible{outline:1px solid #d4c6ee;outline-offset:4px}
:is(#aoc-artifact,.aoc-controls) .aoc-text-link{color:#c9cbd7;text-decoration:none;text-underline-offset:6px;transition:color .2s}
:is(#aoc-artifact,.aoc-controls) .aoc-text-link:is(:hover,:focus-visible){color:#f0effb;text-decoration:underline;text-decoration-color:#b9b1d5}
:is(#aoc-artifact,.aoc-controls) .aoc-text-link:focus-visible{outline:1px solid #d4c6ee;outline-offset:4px}
@keyframes aoc-artifact-sweep{from{transform:translateX(-140%)}to{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){:is(#aoc-artifact,.aoc-controls) :is(.aoc-button,.aoc-tab,.aoc-text-link),:is(#aoc-artifact,.aoc-controls) .aoc-button:after{animation:none!important;transition:none!important}:is(#aoc-artifact,.aoc-controls) .aoc-button:is(:hover,:focus-visible):after{animation:none!important;transform:none;opacity:.25}:is(#aoc-artifact,.aoc-controls) .aoc-button:active{transform:none!important}}