@font-face{font-family:Audimat;src:url('assets/fonts/Audimat-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:Audimat;src:url('assets/fonts/Audimat-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}

@font-face{font-family:Audimat;src:url('assets/fonts/Audimat-Italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}

@font-face{font-family:Audimat;src:url('assets/fonts/Audimat-BoldItalic.otf') format('opentype');font-weight:700;font-style:italic;font-display:swap}

:root{--header-height:0px;--page-gutter:max(5%,calc((100% - 1640px)/2));--space:#080b0b;--white:#edece5;--muted:#acb4ad;--dim:#7a877e;--gold:#ffe070;--lime:#9dbb92;--rule:#ffffff20;--display:'DummyTM-Regular',sans-serif;--display-tracking:.012em;--body:Audimat,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}
body{margin:0;background:var(--space);color:var(--white);font-family:var(--body);font-size:18px;line-height:1.45;overflow-x:clip}
button,input,textarea,select{font:inherit}
button{cursor:pointer;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{border:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:var(--display-tracking);word-spacing:0;line-height:1.1;font-synthesis:none;font-kerning:normal}
h3{font-weight:400;line-height:1.2;letter-spacing:0}
::selection{background:var(--gold);color:var(--space)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.skip{position:fixed;top:-100px;left:15px;z-index:100;background:var(--gold);color:var(--space);padding:12px}
.skip:focus{top:15px}
.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.space-ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 35% 40%,#050b0966,transparent 65%),linear-gradient(0deg,#05090840,transparent 40%)}
.wordmark{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;font-family:var(--display);font-size:27px;line-height:1.2;letter-spacing:.018em;word-spacing:0;font-weight:400;font-kerning:normal;font-synthesis:none}
.wordmark-title{display:inline-flex;align-items:baseline;gap:.32em;white-space:nowrap}
.wordmark img{width:44px;height:44px;object-fit:contain;flex-shrink:0}
.hero,.section{position:relative;width:100%;margin:0;min-width:0;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.hero{height:calc(100svh - var(--header-height));min-height:560px;padding-top:22px;display:grid;grid-template-rows:minmax(0,1fr) auto;isolation:isolate}
.hero-top,.section-top{display:flex;justify-content:space-between;gap:25px;align-items:center}
.eyebrow{font-family:var(--body);font-size:13px;letter-spacing:.035em;color:var(--lime);display:inline-flex;align-items:center;gap:9px}
.location{color:var(--dim)}
.hero-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5%;padding:24px 0;min-height:0}
.hero-layout>*{min-width:0}
.hero-copy{position:relative;z-index:2}
.intro-label{color:var(--muted);font-size:16px;margin-bottom:20px}
.hero h1{font-size:clamp(48px,min(6.4vw,11.5svh),124px);line-height:1.1;letter-spacing:var(--display-tracking);word-spacing:0}
.hero h1>span{color:var(--gold)}
.hero-description{color:#bec8be;font-size:19px;line-height:1.5;max-width:540px;margin-top:28px}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:35px;background:var(--gold);color:var(--space);border:1px solid var(--gold);border-radius:3px;padding:13px 24px;font-size:17px;line-height:1.5;transition:background .2s}
.pill:hover{background:#fff0b3}
.quiet-link{font-size:16px;display:inline-flex;align-items:center;gap:15px;padding:8px 0;color:var(--white)}
.quiet-link:hover{color:var(--gold)}
.hero-object{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
#logo-stage{position:relative;width:min(100%,65svh);aspect-ratio:1;max-width:660px;isolation:isolate}
#logo-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .2s}
#logo-stage.loaded canvas{opacity:1}
.logo-fallback{position:absolute;inset:17%;width:66%;height:66%;object-fit:contain;transform:rotate(-12deg);filter:drop-shadow(0 0 35px #aaba9140);opacity:.85;transition:opacity .2s}
#logo-stage.loaded .logo-fallback{opacity:0}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid var(--rule);font-size:14px;color:var(--muted)}
.hero-bottom a{display:flex;align-items:center;gap:15px}
.scroll-icon{font:20px Arial,sans-serif;color:var(--gold)}
#motion-toggle{font-size:13px;background:transparent;color:var(--dim);display:flex;gap:12px;padding:5px 0}
#motion-toggle:hover{color:var(--white)}
.section{padding-top:72px;padding-bottom:72px}
.section-top{position:relative}

.character-label{display:block;font-size:14px;color:var(--lime);margin-bottom:20px}
.section-top{padding-bottom:32px}
.tiny-note{color:var(--dim);font-size:14px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}
.section h2{font-size:clamp(44px,4.6vw,66px);line-height:1.12}
.section h2 span{color:var(--gold)}
.filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.filters button{font-size:15px;color:var(--dim);background:transparent;padding:8px 14px;border:1px solid transparent;border-radius:2px}
.filters button:hover{color:var(--white)}
.filters button.active{color:var(--gold);border-color:#ffe07045;background:#ffe07006}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}
.project{min-width:0;padding:0;background:transparent;text-align:left}
.project-image{aspect-ratio:1.4;position:relative;overflow:hidden;background:#141914;border:1px solid #ffffff18;border-radius:4px}
.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}
.project:hover .project-image img{transform:scale(1.03)}
.project-open{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:35px;height:35px;background:#0a0b0bf0;border:1px solid #ffffff50;border-radius:50%;font:21px Arial,sans-serif;color:var(--gold);transition:transform .3s}
.project:hover .project-open{transform:rotate(45deg)}
.project-no{position:absolute;left:15px;top:15px;background:#0a0b0be0;color:var(--white);font-size:12px;padding:5px 8px}
.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:16px 0}
.project-meta h3{font-family:var(--body);font-size:24px;font-weight:400}
.project-meta span{font-size:14px;color:var(--dim);text-align:right}
.project[hidden]{display:none}
.portfolio-note{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;border:1px solid var(--rule);border-radius:4px;background:radial-gradient(ellipse,#9dbb9209,transparent 70%);padding:40px}
.archive-star{font-size:60px;line-height:1;color:var(--gold)}
.portfolio-note p{font-size:30px;line-height:1.2}
.text-link{font-size:16px;color:var(--gold);display:inline-block;border-bottom:1px solid #ffe07040;padding-bottom:5px}
.work-credit{font-size:13px;line-height:1.5;max-width:690px;color:var(--dim);margin-top:26px}
.studio{border-top:1px solid var(--rule);background:transparent}
.studio-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:4%;align-items:center}
.collection-stage{position:relative;width:100%;max-width:760px;aspect-ratio:578/659;isolation:isolate;perspective:1100px}
.collectible{--angle:0deg;--travel:8px;position:absolute;pointer-events:none;transform-style:preserve-3d;will-change:transform}.floating{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;animation:artifact-float var(--float-duration,7s) ease-in-out infinite;animation-delay:var(--float-delay,0s);will-change:transform}.comic .floating img{filter:url("#comic-alpha-cleanup")}.effect-definitions{position:absolute;pointer-events:none;overflow:hidden}
.comic{--angle:-3deg;--travel:7px;--float-duration:8.5s;left:0%;top:-10%;width:94%;aspect-ratio:463/647;z-index:2}
.coin{--angle:7deg;--travel:9px;--float-delay:-2s;--float-duration:6.5s;left:50%;top:24%;width:32%;aspect-ratio:224/255;z-index:3}
.card{--angle:4deg;--travel:8px;--float-delay:-4s;--float-duration:7.5s;left:30%;top:34%;width:61%;aspect-ratio:421/484;z-index:4}
.gotchi{--angle:-5deg;--travel:10px;--float-delay:-3s;--float-duration:6s;left:32%;top:67%;width:43%;aspect-ratio:264/315;z-index:5}
.gotchi img{width:100%;height:100%;object-fit:contain}
.gotchi>.arcade-label{position:absolute;bottom:5%;left:18%;font-size:13px;color:var(--gold);padding:4px 8px;white-space:nowrap;opacity:0;transition:opacity .2s;background:var(--space);border:1px solid var(--rule)}
.gotchi:hover>.arcade-label,.gotchi:focus-visible>.arcade-label{opacity:1}
.studio-copy h2{font-size:clamp(40px,4.65vw,80px);margin-bottom:26px}
.studio-copy p{font-size:18px;color:var(--muted);line-height:1.6;margin-bottom:18px;max-width:440px}
.studio-copy p.lead{font-size:23px;color:var(--white);line-height:1.4;max-width:530px;margin-bottom:18px}
.studio-copy .quiet-link{margin-top:15px}
.studio-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--rule);padding-top:22px;margin-top:28px}
.studio-footer>a{font-size:14px;color:var(--muted)}
.services-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:50px}
.services-intro p{font-size:18px;color:var(--muted);max-width:340px;line-height:1.6}

.service-index{font-size:13px;color:var(--lime);min-width:20px}

.contact{padding-top:80px;padding-bottom:90px;text-align:center;isolation:isolate;overflow:hidden}
.contact h2{font-size:clamp(57px,7vw,100px);margin-top:35px}
.contact p{font-size:20px;color:var(--muted);margin:24px auto 30px;line-height:1.6}
.contact-email{display:block;color:var(--muted);font-size:16px;margin-top:24px}
.contact-email:hover{color:var(--gold)}
footer{position:relative;width:100%;margin:0;padding:38px var(--page-gutter) 25px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px;background:transparent}
footer .wordmark img{width:42px;height:42px}
footer .wordmark{font-size:32px}
.footer-links{display:flex;gap:30px;font-size:15px;color:var(--muted)}
.footer-links a:hover{color:var(--gold)}
.footer-bottom{width:100%;display:flex;justify-content:space-between;gap:25px;padding-top:30px;border-top:1px solid var(--rule);font-size:12px;color:var(--dim)}
dialog{border:1px solid #ffffff30;border-radius:5px;padding:0;background:#0d1210;color:var(--white);max-width:min(880px,94vw);width:880px;max-height:90dvh;overflow:auto;box-shadow:0 40px 100px #000b}
dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}
.dialog-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:var(--space);border:1px solid #ffffff60;border-radius:50%;font-size:28px;z-index:4;color:var(--white)}
#project-detail-image{width:100%;max-height:480px;object-fit:contain;background:#070908}
.project-dialog-copy{padding:35px}
.project-dialog-copy h2{font-size:43px;margin:20px 0}
.project-dialog-copy p{font-size:18px;color:var(--muted);line-height:1.55;margin-bottom:20px}
.project-dialog-copy .project-detail-credit{font-size:13px;color:var(--dim)}
#contact-dialog{width:650px;padding:40px}
#contact-dialog h2{font-size:55px;margin:25px 0 30px}
.serif{font-family:var(--display);font-style:normal;color:var(--gold);letter-spacing:var(--display-tracking)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
label{display:block;font-size:15px;color:var(--muted);margin-bottom:20px}
input,textarea,select{width:100%;margin-top:8px;padding:11px 13px;font-size:18px;color:var(--white);background:#141b16;border:1px solid #ffffff40;border-radius:3px}
input:focus,textarea:focus,select:focus{outline:1px solid var(--gold);outline-offset:2px}
textarea{resize:vertical}
.form-note{font-size:13px;color:var(--dim);line-height:1.5;margin-top:12px}
.direct-email{display:inline-block;font-size:15px;margin-top:25px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}
#email-status{font-size:14px;line-height:1.5;margin-top:12px;color:var(--lime)}
body.modal-open{overflow:hidden}
@keyframes artifact-float{0%,100%{transform:translate3d(-3px,calc(-1 * var(--travel)),0) rotate(calc(var(--angle) - 2deg))}
50%{transform:translate3d(4px,var(--travel),0) rotate(calc(var(--angle) + 3deg))}
}
html[data-motion=paused] .floating{animation-play-state:paused}

body{isolation:isolate}
.studio-layout>*,.services-intro>*,.section-heading>*{min-width:0}

@media(pointer:fine){body{cursor:url('assets/cursor-lime.png') 5 5,auto}
a,button,summary{cursor:pointer}
}

@media(max-width:1100px){.hero-layout{gap:20px}
.hero-actions{gap:18px}
.hero-description{font-size:18px}
.studio-copy h2{font-size:clamp(38px,4.65vw,51px)}
.project-meta{display:block}
.project-meta span{display:block;text-align:left;margin-top:5px}

}



@media(min-width:721px) and (max-height:740px){.hero{min-height:0;padding-top:17px}
.hero-layout{padding:16px 0}
.hero h1{font-size:clamp(42px,min(6.1vw,8.3svh),70px)}
.intro-label{font-size:15px;margin-bottom:14px}
.hero-description{font-size:18px;margin-top:18px;max-width:440px;line-height:1.4}
.hero-actions{margin-top:20px}
.hero-bottom{padding:16px 0}
}

@media(max-width:850px) and (min-width:721px){.hero h1{font-size:6.4vw}
.hero-description{font-size:17px}
.hero-actions{gap:8px 20px}
.hero-actions .pill{padding:11px 17px;gap:20px}
.hero-actions .quiet-link{font-size:15px}
.section{padding-top:64px;padding-bottom:64px}

.section h2{font-size:48px}
.services-intro{gap:30px}
.services-intro p{max-width:280px}

}

@media(max-width:720px){
:root{--header-height:0px}
.wordmark{font-size:23px;gap:10px}
.wordmark img{width:38px;height:38px}
.hero{height:auto;min-height:calc(100svh - var(--header-height));padding-top:18px}
.hero-top{gap:12px}
.hero-top .eyebrow{font-size:11px;letter-spacing:0}
.hero-top .location{font-size:12px}
.hero-layout{display:flex;flex-direction:column;gap:18px;padding:8px 0 25px;align-items:stretch}
.hero-object{order:-1;max-width:230px;width:clamp(155px,24svh,230px);margin:0 auto}
#logo-stage{width:100%;max-width:none}
.intro-label{font-size:14px;margin-bottom:14px}
.hero h1{font-size:clamp(44px,10.5vw,76px);line-height:1.12}
.hero-description{font-size:17px;margin-top:18px;max-width:440px;line-height:1.45}
.hero-actions{gap:16px 24px;margin-top:22px}
.pill{font-size:16px;padding:11px 19px;gap:23px}
.quiet-link{font-size:16px;gap:10px}
.hero-bottom{font-size:12px;gap:16px;padding:18px 0}
.hero-bottom a{gap:8px}
#motion-toggle{font-size:12px;white-space:nowrap}
.section{padding-top:52px;padding-bottom:52px}
.section-top{padding-bottom:30px;gap:20px;align-items:flex-start}
.eyebrow{font-size:12px;letter-spacing:.02em}
.tiny-note{text-align:right;max-width:125px;font-size:12px;line-height:1.5}
.section-heading{display:block;margin-bottom:30px}
.section h2{font-size:clamp(40px,10vw,52px);line-height:1.15}

.filters{margin-top:25px;gap:2px}
.filters button{padding:7px 10px;font-size:14px}
.project-grid{grid-template-columns:1fr;gap:28px}
.project-image{aspect-ratio:1.3}
.project-meta{display:flex;align-items:baseline;gap:18px}
.project-meta h3{font-size:22px}
.project-meta span{font-size:13px;text-align:right;max-width:135px}
.portfolio-note{padding:40px 25px;gap:16px}
.portfolio-note p{font-size:27px}
.archive-star{font-size:42px}
.work-credit{font-size:12px}
.studio-layout{grid-template-columns:1fr;gap:0}
.studio-copy{grid-row:1}
.studio-copy h2{margin-bottom:25px}
.studio-copy p{font-size:18px;max-width:100%}
.studio-copy p.lead{font-size:22px;max-width:100%}
.collection-stage{max-width:480px;margin:28px auto 24px;transform:none}
.collectible{--travel:7px}
.studio-footer{display:block;margin-top:0}
.studio-footer .eyebrow{font-size:11px}
.studio-footer>a{display:block;margin-top:15px;font-size:14px}
.services-intro{display:block;margin-bottom:30px}
.services-intro p{max-width:100%;margin-top:25px;font-size:18px}

.service-index{font-size:12px;min-width:16px}

.contact{padding-top:70px;padding-bottom:80px}
.contact h2{font-size:clamp(43px,10vw,68px)}
.contact p{font-size:19px}
footer{gap:30px}
.footer-links{gap:18px;font-size:14px}
.footer-bottom{font-size:11px;flex-wrap:wrap;gap:15px;padding-top:25px}
.project-dialog-copy{padding:25px}
.project-dialog-copy h2{font-size:35px}
.project-dialog-copy p{font-size:17px}
#contact-dialog{padding:30px 24px}
#contact-dialog h2{font-size:50px}
.form-row{grid-template-columns:1fr;gap:0}

}

@media(max-width:360px){.wordmark{font-size:21px;gap:9px}
.wordmark img{width:34px;height:34px}
.hero-top .eyebrow{font-size:10px}
.hero-actions{gap:8px 16px}
.hero h1{font-size:44px}
.hero-description{font-size:16px}
.hero-bottom{font-size:11px}
#motion-toggle{font-size:11px}

}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}

@media(max-width:720px){footer .wordmark{font-size:23px}
footer .wordmark img{width:38px;height:38px}
}


@media(min-width:721px) and (max-height:520px){.hero{height:auto;min-height:100svh}}

@media(hover:hover) and (pointer:fine){.collectible:hover .floating,.collectible:focus-visible .floating{animation-play-state:paused}}
@media(min-width:721px) and (max-width:1000px){.studio-copy h2{font-size:clamp(38px,4.65vw,51px)}}

/* A visible artifact owns its hover target; transparent PNG padding does not. */
.floating{position:relative;pointer-events:none}
.floating img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.artifact-hit{position:absolute;inset:0;pointer-events:auto}
.arcade-label{pointer-events:none}
.studio-copy .approach-signoff{font-size:17px;color:var(--lime);margin:0 0 16px}
.services{border-top:1px solid var(--rule)}
.services-intro{margin-bottom:30px;gap:24px}
.services-intro h2{font-size:clamp(48px,5.8vw,88px)}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.service-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;min-width:0;padding:30px 32px 28px 0}
.service-card+.service-card{border-left:1px solid var(--rule);padding-left:32px}
.service-card h3{font-family:var(--body);font-size:clamp(27px,2.4vw,40px);line-height:1.16;color:var(--white);margin:22px 0 18px}
.service-card p{font-size:18px;line-height:1.45;color:var(--muted);min-height:54px;max-width:390px}
.service-card ul{list-style:none;padding:0;margin:25px 0 0;font-size:16px;line-height:1.6;color:var(--muted)}
.service-card li{margin:5px 0}
.service-symbol{position:absolute;right:28px;top:24px;font-family:Arial,sans-serif;font-size:32px;line-height:1;color:var(--gold)}
.process-strip{display:flex;align-items:center;gap:40px;padding-top:30px}
.process-strip ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;flex:1;list-style:none;margin:0;padding:0}
.process-strip li{display:flex;align-items:center;gap:12px;font-size:21px;line-height:1.3}
.process-strip li span{color:var(--lime);font-size:12px}
@media(min-width:1600px){.hero-description{font-size:23px}.intro-label{font-size:18px}.hero-actions{margin-top:32px}.hero-actions .pill{font-size:19px;padding:15px 26px}.hero-actions .quiet-link{font-size:18px}.studio-copy p.lead{font-size:26px}.section h2{font-size:80px}.studio-copy h2{font-size:80px}.services-intro h2{font-size:88px}.contact h2{font-size:clamp(100px,7vw,128px)}}
@media(min-width:721px) and (max-width:1000px){.studio-copy h2{font-size:clamp(34px,4.65vw,47px)}.service-card{padding-right:20px}.service-card+.service-card{padding-left:20px}.service-card p{font-size:17px;min-height:75px}.service-card h3{font-size:27px}.service-card ul{font-size:15px}.process-strip{display:block}.process-strip ol{margin-top:20px}.process-strip li{font-size:19px;gap:8px}}
@media(max-width:720px){.studio-copy h2{font-size:clamp(36px,9.6vw,58px)}.services-intro{display:flex;align-items:flex-end}.services-intro h2{font-size:clamp(36px,8vw,52px)}.services-intro h2 span{display:block}.services-intro .quiet-link{font-size:14px;white-space:nowrap}.service-grid{grid-template-columns:1fr}.service-card,.service-card+.service-card{display:block;border-left:0;padding:26px 0;border-bottom:1px solid var(--rule)}.service-card:last-child{border-bottom:0}.service-card h3{font-size:32px;margin:16px 0}.service-card p{min-height:0;font-size:18px}.service-card ul{margin-top:18px;display:flex;flex-wrap:wrap;gap:4px 18px}.service-card li{margin:0}.service-symbol{right:4px}.process-strip{display:block;padding-top:24px}.process-strip ol{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.process-strip li{font-size:21px}.hero-bottom a{font-size:13px}}
.comic .artifact-hit{clip-path:polygon(5.83% 27.05%,6.05% 23.96%,58.32% 16.85%,61.34% 17.00%,76.24% 73.88%,76.03% 76.04%,25.49% 82.84%,21.81% 82.84%,20.73% 80.83%,14.90% 61.05%)}
.card .artifact-hit{clip-path:polygon(33.25% 62.40%,46.79% 16.53%,47.51% 15.91%,53.44% 16.12%,84.32% 22.73%,85.51% 23.97%,85.27% 28.51%,71.50% 73.55%,70.31% 74.38%,61.76% 73.55%,33.49% 66.53%)}
.coin .artifact-hit{clip-path:polygon(46.88% 17.65%,50.00% 15.69%,86.61% 14.12%,88.84% 18.82%,92.41% 50.20%,91.96% 61.57%,89.29% 63.53%,65.18% 65.88%,52.68% 65.49%,50.00% 61.96%,48.66% 52.94%)}
.gotchi .artifact-hit{clip-path:polygon(37.50% 5.71%,39.02% 1.27%,42.80% 0.00%,50.38% 0.32%,89.77% 38.73%,93.56% 48.25%,92.42% 60.00%,86.36% 67.62%,75.38% 72.38%,59.85% 72.06%,42.42% 67.30%,36.36% 60.95%,35.61% 59.05%)}

/* Inline vector icons keep mobile controls independent of emoji/font fallback. */
.ui-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible}
.dialog-close{display:grid;place-items:center}
.dialog-close .ui-icon{width:20px;height:20px}

.collection-stage.is-offscreen .floating,body.modal-open .floating{animation-play-state:paused}

.form-honeypot{display:none}
#brief-form button:disabled{opacity:.65;cursor:wait}
#email-status[data-state=error]{color:#ffd3b1}
