*{box-sizing:border-box} :root{color-scheme:light;--ink:#211232;--lime:#d9ff70}html{min-width:280px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background-color:#8951d9;background-image:radial-gradient(circle,#7037bf 3px,transparent 3.5px);background-size:27px 27px;min-height:100svh}main{position:relative;width:min(100% - 40px,510px);margin:auto;padding:28px 0 22px}.topline{display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:26px;font-weight:900;letter-spacing:-2px}.wordmark span{color:var(--lime);margin-left:5px}.status{display:flex;align-items:center;gap:7px;border:1.5px solid var(--ink);border-radius:30px;padding:8px 12px;font-size:9px;font-weight:800;letter-spacing:1px;background:#a273e6}.status i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.hero{text-align:center;padding:30px 0 25px}.avatar{position:relative;width:104px;margin:auto;transform:rotate(-7deg)}.avatar img{display:block;filter:drop-shadow(4px 5px 0 var(--ink))}.level{position:absolute;right:-35px;bottom:3px;background:#fff5e5;border:2px solid var(--ink);padding:6px 8px;font-size:10px;font-weight:900;transform:rotate(13deg)}.logo-note{font-size:8px;font-weight:800;letter-spacing:1px;margin:14px 0 20px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:1.6px;margin:0 0 12px}h1{position:relative;width:max-content;margin:0 auto;font-size:clamp(66px,17vw,91px);line-height:.83;letter-spacing:-5px;font-weight:1000;transform:rotate(-3deg)}h1 span{color:var(--lime);-webkit-text-stroke:2px var(--ink);text-shadow:4px 5px 0 var(--ink)}h1 b{position:absolute;right:-32px;top:4px;font-size:40px;color:#fff5e5;letter-spacing:0}.intro{font-size:14px;line-height:1.6;font-weight:600;margin:24px 0 0}.section-label{display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:1.5px;margin:0 4px 12px}.quest{display:flex;align-items:center;gap:15px;padding:18px 19px;margin:0 0 15px;border:2.5px solid var(--ink);border-radius:17px;box-shadow:5px 5px 0 var(--ink);color:var(--ink);text-decoration:none;transition:transform .16s,box-shadow .16s;background:#fff5e5}.youtube{background:var(--lime)}.discord{background:#bba1ff}.icon{flex:none;width:43px;height:43px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:12px}.icon svg{width:29px;height:29px}.text{display:flex;flex-direction:column;gap:4px}.text small{font-size:8px;font-weight:900;letter-spacing:1px}.text strong{font-size:27px;letter-spacing:-1px;line-height:1.1}.text>span{font-size:11px;font-weight:500}.arrow{margin-left:auto;font-size:30px}.quest:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.quest:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.quest:focus-visible{outline:3px solid white;outline-offset:6px}.link-status{font-size:11px;text-align:center;font-weight:700;margin:20px 0}.link-status:empty{display:none}footer{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #21123255;padding:18px 1px 0;margin-top:26px;font-size:8px;font-weight:800;letter-spacing:.8px}.spark{position:fixed;color:var(--lime);font-size:90px;pointer-events:none;opacity:.65}.spark-one{left:calc(50% - 410px);top:24%;transform:rotate(10deg)}.spark-two{right:calc(50% - 390px);bottom:15%;font-size:130px}@media(min-width:800px){main{padding-top:36px}.hero{padding-top:36px}}@media(max-width:360px){main{width:calc(100% - 30px)}.quest{padding:16px 12px;gap:11px}.text>span{font-size:10px}.text small{font-size:7px}.text strong{font-size:25px}h1 b{right:-24px;font-size:30px}footer{font-size:7px;letter-spacing:.3px}}@media(prefers-reduced-motion:reduce){.quest{transition:none}}
.instagram{background:#ffd0e5}.threads{background:#fff5e5}.facebook{background:#a8dbff}

/* SQ Live brand: supplied logo, purple halftone, yellow and black. */
:root{--ink:#080808;--lime:#ffe21a}
body{background-color:#8845ff;background-image:radial-gradient(circle,#7336d9 2.5px,transparent 3px);background-size:24px 24px;border-bottom:14px solid transparent;border-image:repeating-linear-gradient(90deg,#080808 0 18px,#ffe21a 18px 36px) 14}
.status{background:#ffe21a;border-radius:3px;box-shadow:3px 3px 0 #080808}.status i{background:#f52b30}.hero{padding-top:24px}.avatar{width:190px;transform:none}.avatar img{width:100%;height:auto;border:4px solid #080808;border-radius:22px;filter:none;box-shadow:6px 6px 0 #080808}.eyebrow{margin:27px 0 14px;font-family:'Courier New',monospace;letter-spacing:1px;color:#fff}h1{font-size:clamp(34px,10vw,54px);line-height:1;letter-spacing:-2px;transform:none;font-family:Arial,Helvetica,sans-serif;font-weight:1000;color:#fff;-webkit-text-stroke:1.5px #080808;text-shadow:4px 4px 0 #080808}h1 span{color:#fff;-webkit-text-stroke:1.5px #080808;text-shadow:4px 4px 0 #080808}.intro{color:#fff;font-weight:700;text-shadow:1px 1px 0 #3d147a;margin-top:15px}.section-label{background:#ffe21a;padding:10px 12px;box-shadow:4px 4px 0 #080808;margin:0 0 18px;font-family:'Courier New',monospace;font-size:10px;letter-spacing:.7px}.quest{border-radius:6px;border:3px solid #080808;box-shadow:5px 5px 0 #080808;background:#fff}.youtube,.discord{background:#ffe21a}.tiktok,.threads{background:#fff}.instagram{background:#efe5ff}.facebook{background:#d9c2ff}.icon{border-radius:4px;border-width:2px}.text small{font-family:'Courier New',monospace;letter-spacing:.4px}.spark{font-family:'Courier New',monospace}footer{color:#fff;border-color:#ffffff66}.link-status{color:#fff}
@media(max-width:360px){.avatar{width:164px}.status{font-size:8px;padding:8px}.text small{font-size:7px;letter-spacing:0}.section-label{font-size:9px;letter-spacing:0}}

.hero{padding:12px 0 32px}

.portal-sign{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border:3px solid #080808;transform:rotate(-1deg);box-shadow:5px 5px 0 #080808;margin:5px 0 24px;background:#ffe21a}
.portal-copy{display:flex;flex-direction:column;gap:5px;flex:1}.portal-copy small{font-size:8px;letter-spacing:1px}.portal-copy strong{font-family:Arial,Helvetica,sans-serif;font-size:clamp(19px,5vw,26px);font-weight:900;letter-spacing:-.6px;line-height:1.05}.portal-spark{font-size:30px;text-shadow:2px 2px 0 #fff}.portal-arrow{display:grid;place-items:center;flex:none;width:33px;height:33px;border:2px solid #080808;background:#fff;font-size:23px;box-shadow:2px 2px 0 #080808;animation:portal-bounce 1.8s ease-in-out infinite}
@keyframes portal-bounce{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media(max-width:360px){.portal-sign{gap:8px;padding:12px}.portal-copy small{font-size:7px;letter-spacing:.4px}.portal-spark{font-size:24px}}
@media(prefers-reduced-motion:reduce){.portal-arrow{animation:none}}

/* Keep the banner yellow and distinguish the YouTube card. */
.youtube{background:#ffffff}.youtube .icon svg path{fill:#ffffff}

/* Platform-inspired colors with readable text. */
.youtube{background:#d71920;color:#fff}.discord{background:#6550c7;color:#fff}.tiktok{background:#121212;color:#fff}.instagram{background:linear-gradient(115deg,#a82ba3,#c22e68 55%,#9c4209);color:#fff}.threads{background:#171717;color:#fff}.facebook{background:#0866d9;color:#fff}
.quest .icon{border-color:currentColor}.youtube .icon svg path{fill:#d71920}.discord .icon svg ellipse{fill:#6550c7}.tiktok .icon{color:#25f4ee;filter:drop-shadow(2px 1px 0 #fe2c55)}.tiktok .arrow{color:#fe2c55}.threads .icon{color:#fff}

/* Softer platform cues within the SQ Live palette. */
.youtube{background:#ff9b9b;color:#080808}.discord{background:#c9b2ff;color:#080808}.tiktok{background:#b5f3e8;color:#080808}.instagram{background:#ffd0ad;color:#080808}.threads{background:#ffffff;color:#080808}.facebook{background:#b9d9ff;color:#080808}
.youtube .icon svg path{fill:#ff9b9b}.discord .icon svg ellipse{fill:#c9b2ff}.tiktok .icon{color:#080808;filter:none}.tiktok .arrow{color:#080808}.threads .icon{color:#080808}

/* A fixed backdrop stays stable on desktop and mobile browsers. */
body{position:relative;isolation:isolate;background:#8845ff}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#8845ff;background-image:radial-gradient(circle,#7336d9 2.5px,transparent 3px);background-size:24px 24px}

.quest .arrow{display:flex;flex:none;width:28px;height:28px;color:#080808}.quest .arrow svg{display:block;width:100%;height:100%}

footer{align-items:center;flex-wrap:wrap}.inquiry-link{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-family:'Courier New',monospace;font-size:11px;letter-spacing:0;font-weight:700;padding:10px 0;text-underline-offset:4px}.inquiry-link svg{width:12px;height:12px;flex:none}.inquiry-link:hover{text-decoration:underline}.inquiry-link:focus-visible{outline:2px solid #ffe21a;outline-offset:4px}

.inquiry-link{gap:8px;min-height:44px}.inquiry-link svg{width:16px;height:16px}.inquiry-action{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.inquiry-link:hover{color:#ffe21a}

body{border-bottom:0;border-image:none}body::after{content:"";display:block;position:relative;height:14px;background:repeating-linear-gradient(90deg,#080808 0 18px,#ffe21a 18px 36px)}

.inquiry-link{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:600;min-height:36px;padding:9px 14px;border:1px solid #ffffff99;border-radius:5px;text-decoration:none;line-height:1.2}.inquiry-link:hover{color:#080808;background:#ffe21a;border-color:#ffe21a;text-decoration:none}

.inquiry-link{background:#080808;color:#ffe21a;border:2px solid #080808;border-radius:5px;box-shadow:3px 3px 0 #ffe21a;font-weight:800;padding:10px 15px;min-height:44px;transform:rotate(-2deg);transition:transform .15s,box-shadow .15s}
.inquiry-link:hover{background:#080808;color:#ffe21a;border-color:#080808;transform:rotate(0deg) translate(-1px,-1px);box-shadow:4px 4px 0 #ffe21a}
.inquiry-link:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #ffe21a}
@media(prefers-reduced-motion:reduce){.inquiry-link{transition:none}}

.inquiry-link{background:transparent;color:#ffe21a;border:1px solid #ffe21a;border-radius:5px;box-shadow:none;font-weight:600;transform:none;padding:9px 13px}.inquiry-link:hover{background:#ffe21a;color:#080808;border-color:#ffe21a;transform:none;box-shadow:none}.inquiry-link:active{transform:none;box-shadow:none}

.inquiry-link{border:0;border-radius:0;background:transparent;color:#fff;padding:8px 0;gap:8px;box-shadow:none;font-weight:500;font-size:13px;transform:none}.inquiry-link svg{width:17px;height:17px;color:#ffe21a}.inquiry-link span{border-bottom:1px dotted #ffe21a;padding-bottom:3px}.inquiry-link:hover{background:transparent;color:#ffe21a;box-shadow:none;transform:none}.inquiry-link:hover span{border-bottom-style:solid}

.inquiry-link{position:relative;align-items:center;line-height:1.2}.inquiry-link span{border-bottom:0;padding-bottom:0}.inquiry-link::after{content:"";position:absolute;left:0;right:0;bottom:8px;border-bottom:1px dotted #ffe21a}.inquiry-link:hover span{border-bottom:0}.inquiry-link:hover::after{border-bottom-style:solid}

footer{align-items:baseline}.inquiry-link{vertical-align:baseline}