.clip-definitions{position:absolute;overflow:hidden;pointer-events:none}
.jarvis-photo{position:absolute;left:0;top:0;width:60%;height:100%;object-fit:cover;object-position:55% 20%}
.star-puzzle .jarvis-piece .portrait::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}
.star-puzzle .jarvis-piece .caption{z-index:1;top:56%;color:white;text-shadow:0 1px 8px #0008}
.star-puzzle .jarvis-piece .caption>span{color:white}
.star-puzzle .jarvis-piece .view{z-index:1;top:66%;color:white}
.profile-art.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.profile-art.has-photo .number,.profile-art.has-photo .placeholder-mark,.profile-art.has-photo .photo-label{display:none}
main{padding-top:42px}.intro{margin-bottom:4px}h1{font-size:clamp(30px,3.8vw,50px)}
.star-puzzle{position:relative;display:block;width:min(620px,78vw);aspect-ratio:1;margin:10px auto 0;clip-path:polygon(50% 0%,61.8% 35%,98% 35%,68.8% 56.6%,79.4% 91%,50% 70%,20.6% 91%,31.2% 56.6%,2% 35%,38.2% 35%);isolation:isolate}
.star-puzzle .artist{position:absolute;inset:0;width:100%;height:100%;transition:filter .2s;background:#d1f85b}
.star-puzzle .artist:first-of-type{clip-path:url(#left-piece)}
.star-puzzle .artist:nth-of-type(2){clip-path:url(#right-piece);background:#bdd0f5}
.star-puzzle .portrait{position:absolute;inset:0;aspect-ratio:auto;background:transparent;color:#202b14;display:block}
.star-puzzle .number,.star-puzzle .photo-label,.star-puzzle .placeholder-mark{display:none}
.star-puzzle .caption{position:absolute;left:17%;top:44%;width:23%;padding:0;display:block;text-align:center;pointer-events:none}
.star-puzzle .artist:nth-of-type(2) .caption{left:63%}
.star-puzzle .caption h2{font-size:clamp(14px,2.5vw,22px);letter-spacing:-.7px;white-space:nowrap;font-weight:800}
.star-puzzle .caption>span{display:block;color:#45513c;margin-top:8px;font-size:clamp(10px,1.5vw,12px);letter-spacing:1.4px}
.star-puzzle .view{left:17%;top:56%;right:auto;bottom:auto;background:transparent;padding:0;width:23%;display:block;text-align:center;font-size:clamp(12px,1.7vw,14px);color:#45513c}
.star-puzzle .view span{display:none}.star-puzzle .artist:nth-of-type(2) .view{left:63%}
.star-puzzle .artist:hover{filter:brightness(.94)}.star-puzzle .artist:hover .view{background:transparent;text-decoration:underline;text-underline-offset:4px}
.star-puzzle .artist:focus-visible{outline:0;filter:brightness(.83)}
.star-puzzle .artist:focus-visible .caption h2{text-decoration:underline;text-underline-offset:6px}
.puzzle-seam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.puzzle-seam path{fill:none;stroke:var(--paper);stroke-width:1.15}
.puzzle-hint{text-align:center;font-size:14px;color:#62685d;margin:-22px 0 30px}.bottom-line{padding-top:18px;padding-bottom:30px}
@media(max-width:640px){main{padding-top:32px}.intro{margin-bottom:24px}.star-puzzle{width:100%;margin:0 auto}.star-puzzle .caption h2{font-size:clamp(13px,3.8vw,20px)}.star-puzzle .caption>span{font-size:10px;letter-spacing:.5px}.star-puzzle .view{font-size:12px;top:57%}.puzzle-hint{font-size:13px;margin:-4px 0 34px}.bottom-line{font-size:12px}.star-puzzle .caption{left:14%;width:29%}.star-puzzle .artist:nth-of-type(2) .caption{left:60%}}
.star-puzzle .jarvis-piece .caption{left:20%;top:47%;width:24%}.star-puzzle .jarvis-piece .view{left:29%;top:60%;width:20%}

[hidden]{display:none!important}.header-tools{display:flex;align-items:center;gap:24px}#owner-badge{font-size:13px;color:#62685d}.edit-button{border:1px solid #171917;background:var(--accent);font:inherit;font-size:14px;padding:11px 18px;cursor:pointer;margin:0 0 24px}.profile-form{display:grid;gap:16px}.profile-form label{display:grid;gap:7px;font-size:14px;font-weight:700}.profile-form input,.profile-form textarea{font:inherit;font-weight:400;font-size:16px;border:1px solid #b7bfb1;border-radius:3px;padding:10px;width:100%;background:white;color:#171917}.profile-form small{font-size:12px;font-weight:400;color:#62685d}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px}.form-actions button{font:inherit;padding:12px 18px;border:1px solid #171917;cursor:pointer;background:white}.form-actions .save-profile{background:var(--accent)}.save-status{font-size:14px;line-height:1.7;color:#45513c}.profile-form button:disabled{opacity:.6;cursor:wait}.profile-form input:focus,.profile-form textarea:focus{outline:2px solid #739a00;outline-offset:2px}.track a{display:block;margin-top:8px;text-decoration:underline;font-size:14px}.links a{text-decoration:underline;text-underline-offset:4px}#load-status{text-align:center;color:#9b341c;font-size:14px}.star-puzzle .artist:nth-of-type(2) .jarvis-photo{left:40%;width:60%}.star-puzzle .artist:nth-of-type(2).jarvis-piece .caption{left:60%}.star-puzzle .artist:nth-of-type(2).jarvis-piece .view{left:62%}@media(max-width:640px){#owner-badge{font-size:12px}.header-tools{gap:12px}.profile-copy:has(.profile-form:not([hidden])){padding-top:60px}}


header{background:#fff;padding-top:10px;padding-bottom:10px}.brand-logo{display:block;line-height:0}.brand-logo img{display:block;width:180px;height:145px;object-fit:cover}@media(max-width:640px){.brand-logo img{width:130px;height:110px}header{padding-top:8px;padding-bottom:8px}.header-tools{flex-direction:column;align-items:flex-end;gap:10px}}

