*{box-sizing:border-box}html{min-height:100%;background:#eaf0f1}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:36px 22px;color:#28323e;font-family:Arial,Helvetica,sans-serif;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#fff8,transparent 70%)}.helmets{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.helmet-field{position:absolute;inset:-52px -260px;background:url('assets/helmet-tile.svg') repeat;background-size:260px 312px;opacity:.19;animation:menu-scroll 16s linear infinite;will-change:auto}.helmet-opposite{background-image:url('assets/helmet-opposite.svg');animation-direction:reverse}@keyframes menu-scroll{from{transform:translateX(0)}to{transform:translateX(-260px)}}.sheet{width:100%;max-width:400px;background:#fffefa;border:1px solid #fff;border-radius:23px;padding:29px 28px 28px;box-shadow:0 18px 55px #28394a14,0 3px 0 #d3dce16b}header{text-align:center;margin-bottom:23px}.portrait{display:block;margin:auto;border-radius:50%;object-fit:cover;object-position:center;background:#f1e6c8;border:4px solid #fff8e6;outline:2px solid #dfbd64;box-shadow:0 5px 14px #b5964222}h1{margin:12px 0 0;font-size:0}.signature{display:block;margin:auto;object-fit:contain}.links{display:grid;gap:10px}.link{--brand:#28323e;--tint:#eff1f3;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:12px;min-height:53px;padding:8px 13px;border:1px solid #e1e5e8;border-radius:10px;background:#fff;text-decoration:none;color:#28323e;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;font-size:14px;font-weight:600;letter-spacing:.1px;box-shadow:0 2px 0 #2f425405}.icon-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--tint);color:var(--brand)}.link svg{width:24px;height:24px;fill:currentColor}.link>span:not(.icon-badge):not(.arrow){text-align:center;padding-right:14px}.arrow{color:#8c99a6;text-align:right;font-size:17px;font-weight:400}.youtube{--brand:#ed2435;--tint:#fff0f1}.twitch{--brand:#9146ff;--tint:#f3ebff}.twitter{--brand:#17212e;--tint:#edf0f4}.discord{--brand:#5865f2;--tint:#eef0ff}.merch{--brand:#d38b0c;--tint:#fff5dc}.contact{--brand:#009d83;--tint:#e4f7f0}.link:first-child{border-color:#efc7ca;background:#fff9f8}.link:hover{background:var(--tint);border-color:var(--brand);transform:translateY(-2px);box-shadow:0 5px 10px #28394a0b}.link:active{transform:translateY(0)}.link:focus-visible,button:focus-visible{outline:3px solid #d5aa3b;outline-offset:4px}#motion{position:fixed;bottom:16px;right:16px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #c4ced5;border-radius:50%;background:#fffdf5ee;color:#62717d;cursor:pointer;box-shadow:0 2px 8px #2939480b}#motion svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}body.paused .helmet-field{animation-play-state:paused}@media(max-width:480px){body{padding:28px 24px 58px}.sheet{padding:26px 22px 25px;border-radius:21px}.helmet-field{opacity:.17}.link{min-height:52px}.links{gap:9px}#motion{bottom:11px;right:11px}}@media(prefers-reduced-motion:reduce){.helmet-field{animation:none;will-change:auto}.link{transition:none}#motion{display:none}}
@font-face{font-family:'Fredoka One';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fredoka-one.ttf') format('truetype')}body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.comic-title{font-family:'Comic Sans MS','Comic Sans',cursive;font-size:34px;font-weight:700;line-height:1.2;margin:17px 0 0;letter-spacing:-1px}.subtitle{font-size:12px;line-height:1.6;font-weight:400;color:#65707b;margin:9px 0 0}header{margin-bottom:25px}.links{gap:13px}.link,.link:first-child{display:flex;justify-content:center;gap:12px;min-height:46px;padding:10px 18px;border:0;border-radius:999px;background:var(--button);color:var(--label,#fff);box-shadow:none;font-family:'Fredoka One',sans-serif;font-weight:400;font-size:11px;letter-spacing:2.2px;text-transform:uppercase;transition:transform .2s,background .2s}.icon-badge{width:23px;height:23px;border-radius:0;background:none;color:inherit;flex:0 0 23px}.link svg{width:23px;height:23px}.link>span:not(.icon-badge):not(.arrow){text-align:left;padding:0}.link .arrow{display:none}.youtube{--button:#D15454;--hover:#b94040}.youtube:nth-child(3),.youtube:nth-child(4){--button:#BD3333;--hover:#a62929}.twitch{--button:#824CE6;--hover:#703ed0}.twitter{--button:#1E2224;--hover:#3D3D3D}.discord{--button:#7289DA;--hover:#5d74c5}.merch{--button:#F7B05C;--hover:#eba14b;--label:#392810}.contact{--button:#3257DB;--hover:#2849be}.link:hover,.link:first-child:hover{background:var(--hover);transform:scale(1.025);box-shadow:none}.link:active{transform:scale(.99)}@media(max-width:480px){body{gap:16px}.subtitle{font-size:11px}.links{gap:12px}.link{min-height:46px;letter-spacing:1.8px}.comic-title{font-size:32px}}@media(prefers-reduced-motion:reduce){.link{transition:none}}
.helmets{z-index:-2}.vignette{--pointer-x:50vw;--pointer-y:70vh;--spot-opacity:1;position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(35,44,53,0) 0%,rgba(35,44,53,.035) 35%,rgba(35,44,53,.27) 100%),radial-gradient(ellipse at 50% 33%,rgba(35,44,53,0) 38%,rgba(35,44,53,.14) 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 45%),radial-gradient(circle 560px at var(--pointer-x) var(--pointer-y),rgba(0,0,0,var(--spot-opacity)) 0%,#000 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 45%),radial-gradient(circle 560px at var(--pointer-x) var(--pointer-y),rgba(0,0,0,var(--spot-opacity)) 0%,#000 100%);-webkit-mask-composite:source-in}.sheet{position:relative}body{gap:0}
@media(max-width:600px){.particle-preview{padding-top:140px}}
/* Background gestures own touch input; the card retains native pan and zoom. */
.sheet{touch-action:pan-y pinch-zoom}
#motion{min-height:44px;min-width:44px;bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));touch-action:manipulation}
@media(pointer:coarse){.link:hover,.link:first-child:hover{transform:none;background:var(--button)}.link:active{transform:scale(.99);background:var(--hover)}}
@media(max-width:600px){.particle-preview{padding-top:max(140px,calc(env(safe-area-inset-top) + 120px));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:calc(76px + env(safe-area-inset-bottom))}.sheet{max-width:400px}.link{min-height:48px}.subtitle{overflow-wrap:break-word}}
.sheet header,.sheet header *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:default}.sheet header .portrait{-webkit-user-drag:none}