*{box-sizing:border-box}.tattoo-shell{max-width:1250px;margin:auto;padding:38px clamp(16px,3vw,40px) 70px}.tattoo-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.tattoo-heading h1{font-size:clamp(1.8rem,3.4vw,2.8rem);margin:0 0 10px}.tattoo-heading p{margin:0;color:var(--ui-color-muted)}.tattoo-shell a{color:var(--ui-color-green)}.tattoo-link{white-space:nowrap;font-size:15px}.tattoo-skip{position:fixed;top:-100px;z-index:100;background:#fff;color:#111;padding:12px}.tattoo-skip:focus{top:10px}#status{border-left:3px solid #cba763;padding:10px 16px;margin:25px 0 16px;color:var(--ui-color-copy);background:#cba7630b}#status.error{border-color:var(--ui-color-red)}#account{margin-bottom:22px}#round-tabs{display:flex;gap:8px;border-bottom:1px solid var(--ui-color-border);padding-bottom:12px;margin-bottom:24px;flex-wrap:wrap}.tattoo-shell button,.tattoo-button{font:inherit;cursor:pointer;min-height:44px;border:1px solid var(--ui-color-border);border-radius:8px;background:var(--ui-color-surface);color:var(--ui-color-text);padding:9px 15px}.tattoo-shell button:hover:not(:disabled){border-color:var(--ui-color-green)}.tattoo-shell button:focus-visible,.tattoo-shell a:focus-visible,.tattoo-shell input:focus-visible{outline:3px solid var(--ui-color-green);outline-offset:4px}.tattoo-shell button:disabled{cursor:default;opacity:.65}#round-tabs button[aria-pressed=true]{background:var(--ui-color-green-soft);border-color:var(--ui-color-green);color:var(--ui-color-green)}#matchups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.match{border:1px solid var(--ui-color-border);border-radius:12px;background:var(--ui-color-surface);overflow:hidden}.match-header{display:flex;justify-content:space-between;gap:10px;padding:14px 16px}.match-header h3{font:600 15px var(--ui-font-body);margin:0}.match-header span{font-size:14px;color:var(--ui-color-muted)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ui-color-border)}.choice{min-width:0;background:var(--ui-color-surface);padding-bottom:14px}.choice img{display:block;width:100%;height:auto;aspect-ratio:1.22;object-fit:cover}.choice-body{padding:12px 12px 0}.choice h4{font-size:19px;margin:0 0 12px}.choice button{width:100%;font-size:15px}.choice button[aria-pressed=true]{color:var(--ui-color-on-accent);background:var(--ui-color-green);border-color:var(--ui-color-green)}.choice .vote-count{margin:8px 0 0;color:var(--ui-color-muted);font-size:14px}.choice.winner h4:after{content:' · Winner';font-size:12px;color:var(--ui-color-green);font-family:var(--ui-font-body)}.empty-match{padding:30px;text-align:center;color:var(--ui-color-muted);grid-column:1/-1}.tattoo-section{margin-top:40px;padding-top:24px;border-top:1px solid var(--ui-color-border)}.tattoo-section h2{font-size:1.4rem;margin:0 0 18px}#bracket{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.bracket-column{display:flex;flex-direction:column;justify-content:space-around;gap:12px}.bracket-column h3{font:600 14px var(--ui-font-body);color:var(--ui-color-muted);margin:0}.bracket-pair{border:1px solid var(--ui-color-border);border-radius:8px;overflow:hidden}.bracket-entry{padding:8px 12px;display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}.bracket-entry+.bracket-entry{border-top:1px solid var(--ui-color-border)}.bracket-entry img{width:34px;height:34px;object-fit:cover;border-radius:4px}.bracket-entry.winner{color:var(--ui-color-green);background:var(--ui-color-green-soft)}#rules summary{cursor:pointer;font-size:1.15rem}#rules p{max-width:75ch;color:var(--ui-color-copy)}#rules li{margin:10px 0}#subscription label{display:flex;align-items:center;gap:12px;cursor:pointer}#subscription input{width:22px;height:22px;accent-color:var(--ui-color-green)}#updates>p{font-size:13px;color:var(--ui-color-muted);margin-top:22px}#admin textarea{width:100%;min-height:180px;background:var(--ui-color-input);color:var(--ui-color-copy);padding:12px}#admin input{padding:10px;color:var(--ui-color-text);background:var(--ui-color-input);border:1px solid var(--ui-color-border);max-width:100%}#admin .admin-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.admin-copy{margin:20px 0}.winner-note{color:var(--ui-color-green)}@media(max-width:850px){.tattoo-heading{display:block}.tattoo-link{display:inline-block;margin-top:14px}#matchups{gap:16px}.choice h4{font-size:17px}.choice-body{padding:10px 8px 0}}@media(max-width:620px){#matchups{grid-template-columns:1fr}#bracket{grid-template-columns:1fr}.bracket-column{gap:10px}.tattoo-shell{padding-top:24px}.tattoo-heading h1{font-size:1.9rem}#round-tabs button{flex:1;padding:9px 8px;font-size:14px}.tattoo-section{margin-top:30px}}
