:root{
  color-scheme:dark;
  --bg:#08050c;
  --panel:#0d0912;
  --panel-2:#17101f;
  --ink:#f4f6f8;
  --muted:#858d96;
  --silver:#c6cbd0;
  --silver-dark:#525a62;
  --line:#424a53;
  --blue:#3aaeff;
  --blue-soft:#79c8ff;
  --blue-deep:#0a4f83;
  --lcd:#899487;
  --lcd-light:#a9b1a3;
  --lcd-dark:#687269;
  --lcd-ink:#101511;
  --danger:#ff5e68;
  font-family:Arial,Helvetica,sans-serif;
  background:var(--bg);
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-width:320px;background:var(--bg)}
body{
  min-width:320px;
  min-height:100dvh;
  margin:0;
  overflow-x:hidden;
  color:var(--ink);
  background:
    radial-gradient(circle at 50% -12%,#167dcc2b 0,transparent 39%),
    radial-gradient(circle at 9% 45%,#5e33751f 0,transparent 27rem),
    radial-gradient(circle at 94% 72%,#245f9f14 0,transparent 24rem),
    linear-gradient(180deg,#100a16,#050307 74%);
}
button,input{font:inherit}
button{touch-action:manipulation}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.app-shell{
  width:min(100%,780px);
  min-height:100dvh;
  margin:0 auto;
  padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
}
.masthead{margin:0 2px 9px;overflow:hidden}
.micro-label{margin:0;color:#c8cdd2;font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.22em}
h1{display:flex;align-items:baseline;gap:.32em;width:100%;margin:0;color:#f6f7f8;font:900 clamp(13px,4vw,31px)/1 "Arial Narrow",Arial,Helvetica,sans-serif;letter-spacing:-.055em;white-space:nowrap}
.brand-owner{flex:0 1 auto;color:#98a0a8;font-size:.55em;letter-spacing:.08em}
.brand-title{min-width:0}
.version-mark{flex:0 0 auto;padding:.35em .48em;border:1px solid #717981;border-radius:5px;color:var(--blue-soft);background:#0c0911;box-shadow:0 1px #ffffff1a inset,0 0 13px #299fff22;font:800 .38em/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}

.console{
  position:relative;
  padding:clamp(14px,3.2vw,24px);
  overflow:visible;
  border:1px solid #7c858d;
  border-radius:18px;
  background:linear-gradient(145deg,#17101f 0,#08050b 58%,#100a16 100%);
  box-shadow:0 28px 90px #000d,0 1px 0 #ffffff24 inset,0 0 0 3px #030205,0 0 0 4px #41384a,0 0 36px #229cff2e;
}
.console::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.24;background:repeating-linear-gradient(180deg,transparent 0 3px,#8f6fa80b 4px)}
.console::after{content:"";position:absolute;z-index:-1;inset:8% -5px;border-radius:20px;pointer-events:none;box-shadow:0 0 44px #1a8adf28}

.field-head,.shortcut-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}
.field-head{margin:0 3px 8px}
.field-head label{color:#d9dde1;font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
.field-head span{color:var(--muted);font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}
.field-head span.error{color:var(--danger)}

.deck-input{
  position:relative;
  width:100%;
  height:58px;
  padding:0 17px;
  border:2px solid #c5cbd0;
  border-radius:8px;
  outline:0;
  color:var(--lcd-ink);
  caret-color:#080c09;
  background:repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 4px),linear-gradient(180deg,var(--lcd-light),var(--lcd));
  box-shadow:0 0 0 3px #252b31,0 6px 14px #1c211d66 inset,0 1px #fff7 inset;
  font:800 clamp(16px,4.5vw,22px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.025em;
  text-shadow:0 1px #dce1d8;
  transition:border-color .14s,box-shadow .14s;
}
.deck-input:hover{border-color:#fff}
.deck-input:focus{border-color:#fff;box-shadow:0 0 0 3px #303a43,0 0 0 5px var(--blue),0 0 22px #319fff55,0 6px 14px #1c211d66 inset}

.copy-button{
  position:relative;
  display:grid;
  place-items:center;
  align-content:center;
  width:100%;
  min-height:118px;
  margin:15px 0 0;
  padding:22px 18px 21px;
  overflow:visible;
  border:2px solid #d0d4d7;
  border-radius:8px;
  color:#fff;
  background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 4px),linear-gradient(180deg,var(--lcd-light),var(--lcd-dark));
  box-shadow:0 5px 0 #30363c,0 8px 25px #000c,0 0 0 3px #000,0 0 0 4px #687179,0 8px 15px #1c211d55 inset,0 0 18px #229fff1a;
  cursor:pointer;
  transition:transform .08s,box-shadow .08s,border-color .15s;
}
.copy-button::before{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid #20252255;border-radius:3px}
.copy-button:hover{border-color:#fff;box-shadow:0 5px 0 #30363c,0 8px 25px #000c,0 0 0 3px #000,0 0 0 4px var(--blue),0 8px 15px #1c211d55 inset,0 0 22px #229fff42}
.copy-button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
.copy-button:active,.copy-button.copy-confirmed{transform:translateY(4px);box-shadow:0 1px 0 #30363c,0 3px 12px #000,0 0 0 3px #000,0 0 0 4px #687179,0 8px 15px #1c211d55 inset}
.output-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:100%;font:650 clamp(20px,5.8vw,34px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere;text-shadow:0 1px 1px #000,0 0 4px #1118}
.copy-hint{margin-top:10px;color:#182019;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;text-shadow:0 1px #cbd2c8}
.paste-hint{margin-top:7px;color:#242a24;font:italic 700 13px/1 Georgia,"Times New Roman",serif;letter-spacing:.13em;text-shadow:0 1px #cbd2c8}
.mobile-copy{display:none}
.copy-burst{position:absolute;z-index:20;left:50%;top:48%;display:flex;justify-content:center;width:max-content;max-width:calc(100vw - 24px);opacity:0;pointer-events:none;transform:translate(-50%,-20%) scale(.78);font:italic 700 clamp(22px,5vw,40px)/1 Georgia,"Times New Roman",serif;letter-spacing:.1em;text-shadow:2px 3px 0 #000,0 0 9px #000;white-space:pre;transition:opacity .1s,transform .65s cubic-bezier(.12,.9,.2,1)}
.copy-burst.show{opacity:1;transform:translate(-50%,-175%) scale(1.04)}
.copy-burst.error{color:var(--danger);text-shadow:2px 3px 0 #000,0 0 12px #ff405f}

.telemetry{position:relative;display:flex;align-items:center;min-height:45px;padding:10px 4px 0;color:#c6cbd0}
.raw-count{padding:6px 8px;border:1px solid #92999a;border-radius:3px;color:var(--lcd-ink);background:var(--lcd);box-shadow:0 0 0 2px #242a30,0 2px 4px #0006 inset;white-space:nowrap;font:900 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.raw-count.over-limit{border-color:#ff8790;color:#3f050b;background:#df858b;box-shadow:0 0 0 2px #381017,0 0 14px #ff455666,0 2px 4px #55131a66 inset}
.telemetry-rule{height:1px;margin:0 12px;flex:1;background:linear-gradient(90deg,#77818a,transparent)}
.gradient-pips{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:82px}
.gradient-pips i{display:block;width:10px;height:10px;border:1px solid #eee;border-radius:50%;background:var(--pip);box-shadow:0 0 0 2px #111}

.gradient-panel,.shortcuts-panel{position:relative;border:1px solid #766c7f;border-radius:14px;background:linear-gradient(155deg,#15101b,#08050b 62%);box-shadow:0 1px #ffffff17 inset,0 0 24px #168de81c}
.gradient-panel{margin-top:11px;padding:13px}
.shortcut-head h2{margin:5px 0 0;font-size:15px;line-height:1;letter-spacing:.015em}
.gradient-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.gradient-actions{display:flex;align-items:center;gap:6px}
.gradient-actions button{display:grid;place-items:center;gap:2px;min-width:54px;height:45px;padding:4px 7px;border:1px solid #756d7d;border-radius:10px;color:#d6dade;background:linear-gradient(#211827,#0b080e);box-shadow:0 2px 0 #020103,0 1px #fff1 inset;cursor:pointer}
.gradient-actions button b{font:700 16px/1 Arial,sans-serif}
.gradient-actions button span{color:#7f8992;font:800 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
.gradient-actions button:hover{border-color:var(--blue);color:#fff;box-shadow:0 2px 0 #000,0 0 12px #299fff37}
.gradient-actions button:active{translate:0 2px;box-shadow:none}
.gradient-actions button:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}
.format-pad{display:grid;grid-template-columns:repeat(2,22px);grid-template-rows:repeat(2,22px);gap:2px;padding:3px;border:1px solid #756d7d;border-radius:10px;background:#08060a;box-shadow:0 2px 0 #020103,0 0 12px #229fff1a inset}
.format-pad button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;color:#aeb5bc;background:#1a141f;cursor:pointer}
.format-pad button:hover{color:#fff;background:#282030}
.format-pad button[aria-pressed="true"]{color:#07101a;background:linear-gradient(145deg,#e9f7ff,#68bfff);box-shadow:0 0 8px #35aaff}
.format-pad button b,.format-pad button i,.format-pad button u,.format-pad button s{font:700 11px/1 Arial,Helvetica,sans-serif}
.gradient-bar{position:relative;display:grid;place-items:center;height:22px;margin-top:11px;border:2px solid #aeb5bb;border-radius:999px;box-shadow:0 0 0 3px #15101b,0 0 15px #289fff38,0 3px 6px #0008 inset}
.gradient-bar span{padding:3px 8px;border:1px solid #d7dce066;border-radius:999px;color:#f4f7fa;background:#08050bbb;box-shadow:0 1px 4px #000;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em;text-shadow:0 1px #000}
.colour-stops{display:flex;align-items:stretch;gap:7px;max-width:100%;margin-top:11px;padding:3px 2px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:#3a7da9 #07090c}
.colour-stop{position:relative;flex:0 0 110px;min-width:0;scroll-snap-align:start}
.colour-stop label{display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:6px;min-height:54px;padding:7px;border:1px solid #a7adb2;border-radius:11px;color:var(--lcd-ink);background:linear-gradient(var(--lcd-light),var(--lcd));box-shadow:0 0 0 2px #241d2a,0 3px 7px #1c211d44 inset;font:900 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}
.colour-stop label>span{grid-column:1/-1;padding-right:18px;color:#263129;letter-spacing:.1em}
.colour-stop input{width:29px;height:27px;padding:0;overflow:hidden;border:0;border-radius:6px;background:transparent;cursor:pointer}
.colour-stop input::-webkit-color-swatch-wrapper{padding:0}
.colour-stop input::-webkit-color-swatch{border:1px solid #111;border-radius:5px}
.colour-stop b{min-width:0;overflow:hidden;color:#182019;font-size:8px;letter-spacing:-.02em;text-overflow:ellipsis}
.remove-colour{position:absolute;top:5px;right:5px;width:18px;height:18px;padding:0;border:1px solid #464d53;border-radius:6px;color:#fff;background:#27202d;box-shadow:0 2px 0 #090b0d;cursor:pointer;font:900 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.remove-colour:hover{border-color:#fff}
.remove-colour:active{translate:0 1px;box-shadow:none}
.add-colour-tile{display:grid;place-items:center;align-content:center;gap:3px;flex:0 0 74px;min-height:54px;padding:6px;border:1px solid #638fb0;border-radius:11px;color:#dff3ff;background:linear-gradient(145deg,#171221,#0a0710);box-shadow:0 0 0 2px #241d2a,0 0 13px #249fff1c inset;cursor:pointer;scroll-snap-align:start}
.add-colour-tile b{font:400 23px/1 Arial,sans-serif}
.add-colour-tile span{color:#8bbddd;font:800 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.add-colour-tile:hover{border-color:var(--blue);box-shadow:0 0 0 2px #241d2a,0 0 13px #249fff42}
.add-colour-tile:active{translate:0 2px}
.add-colour-tile:disabled{opacity:.32;cursor:not-allowed}

.shortcuts-panel{margin-top:11px;padding:15px}
.shortcut-head small{color:#6f7982;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-align:right}
.general-palettes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}
.palette-button,.preset-button{position:relative;min-width:0;min-height:44px;padding:10px 9px 7px;overflow:hidden;border:1px solid #625a69;border-radius:10px;color:#cdd2d6;background:#0d0912;box-shadow:0 2px 0 #020103,0 1px #fff1 inset;cursor:pointer;text-align:left}
.palette-button::before,.preset-button::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--palette);opacity:.85}
.palette-button strong,.palette-button span,.preset-button strong,.preset-button span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.palette-button strong,.preset-button strong{font-size:11px}
.palette-button span,.preset-button span{margin-top:4px;color:#77818a;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
.palette-button:hover,.preset-button:hover{border-color:var(--blue);color:#fff;box-shadow:0 2px 0 #000,0 0 13px #279fff2d}
.palette-button:active,.preset-button:active{translate:0 2px;box-shadow:none}
.palette-button.selected,.preset-button.selected{border-color:#fff;color:#fff;background:#16212a;box-shadow:0 2px 0 #000,0 0 0 2px #2ba8ff66 inset,0 0 14px #249fff2e}
.palette-button.selected span,.preset-button.selected span{color:#9fd6fb}
.shortcut-divider{height:1px;margin:16px 0;background:linear-gradient(90deg,transparent,#5b6570 16%,#5b6570 84%,transparent)}
.mana-wheel{display:flex;align-items:center;justify-content:center;gap:clamp(6px,2.1vw,12px);height:65px;margin:6px auto 0}
.mana-button{position:relative;width:clamp(47px,12.5vw,57px);height:clamp(47px,12.5vw,57px);padding:0;border:2px solid #68727b;border-radius:50%;color:#d1d6da;background:linear-gradient(145deg,#1a2025,#06080a);box-shadow:0 4px 0 #000,0 7px 14px #0008,0 0 0 3px #10151a inset,0 1px #fff2 inset;cursor:pointer;font:900 18px/1 ui-monospace,SFMono-Regular,Consolas,monospace;transition:filter .12s,border-color .12s,box-shadow .12s}
.mana-button::after{content:"";position:absolute;inset:6px;border:1px solid #ffffff1f;border-radius:inherit}
.mana-button:hover{filter:brightness(1.23)}
.mana-button:active{box-shadow:0 1px 0 #000,0 2px 5px #0008;translate:0 3px}
.mana-button[aria-pressed="true"]{border-color:#fff;color:#fff;background:radial-gradient(circle at 36% 27%,color-mix(in srgb,var(--mana) 88%,white),var(--mana) 48%,color-mix(in srgb,var(--mana) 62%,black));box-shadow:0 3px 0 #000,0 0 0 2px var(--mana),0 0 17px color-mix(in srgb,var(--mana) 72%,transparent),0 0 0 3px #ffffff42 inset;text-shadow:0 1px 3px #000}
.mana-button[data-code="W"][aria-pressed="true"]{color:#111;text-shadow:0 1px #fff}
.mana-button[data-code="B"][aria-pressed="true"]{background:radial-gradient(circle at 36% 27%,#bd91c8,#6b4777 48%,#26182c);box-shadow:0 3px 0 #000,0 0 0 2px #c6a4cf,0 0 18px #8c5b9b77,0 0 0 3px #ffffff38 inset}
.mana-button:disabled{opacity:.23;filter:saturate(.2);cursor:not-allowed}
.preset-context{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 1px 0;color:#d0d5d9;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
.preset-context small{color:#717b84;font-size:7px;letter-spacing:.08em;text-align:right}
.preset-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,1fr);gap:7px;max-width:100%;margin:7px 0 0;padding:3px 1px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:#3a7da9 #07090c}
.preset-button{scroll-snap-align:start}
.preset-button::before{background:var(--preset)}
.preset-empty{display:grid;place-items:center;min-height:44px;padding:9px 13px;border:1px dashed #5a5062;border-radius:10px;color:#756d7d;background:#09060d;font:800 8px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-align:center;white-space:normal;scroll-snap-align:start}

footer{display:flex;justify-content:space-between;gap:10px;padding:13px 3px 0;color:#606a73;font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}

@media(min-width:680px){
  .preset-rail{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));overflow:visible}
}

@media(max-width:580px){
  .app-shell{padding-top:max(10px,env(safe-area-inset-top))}
  .masthead{margin-bottom:8px}
  .console{padding:12px;border-radius:14px}
  .gradient-actions{gap:4px}
  .gradient-actions button{min-width:50px;height:43px;padding-inline:5px}
  .general-palettes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,1fr);grid-template-columns:none;overflow-x:auto;padding-bottom:7px;scroll-snap-type:x proximity}
  .palette-button{scroll-snap-align:start}
  .desktop-copy{display:none}.mobile-copy{display:inline}
}

@media(max-width:390px){
  h1{font-size:clamp(12px,3.85vw,15px)}
  .gradient-panel,.shortcuts-panel{padding:13px 10px}
  .gradient-toolbar{gap:6px}
  .mana-wheel{gap:5px}
  .mana-button{width:47px;height:47px}
  .copy-button{min-height:108px}
  .shortcut-head small{max-width:105px}
  .preset-context small{display:none}
  footer{display:grid;gap:6px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Cheugs invasion: intentionally excessive, visually harmless, and click-through. */
#cheugSwarm{position:fixed;z-index:2147483646;inset:0;overflow:hidden;pointer-events:none;contain:strict}
.cheug-arrow{position:absolute;left:0;top:0;width:1em;height:1em;opacity:0;color:#ff1010;font:900 var(--arrow-size)/1 "Arial Black",Impact,sans-serif;text-align:center;text-shadow:0 2px 0 #5f0000,0 0 5px #fff,0 0 10px #ff0000,0 0 24px #ff0000;transform-origin:50% 50%;will-change:transform,opacity,filter;user-select:none}
#cheugSwarm.cheugs-awake .cheug-arrow{animation:cheug-materialize .28s ease-out both,cheug-panic .43s steps(2,end) infinite}
.cheug-arrow:nth-child(3n){color:#ff3535;filter:drop-shadow(0 0 8px #ff0000)}
.cheug-arrow:nth-child(5n){color:#d90000;text-shadow:0 2px 0 #3c0000,0 0 4px #fff,0 0 18px #ff0000}
.cheug-route-teaser{position:absolute;z-index:3;width:1em;height:1em;opacity:0;color:#ff1010;font:900 var(--teaser-size)/1 "Arial Black",Impact,sans-serif;text-shadow:0 3px 0 #5f0000,0 0 6px #fff,0 0 14px #ff0000,0 0 30px #ff0000;transform-origin:50% 50%;pointer-events:none;animation:cheug-teaser-arrive .24s ease-out forwards,cheug-teaser-stab .38s ease-in-out .24s infinite alternate;will-change:translate,opacity,filter}
.cheug-route-pair{position:absolute;right:clamp(18px,5vw,64px);bottom:clamp(26px,8vh,90px);z-index:4;width:clamp(170px,31vw,255px);height:112px;opacity:0;pointer-events:none;transform:translateY(90px) scale(.35) rotate(12deg);transition:opacity .22s,transform .65s cubic-bezier(.12,1.3,.24,1)}
.cheug-route-pair.show{opacity:1;transform:translateY(0) scale(1) rotate(0)}
.cheug-route-guide,.cheug-version-link{position:absolute;color:#ff1717;font:900 clamp(58px,9vw,94px)/1 "Arial Black",Impact,sans-serif;text-shadow:0 3px 0 #5a0000,0 0 7px #fff,0 0 15px #ff0000,0 0 32px #ff0000}
.cheug-route-guide{left:0;top:27px;animation:cheug-guide-stab .42s ease-in-out infinite alternate}
.cheug-version-link{right:0;top:0;display:grid;place-items:center;width:1.18em;height:1.18em;border:3px solid #ff4b4b;border-radius:50%;pointer-events:auto;text-decoration:none;background:#350000d9;box-shadow:0 0 0 4px #fff,0 0 0 8px #a80000,0 0 38px #ff0000;transform:rotate(-18deg);animation:cheug-route-throb .55s ease-in-out infinite alternate;cursor:pointer}
.cheug-version-link::after{content:"CURRENT COLOURIFIER";position:absolute;left:50%;top:100%;padding:5px 8px;border:2px solid #ff3131;border-radius:999px;color:#fff;background:#5d0000;box-shadow:0 0 12px #ff0000;font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;white-space:nowrap;transform:translate(-50%,-3px) rotate(18deg)}
.cheug-version-link:hover,.cheug-version-link:focus-visible{outline:4px solid #fff;outline-offset:9px;color:#fff;background:#a00000;filter:brightness(1.3)}
@keyframes cheug-materialize{from{opacity:0;filter:blur(8px) brightness(3)}55%{opacity:1}to{opacity:.94;filter:blur(0) brightness(1)}}
@keyframes cheug-panic{0%,100%{opacity:.96}50%{opacity:.72}}
@keyframes cheug-teaser-arrive{from{opacity:0;filter:blur(9px) brightness(4)}to{opacity:.95;filter:blur(0) brightness(1)}}
@keyframes cheug-teaser-stab{from{translate:-17px 0;scale:.88}to{translate:15px 0;scale:1.08}}
@keyframes cheug-guide-stab{from{transform:translateX(-14px) rotate(-2deg)}to{transform:translateX(12px) rotate(2deg)}}
@keyframes cheug-route-throb{from{scale:.9;filter:brightness(.9)}to{scale:1.08;filter:brightness(1.35)}}

@media(prefers-reduced-motion:reduce){
  #cheugSwarm.cheugs-awake .cheug-arrow{animation:cheug-materialize .01ms both!important}
}
