/* Isolated sponsors addition; existing sections and store links are untouched. */
body>header{gap:16px}
#sponsor-button,body>header #nav>a.button.small{flex:0 0 138px;width:138px;height:48px;min-height:48px;padding:10px 12px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.3;white-space:nowrap;border-radius:6px}
#sponsor-button{position:relative;isolation:isolate;overflow:hidden;color:#efd29a;background:#1c1b18;border:2.6px solid #9b7b42;box-shadow:0 8px 20px #0005,inset 0 1px #ffe4a233;font-weight:700;transition:transform .22s,box-shadow .3s}
#sponsor-button:before{content:'';position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 40%,#f0ce7040,transparent 40%),radial-gradient(ellipse at 80% 80%,#dca63730,transparent 40%);transition:transform .8s}
#sponsor-button:hover:before{transform:translate(7%,-5%)}
#sponsor-button:hover{box-shadow:0 8px 24px #0006,0 0 24px #c1994026;transform:translateY(-2px)}
#sponsor-button:active,#sponsor-button.pressed{transform:translateY(3px) scale(.97);box-shadow:inset 0 4px 12px #0008}
body>header #nav{gap:16px}
#sponsor-dialog{width:min(700px,94vw);background:radial-gradient(ellipse at 0% 0%,#c99a4529,transparent 48%),radial-gradient(ellipse at 100% 85%,#e6bc6120,transparent 45%),rgba(28,27,24,.84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#f2eadb;border:2.6px solid #9b7b42;box-shadow:0 25px 70px #0008,0 0 35px #c199401c,inset 0 1px #ffe4a233}
#sponsor-dialog::backdrop{background:#08080980}
#sponsor-dialog .eyebrow{color:#d2b77d}
#sponsor-dialog .dialog-head{align-items:flex-start;margin-bottom:18px}
#sponsor-dialog h2{font-size:26px;line-height:1.25;margin-top:8px}
#sponsor-dialog .close{background:#332d2199;border-color:#9b7b4280;color:#efd29a}
#sponsor-dialog input{background:#0d0d0fa6;border:1px solid #a98b5370;color:#f2eadb;font-size:16px}
#sponsor-dialog fieldset{padding:0;border:0;margin:0;min-width:0}
#sponsor-dialog legend{font-size:14px}
#sponsor-dialog .sponsor-help{font-size:12px;line-height:1.6;color:#c7c1b7;margin:8px 0}
#sponsor-dialog .sponsor-help a{text-decoration:underline}
#sponsor-dialog .sponsor-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
#sponsor-dialog .sponsor-options label{display:flex;align-items:center;background:#332f2580;border:1px solid #a98b5370;padding:10px 12px;border-radius:5px}
#sponsor-dialog input[type=checkbox]{width:17px;height:17px;accent-color:#d5b16c;padding:0;flex-shrink:0}
#sponsor-dialog .sponsor-send{justify-self:start;padding:13px 25px;background:linear-gradient(125deg,#51412a,#29251d);color:#efd29a;border:1px solid #b39150;border-radius:5px;font-weight:700}
#sponsor-dialog .sponsor-send:disabled{opacity:.65}
#sponsor-status{margin:0;color:#efd29a;font-size:14px}
#sponsor-dialog :focus-visible,#sponsor-button:focus-visible{outline-color:#f0ce85}
@media(min-width:801px) and (max-width:1150px){body>header{padding-inline:18px;gap:12px}body>header .brand{gap:8px}body>header .brand .wordmark{width:130px}body>header #nav{gap:11px;font-size:12px}#sponsor-button,body>header #nav>a.button.small{width:120px;flex-basis:120px;font-size:11px}}
@media(min-width:801px) and (max-width:970px){body>header .brand .wordmark{width:108px}body>header .brand>img:first-child{width:35px;height:35px}body>header #nav{gap:8px;font-size:11px}body>header{gap:8px;padding-inline:12px}#sponsor-button,body>header #nav>a.button.small{flex-basis:112px;width:112px;padding-inline:7px}}
@media(max-width:800px){body>header{gap:10px}#sponsor-button{margin-left:auto;flex-basis:138px;width:138px}#menu{flex-shrink:0}#sponsor-dialog .dialog-panel{padding:22px}#sponsor-dialog h2{font-size:23px}}
@media(max-width:480px){body>header{padding-inline:12px;gap:8px}body>header .brand{gap:6px}body>header .brand .wordmark{width:88px}body>header .brand>img:first-child{width:32px;height:32px}#sponsor-button{flex-basis:112px;width:112px;font-size:11px;padding-inline:7px}#menu{padding:8px;font-size:11px}#sponsor-dialog .fields{grid-template-columns:1fr}#sponsor-dialog .dialog-head{gap:10px}#sponsor-dialog .close{padding:8px}}
@media(max-width:350px){body>header .brand .wordmark{width:70px}body>header .brand>img:first-child{width:26px;height:26px}body>header{gap:6px}}
@media(prefers-reduced-motion:reduce){#sponsor-button,#sponsor-button:before{transition:none}#sponsor-button:hover,#sponsor-button:active,#sponsor-button.pressed{transform:none}}

#sponsor-dialog textarea{background:#0d0d0fa6;border:1px solid #a98b5370;color:#f2eadb;font-size:16px;resize:vertical;min-height:130px}
