/* An animated deep-blue atmosphere, behind the storefront at every route. */
body[data-design=abyss]{isolation:isolate}
body[data-design=abyss] main{background:radial-gradient(ellipse at 85% 12%,#0b55a322,transparent 46%),radial-gradient(ellipse at 15% 80%,#08487b18,transparent 42%)}
.abyss-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 76% 8%,#123e6c 0,transparent 49%),radial-gradient(ellipse at 5% 75%,#092a46 0,transparent 45%),#050b17}
.abyss-halo{position:absolute;width:90vmax;height:90vmax;left:21%;top:-60vmax;border-radius:50%;background:conic-gradient(from 20deg,transparent 15%,#36bbff22 29%,transparent 42%,#2d72ee17 67%,transparent 78%);filter:blur(34px);animation:abyss-halo-turn 55s linear infinite;transform-origin:center;will-change:transform}
.abyss-beam{position:absolute;top:-30%;width:24%;height:140%;background:linear-gradient(90deg,transparent,#25afff12 40%,#74eaff1b 51%,transparent 70%);mask-image:linear-gradient(#000,transparent 85%);transform-origin:50% 0;filter:blur(12px);animation:abyss-beam-drift 19s ease-in-out infinite alternate;will-change:transform,opacity}
.abyss-beam-one{left:14%;transform:rotate(22deg);--beam-start:22deg;--beam-end:35deg}
.abyss-beam-two{left:69%;width:18%;opacity:.6;--beam-start:-18deg;--beam-end:-32deg;animation-delay:-9s;animation-duration:23s}
.abyss-grid{position:absolute;left:-50%;right:-50%;bottom:-50%;height:98%;background-image:linear-gradient(#42baff19 1px,transparent 1px),linear-gradient(90deg,#42baff19 1px,transparent 1px);background-size:80px 80px;transform:perspective(700px) rotateX(61deg);transform-origin:center 25%;mask-image:radial-gradient(ellipse at 50% 30%,#0007,transparent 65%);animation:abyss-grid-tide 24s linear infinite}
.abyss-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.abyss-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 45% 45%,#050b1720,transparent 72%),linear-gradient(transparent 60%,#050b1740);pointer-events:none}
.abyss-scene[data-paused=true] *{animation-play-state:paused!important}
@keyframes abyss-halo-turn{to{transform:rotate(360deg)}}
@keyframes abyss-beam-drift{from{transform:rotate(var(--beam-start)) translateX(-5%);opacity:.48}to{transform:rotate(var(--beam-end)) translateX(6%);opacity:.95}}
@keyframes abyss-grid-tide{to{transform:perspective(700px) rotateX(61deg) translateY(80px)}}

/* Help contact card: its disabled state never pretends to be a working invite. */
.discord-support{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:23px;padding:27px 29px;margin:0 0 28px;border:1px solid #478bb566;border-radius:20px;background:radial-gradient(ellipse at 3% 20%,#5865f233,transparent 52%),linear-gradient(120deg,#102940f5,#0b1729f5);box-shadow:0 12px 36px #0003,inset 0 1px 0 #8adfff0b}
.discord-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid #8ba0ff55;border-radius:18px;background:#5865f222;color:#b0c8ff;box-shadow:0 0 27px #5865f21a}
.discord-mark svg{width:33px;height:33px;fill:currentColor;stroke:none}
.discord-copy h2{font-size:1.38rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:9px}
.discord-copy p{font-size:.88rem;line-height:1.7;max-width:440px}
.discord-action{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:230px}
.discord-action .button{background:linear-gradient(115deg,#6775ff,#4756d9);color:#fff;border-color:#8f9bff55;min-width:190px;white-space:normal;text-align:center}
.discord-action .button svg:first-child{fill:currentColor;stroke:none;width:21px;height:21px}
.discord-action .button:hover{box-shadow:0 6px 30px #5865f240}
.discord-action .button:disabled{cursor:default;opacity:1;color:#c2c9e5;background:linear-gradient(120deg,#2c365b,#222d4d);border-color:#6277a359;box-shadow:none;transform:none}
.discord-action small{text-align:center;line-height:1.5;font-size:.7rem;color:#93a4bd;max-width:210px}
@media(max-width:960px){.discord-support{grid-template-columns:auto minmax(0,1fr)}.discord-action{grid-column:2;align-items:flex-start;max-width:none}.discord-action small{text-align:left;max-width:none}}
@media(max-width:600px){.abyss-halo{filter:blur(22px)}.abyss-beam{width:38%;filter:blur(8px)}.abyss-grid{display:none}.discord-support{padding:24px 22px;gap:16px}.discord-mark{width:48px;height:48px;border-radius:14px}.discord-mark svg{width:27px;height:27px}.discord-copy h2{font-size:1.2rem}.discord-copy p{font-size:.84rem}.discord-action{grid-column:1/-1;width:100%;align-items:stretch}.discord-action .button{width:100%}.discord-action small{text-align:center}}
@media(prefers-reduced-motion:reduce){.abyss-scene *{animation:none!important}.abyss-particles{display:none}.abyss-beam{opacity:.55}}