:root{color-scheme:dark;--green:#8bef49;--ink:#f5f5f7;font-family:Arial,Helvetica,sans-serif;background:#000;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#000;min-width:300px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.page{position:relative;max-width:500px;margin:0 auto;padding:8px 16px 24px}.masthead{position:absolute;right:18px;top:16px;z-index:3}.icon-button{display:grid;place-items:center;width:39px;height:39px;border:1px solid #23404e;border-radius:50%;color:#eee;background:#080d10}.profile{text-align:center;margin-bottom:23px}.hero{position:relative;aspect-ratio:1862/845;margin:0 -12px;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/chaz-halo-fitted.png') top center/100% auto no-repeat;animation:breathe 5.5s ease-in-out infinite;transform-origin:50% 90%}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:clamp(35px,9vw,48px);line-height:1.08;letter-spacing:-.8px;color:var(--green);margin:8px 0 10px}.interests{display:flex;align-items:center;justify-content:center;gap:14px;font-size:clamp(13px,3.6vw,17px);margin:0}.interests span{font-size:10px;color:var(--green)}.section-label{text-align:center;font-size:12px;letter-spacing:3.1px;font-weight:700;margin:0 0 15px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:17px;container-type:inline-size}.feature-card{--accent:#8bef49;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:175px;padding:14px 7px 13px;border:2px solid var(--accent);border-radius:17px;background:#061004;color:var(--accent);text-align:center;animation:pulse 2.4s ease-in-out infinite;transition:transform .2s}.rageclub-card{--accent:#ff143e;background:#100306}.discord-card{--accent:#ce23ff;background:#0f0415}.feature-card:hover{transform:translateY(-3px);animation-play-state:paused}.feature-card .platform-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:8px;flex-shrink:0}.icon-rageclub{font:58px/.75 Arial,sans-serif}.icon-afters{position:relative;overflow:hidden}.icon-afters img{position:absolute;max-width:none;width:163%;height:140%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;mix-blend-mode:screen}.icon-discord svg{width:43px;height:43px;color:#b866ee}.link-text{display:flex;flex-direction:column;gap:5px}.feature-card strong{font-size:clamp(15px,4.5cqw,21px);line-height:1.1;letter-spacing:-.5px;white-space:nowrap}.discord-card strong{color:#e5bef9}.feature-card .link-text>span{font-size:clamp(10px,3cqw,14px);line-height:1.3;color:#eee;font-weight:400}.action{margin-top:auto;padding-top:13px;font-size:11px;font-weight:800;letter-spacing:2px}.age-badge{position:absolute;top:8px;right:7px;border:1px solid #8bef4970;font-size:7px;padding:2px;border-radius:3px}.social-card{display:flex;align-items:center;min-height:57px;gap:15px;padding:8px 13px;margin-bottom:9px;border:1px solid #214050;border-radius:13px;background:linear-gradient(110deg,#0c1419,#080c0f);transition:border-color .18s,transform .18s}.social-card:hover{border-color:#8bef49;transform:translateY(-2px)}.social-card .platform-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;flex-shrink:0}.social-card strong{font-size:18px;letter-spacing:-.3px}.social-card .link-text{flex:1}.card-arrow{color:#b7a8ec}.card-arrow svg{width:21px;height:21px}.icon-youtube{background:#330b14;color:#ff163d}.icon-youtube svg{fill:currentColor;stroke:none}.icon-youtube svg path+path{fill:#090c10}.icon-kick{background:#102d0c;color:var(--green)}.icon-kick svg{fill:currentColor;stroke:none}.icon-instagram{background:#281435;color:#e88fef}.icon-tiktok{background:#07292c;color:#77f0e8}.icon-x{background:#181818;color:white}.business-contact{text-align:center;margin:18px 0 0}.business-contact a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:#dedee4}.business-contact svg{width:21px;height:21px}.skip-link{position:fixed;top:-100px;left:10px;z-index:20;background:var(--green);color:#000;padding:12px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #fff;outline-offset:4px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);padding:14px 19px;border:1px solid var(--green);background:#0b1608;border-radius:12px;opacity:0;pointer-events:none;z-index:30;max-width:90vw;font-size:13px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(440px,calc(100% - 30px));background:#101315;color:#fff;border:1px solid #405039;border-radius:18px;padding:30px 20px}dialog::backdrop{background:#000b}.close-dialog{position:absolute;right:10px;top:10px;width:28px;height:28px}.eyebrow{font-size:10px;letter-spacing:1px;color:#a5b49e}dialog h2{font-size:23px}dialog label{font-size:12px}.copy-row{display:flex;gap:8px;margin-top:8px}.copy-row input{min-width:0;width:100%;padding:12px;background:#000;color:#fff;border:1px solid #333;border-radius:7px}.copy-row button{display:flex;align-items:center;gap:5px;background:var(--green);border:0;border-radius:7px;padding:8px;color:#102009}#copy-help{font-size:12px;color:#b7b7bd}@keyframes breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5px) scale(1.009,1.014)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 5px color-mix(in srgb,var(--accent) 22%,transparent)}50%{transform:scale(1.0175);box-shadow:0 0 17px color-mix(in srgb,var(--accent) 46%,transparent),0 0 29px color-mix(in srgb,var(--accent) 14%,transparent),inset 0 0 13px color-mix(in srgb,var(--accent) 10%,transparent)}}@media(max-width:350px){.page{padding-left:12px;padding-right:12px}.feature-grid{gap:7px}.feature-card{min-height:172px;padding:12px 5px}.interests{gap:10px}.social-card strong{font-size:17px}.action{letter-spacing:1.5px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.icon-rageclub img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.action{display:flex;align-items:center;justify-content:center;gap:7px}.action svg{width:15px;height:15px;stroke-width:2}.icon-youtube svg path{fill:white}

.reference-icon{background:transparent!important;border:0;overflow:hidden}.reference-icon svg{display:block;width:100%!important;height:100%!important;fill:none;stroke:none}.feature-card .reference-icon{mix-blend-mode:screen}.hero{margin-top:17px}.social-card .card-arrow{color:#aaaeb9}

/* Compact viewport layout; retain normal document access when zoomed. */
.page{height:100svh;height:100dvh;max-height:880px;padding:8px 14px max(8px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}
.profile{flex:0 0 clamp(118px,27svh,220px);min-height:0;display:flex;flex-direction:column;margin:0}
.hero{flex:1;min-height:0;aspect-ratio:auto;margin:0 -8px;overflow:hidden}.hero-image{background-size:contain;background-position:center}
h1{flex:none;font-size:clamp(27px,7.5vw,36px);line-height:1.08;margin:3px 0 5px;letter-spacing:-.7px}.interests{flex:none;font-size:12px;gap:12px;line-height:1.2}.interests span{font-size:8px}
.masthead{top:9px;right:14px}.masthead .icon-button{width:30px;height:30px}.masthead svg{width:17px;height:17px}
#links{flex:1;min-height:0;display:grid;grid-template-rows:18px minmax(124px,1.9fr) repeat(5,minmax(34px,0.6fr));gap:6px}
.section-label{margin:0;font-size:10px;letter-spacing:2.6px;line-height:18px}
.feature-grid{height:100%;min-height:0;margin:0 0 2px;gap:8px}
.feature-card{height:100%;min-height:0;padding:9px 5px 8px;border-radius:14px;justify-content:flex-start}
.feature-card .platform-icon{width:30px;height:30px;margin-bottom:5px}.clean-icon{background:transparent;overflow:visible;mix-blend-mode:normal}.clean-icon svg{display:block;width:100%;height:100%}.icon-rageclub svg{color:#ff143e}.icon-afters svg{color:#8bef49}.icon-discord svg{color:#b866ee}
.feature-card strong{font-size:clamp(14px,4.4cqw,19px);line-height:1.1}.feature-card .link-text{gap:4px}.feature-card .link-text>span{font-size:clamp(9px,2.7cqw,12px);line-height:1.2}.action{padding-top:7px;font-size:9px;letter-spacing:1.8px;gap:5px}.action svg{width:12px;height:12px}.age-badge{top:5px;right:5px;font-size:6px}
.rageclub-card{animation-delay:-.1s;animation-duration:2.5s}.afters-card{animation-delay:-.36s;animation-duration:2.6s}.discord-card{animation-delay:-.62s;animation-duration:2.7s}
.social-card{height:100%;min-height:0;margin:0;padding:4px 11px;gap:12px;border-radius:11px}.social-card .platform-icon{width:29px;height:29px;border-radius:8px}.social-card strong{font-size:16px}.card-arrow svg{width:17px;height:17px}
.business-contact{flex:none;margin:0;line-height:1}.business-contact a{min-height:26px;font-size:11px;gap:8px}.business-contact svg{width:17px;height:17px}
@media(max-height:620px){.page{gap:5px;padding-top:5px;padding-bottom:5px}.profile{flex-basis:118px}h1{font-size:27px;margin:1px 0 3px}.interests{font-size:11px}#links{gap:5px;grid-template-rows:16px minmax(120px,1.7fr) repeat(5,minmax(31px,.6fr))}.section-label{line-height:16px}.social-card .platform-icon{width:26px;height:26px}.feature-card .platform-icon{width:25px;height:25px;margin-bottom:4px}.feature-card{padding-top:7px;padding-bottom:7px}.social-card strong{font-size:14px}}