/* SAAR festival poster: saffron, hot pink, gold and deliberately excessive type. */
:root{
  --bg:#fff1cb;--panel:#fff8e8;--line:#48133f;--cream:#3e123b;
  --muted:#80506b;--orange:#ff7927;--lime:#ffda3e;
  --pink:#ef248f;--purple:#4b174c;--blue:#4939e8;
  --coin-size:clamp(215px,24vw,310px);
}
body{background-color:var(--bg);background-image:radial-gradient(#ef248f22 1.3px,transparent 1.3px);background-size:22px 22px;color:var(--cream)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.grain{opacity:.025}.topbar{height:82px;background:#ff942f;border-bottom:4px solid var(--line);max-width:none;padding:0 max(4.5%,calc((100vw - 1456px)/2));position:relative;z-index:10}
.brand{color:var(--purple);font-size:41px;text-shadow:2px 2px #fff5cb;transform:rotate(-3deg)}
.brand-mark{background:#ffdc42;border:2px solid var(--purple);color:var(--purple);box-shadow:2px 2px var(--purple);width:33px;height:33px}
.brand-star{color:#fff6d8;text-shadow:2px 2px var(--purple);font-size:33px}
.demo-badge{background:#fff6db;color:var(--purple);border:2px solid var(--purple);border-radius:5px;box-shadow:3px 3px var(--purple);font-size:8px;letter-spacing:1.2px}
.status-dot{background:var(--pink);box-shadow:none}.sound-button{color:var(--purple);border:2px solid var(--purple);background:#ffdd47;box-shadow:3px 3px var(--purple);border-radius:7px;font-weight:700}
.sound-button[aria-pressed=true]{color:#fff5da;border-color:var(--purple);background:var(--purple)}
.festival-ticker{overflow:hidden;border-bottom:3px solid var(--purple);background:var(--pink);color:#fff5d4;font-family:'Barlow Condensed',Impact,sans-serif;font-size:21px;font-weight:800;letter-spacing:2px;line-height:36px;white-space:nowrap}
.ticker-track{display:flex;width:max-content;animation:poster-marquee 36s linear infinite}.ticker-track span{padding-right:25px}
main{padding-top:18px}.arena{height:650px;max-height:none;min-height:650px;border:4px solid var(--purple);border-radius:17px;box-shadow:8px 8px 0 var(--purple);background:#ffd577;margin-bottom:18px}
.stage-backdrops{background:#ffc96c}.stage-backdrops img{filter:saturate(1.2) contrast(1.02);object-position:center 40%}
.stage-backdrops:after{background:linear-gradient(0deg,#fff1cbee 0,#fff1cb44 24%,#fff1cb18 40%,#fff1cb99 67%,#fff1cbf2 100%)}
.stage-grid{opacity:.25;background-image:radial-gradient(#ea178d 1.2px,transparent 1.2px);background-size:22px 22px;mask-image:none}
.stage-heading{left:50%;top:20px;transform:translateX(-50%);width:80%;text-align:center;z-index:9}
.stage-heading>.eyebrow{font-size:8px;font-weight:800;letter-spacing:3px;color:var(--purple);padding:5px 14px;display:inline-block;background:#fff8e5;border:1px solid var(--purple);border-radius:20px}
h1{font-size:clamp(51px,5.3vw,79px);font-weight:900;line-height:.82;letter-spacing:-1.8px;margin:13px 0 8px;color:var(--purple);text-shadow:3px 3px #fff5d4,5px 5px #ff8d2c;-webkit-text-stroke:.4px var(--purple)}
h1>span,h1>em{display:block}h1 em{color:var(--purple);font-style:normal}
.stage-heading h1{text-shadow:3px 3px #fff5d4,5px 5px #ff8d2c}
.hero-saar{display:inline-block;padding:3px 24px 6px;color:#ffe952;background:#d6157d;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:38px;line-height:1;letter-spacing:1px;border:3px solid var(--purple);box-shadow:4px 4px var(--purple);transform:rotate(-4deg);text-shadow:2px 2px var(--purple)}
.stage-label{top:22px;right:18px;font-size:7px;max-width:105px;line-height:1.5;color:var(--purple);font-weight:800;letter-spacing:1px;background:#ffdb3e;padding:7px 8px;border:2px solid var(--purple);transform:rotate(5deg);box-shadow:2px 2px var(--purple)}
.live-spark{background:var(--pink);flex-shrink:0}.coin-anchor{top:58%;z-index:5}.coin-shadow{background:#7a314a;opacity:.35;filter:blur(14px)}
.coin-aura{background:radial-gradient(ellipse,#ffe76c99,transparent 64%)}
body[data-level="1"] .coin-aura{background:radial-gradient(ellipse,#ffb53399,transparent 65%)}
body[data-level="2"] .coin-aura{background:radial-gradient(ellipse,#ff4aa288,transparent 65%)}
body[data-level="3"] .coin-aura{background:radial-gradient(ellipse,#ffe54b99,#ff742b55 38%,transparent 67%)}
body[data-level="3"] .coin-front{filter:drop-shadow(0 0 15px #f22f96)}
body[data-level="4"] .coin-aura,body[data-level="5"] .coin-aura{background:repeating-conic-gradient(from 0deg,#ffad3644 0deg 10deg,#f1209322 10deg 20deg);mask-image:radial-gradient(ellipse,#000 20%,transparent 68%)}
.coin-crown{color:#ffdf3e;text-shadow:3px 3px var(--purple),0 0 28px #ff4187aa}
.orbit{border:2px dashed #b82a7860;top:57%;width:56%;height:42%}.orbit-two{width:42%;height:58%;border-color:#ff8d2b99}.orbit-one:after{color:var(--pink);font-size:28px}.orbit-two:after{color:var(--purple)}
.coin-caption{top:85%;font-size:9px;letter-spacing:2px;font-weight:800;color:var(--purple);background:#fff8de;padding:7px 13px;border:2px solid var(--purple);border-radius:3px;box-shadow:3px 3px var(--purple)}.caption-line{background:var(--pink);height:3px;width:15px}
.poster-decor{position:absolute;inset:0;z-index:4;pointer-events:none}.poster-sticker{position:absolute;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.88;filter:drop-shadow(3px 4px 0 #48133f);color:var(--purple)}
.sticker-extra{left:9%;top:47%;width:115px;height:115px;display:grid;place-content:center;font-size:31px;background:#ffdf36;transform:rotate(-14deg);clip-path:polygon(50% 0,59% 11%,73% 6%,76% 21%,92% 22%,89% 37%,100% 50%,89% 59%,94% 75%,78% 77%,75% 94%,59% 88%,50% 100%,39% 88%,23% 94%,21% 78%,6% 74%,11% 60%,0 50%,11% 39%,6% 24%,22% 22%,25% 6%,40% 12%)}
.sticker-support{right:8%;top:48%;font-size:31px;color:#fff5c7;background:var(--pink);padding:15px 23px 17px;border:3px solid var(--purple);outline:2px dashed #fff5c7;outline-offset:-8px;transform:rotate(10deg);box-shadow:5px 5px var(--purple)}
.poster-spark{position:absolute;font-size:51px;color:var(--pink);text-shadow:2px 2px #fff4d1;animation:poster-twinkle 3s ease-in-out infinite alternate}.spark-one{left:26%;top:39%;transform:rotate(12deg)}.spark-two{right:23%;top:40%;color:#ffae28;animation-delay:-1s}.spark-three{left:26%;top:75%;font-size:32px;color:var(--blue)}.spark-four{right:27%;top:76%;font-size:44px;animation-delay:-2s}
.stage-empty{right:6%;top:31%;color:var(--purple);font-weight:700;line-height:1.4;background:#fff5df;padding:10px 14px;border:2px solid var(--purple);box-shadow:3px 3px var(--purple);transform:rotate(6deg);font-size:10px}.stage-empty>span{color:var(--pink);font-size:24px}
.trade-feed{left:18px;bottom:19px;background:#fff8e8;padding:11px 12px;border:2px solid var(--purple);border-radius:3px;box-shadow:3px 3px var(--purple);width:190px}.feed-heading{font-weight:800;color:var(--purple);font-size:7px;letter-spacing:1px}.feed-heading>span{color:var(--purple)}.feed-heading>#buy-count{color:#fff6d4;background:var(--pink);border-radius:3px}#trades li{color:var(--purple);font-weight:600;font-size:9px}#trades li b{color:#ae1061;font-weight:800}#trades .empty-trade{color:#895a76}
.absurdity{right:18px;bottom:19px;padding:9px 12px 11px;background:#ffdc41;border:2px solid var(--purple);border-radius:3px;box-shadow:3px 3px var(--purple);transform:rotate(3deg)}.absurdity>span{color:var(--purple);font-size:7px;font-weight:800;letter-spacing:1px}.absurdity>strong{color:var(--purple);font-size:29px}.level-bars i{background:#fff6db;border:1px solid var(--purple);height:6px}.level-bars i.on{background:var(--pink)}
.reaction-toast{background:#fff7dd;color:var(--purple);border:2px solid var(--purple);box-shadow:3px 3px var(--purple);top:auto;bottom:22%;font-weight:800}.effect-caption{background:#ffdb3f;color:var(--purple);border:1px solid var(--purple);box-shadow:2px 2px var(--purple)}
.progress-panel{padding:20px 22px;background:#fff8e8;border:3px solid var(--purple);border-radius:8px;box-shadow:6px 6px var(--purple)}.eyebrow{color:#7f3e68;font-weight:800}.cap-number{color:var(--purple);font-size:50px;font-weight:800;text-shadow:2px 2px #ffb742}.goal-copy>span{color:#7f3e68;font-weight:700}.goal-copy strong{color:var(--purple)}.goal-copy strong>span{color:var(--pink)}
.meter{height:32px;background:#ffe2ee;border:2px solid var(--purple);border-radius:4px;box-shadow:2px 2px var(--purple)}.meter-fill{background-color:#ffac2d;background-image:repeating-linear-gradient(110deg,#ffce37 0 13px,#ff9c30 13px 25px)}.meter-ticks i{border-color:#48133f77}.meter-percent{background:#fff8e8;color:var(--purple);border:1px solid var(--purple);font-size:10px;line-height:14px;right:5px;top:5px;padding:0 5px;border-radius:2px;mix-blend-mode:normal}.milestones span{color:#8a5475;font-weight:700}.milestones span.unlocked{color:#a80d60;font-weight:900}.cap-source{font-size:9px;color:#84506e}
.radio-panel{background:#ff6cb6;border:3px solid var(--purple);border-radius:9px;box-shadow:6px 6px var(--purple);padding:18px 22px;margin-top:22px}.music-toggle{color:var(--purple);background:#ffda3e;border:2px solid var(--purple);box-shadow:3px 3px var(--purple)}.music-toggle:hover{background:#fff1a4}.music-toggle[aria-pressed=true]{background:var(--purple);color:#ffdf43}.radio-info .eyebrow{color:#5d1a52}.radio-info strong{color:#42113e;font-weight:800}.radio-time{color:#621c55;font-weight:700}.volume-control>span{color:#5c1b50;font-weight:800}.volume-control output{color:var(--purple)}.volume-control input{accent-color:var(--purple)}.scene-control{border-color:#b3317c}.scene-control .eyebrow{color:#5d1a52}.scene-control select{background:#fff1ce;color:var(--purple);border:2px solid var(--purple);border-radius:3px;font-weight:600;padding:6px 5px;max-width:190px}
.demo-panel{background:#fff8e8;border:3px solid var(--purple);border-radius:9px;box-shadow:6px 6px var(--purple);margin-top:23px}.demo-title h2{font-family:'Barlow Condensed',Impact,sans-serif;color:var(--purple);font-size:18px;letter-spacing:1px}.demo-title p{color:#875672}.control-symbol{color:var(--purple);background:#ffdc41;border:2px solid var(--purple);box-shadow:2px 2px var(--purple)}.text-button{color:#92356e;font-weight:700}.control-columns label{color:#a5537a}.control-columns label>span{color:var(--purple);font-weight:800}
.buy-buttons>button{background:#ffdf45;border:2px solid var(--purple);border-radius:5px;color:var(--purple);box-shadow:3px 3px var(--purple);transition:transform .15s,box-shadow .15s}.buy-buttons>button small{color:var(--purple);font-weight:800}.buy-buttons strong>span{color:var(--purple)}.buy-buttons>button:nth-child(2){background:#ff9238}.buy-buttons>button:nth-child(3){background:#ff75b9}.buy-buttons>.whale-button{background:var(--blue);border-color:var(--purple);color:#fff7db}.whale-button small,.whale-button strong>span{color:#fff7db!important}.buy-buttons>button:hover{background:#ffe993;border-color:var(--purple);transform:translateY(-3px);box-shadow:3px 6px var(--purple)}.buy-buttons>.whale-button:hover{background:#6656ff}.buy-buttons>button:active{transform:translate(2px,2px);box-shadow:1px 1px var(--purple)}
.cap-control output{color:#a61168;font-weight:800}.cap-control input{accent-color:var(--pink)}.cap-presets button{background:#fff0d5;color:var(--purple);border:2px solid var(--purple);border-radius:4px;font-weight:700}.cap-presets button:hover{color:#fff2d8;background:var(--pink);border-color:var(--purple)}.cap-presets .million-button{background:#ffdf40;color:var(--purple);border-color:var(--purple)}.demo-bottom{border-color:#c78aa9}.demo-bottom>p{color:#87516e}.auto-button{color:#9e0d63;font-weight:800}.auto-button[aria-pressed=true]{color:var(--blue)}
.live-panel{background:#eee5ff;border:3px solid var(--purple);border-radius:9px;box-shadow:6px 6px var(--purple);margin-top:23px}.live-panel h2{color:var(--purple);font-weight:800}.live-panel>p{color:#6f4370}.live-panel #test-token-name{color:#971063;font-weight:800}.live-panel input{background:#fffdf4;color:var(--purple);border:2px solid var(--purple)}.live-panel form button{background:#ffdd40;color:var(--purple);border:2px solid var(--purple);box-shadow:3px 3px var(--purple);font-weight:800}.live-panel #disconnect-token{background:#fff8e5;color:var(--purple);border:2px solid var(--purple)}.live-panel #feed-status{color:#754776}.live-panel #feed-status[data-status=live]{color:#6f149a;font-weight:800}.live-panel #feed-status[data-status=error],.live-panel #feed-status[data-status=degraded]{color:#ad0757;font-weight:800}.live-panel .mode-disclaimer{border-color:#b78dcc}
.media-library{background:#fff8e8;border:3px solid var(--purple);border-radius:8px;box-shadow:6px 6px var(--purple);margin-top:23px}.media-library summary{color:var(--purple);font-weight:800}.media-library summary>span{color:#9d346e}.media-preview{border:2px solid var(--purple);background:#ffe8b3;box-shadow:2px 2px var(--purple)}.media-preview:nth-child(3n+2){background:#ffc7e2}.media-preview:nth-child(3n){background:#ece1ff}.media-preview:hover{border-color:var(--pink)}.media-preview>span{color:var(--purple);font-weight:700}
footer{color:var(--purple);font-weight:700;margin-top:24px;border-top:3px solid var(--purple)}footer>span:first-child{color:var(--purple)}.footer-star{color:var(--pink)}
dialog{background:#fff3d4;color:var(--purple);border:3px solid var(--purple);border-radius:10px;box-shadow:10px 10px var(--pink)}dialog::backdrop{background:#3b093cc9}dialog h2{color:var(--purple);text-shadow:2px 2px #ff9cce}dialog p{color:#684060}.dialog-note{color:#875373!important;border-color:#cc9bbb}.dialog-close{color:var(--purple)}
.finale{background:#ff8b2d;color:var(--purple)}.finale-sunburst{background:repeating-conic-gradient(#ffdc4144 0deg 10deg,#ff329b33 10deg 20deg)}.finale .eyebrow{color:var(--purple);font-weight:900;background:#fff0cc;padding:8px 12px;border:2px solid var(--purple);box-shadow:3px 3px var(--purple);display:inline-block}.finale h2{color:#ffea42;-webkit-text-stroke:3px var(--purple);text-shadow:6px 8px var(--pink),9px 11px var(--purple);font-size:clamp(50px,14.5vw,230px)}.finale p{color:var(--purple);text-shadow:2px 2px #fff7d8}.finale button{color:#fff3ca;background:var(--purple);border:2px solid var(--purple);box-shadow:4px 4px #fff4cc;font-weight:800}.finale small{color:#762156;font-weight:700}
@keyframes poster-marquee{to{transform:translateX(-50%)}}@keyframes poster-twinkle{from{opacity:.7;scale:.85}to{opacity:1;scale:1.1}}
@media(min-width:1600px){.arena{height:680px;min-height:680px}}
@media(max-width:950px){.stage-heading{width:84%;top:24px}h1{font-size:64px}.hero-saar{font-size:35px}.stage-label{top:20px;right:12px;max-width:90px;font-size:6px}.sticker-extra{left:6%;width:105px;height:105px;font-size:29px}.sticker-support{right:5%;font-size:27px;padding:14px 20px}.stage-empty{right:5%;font-size:9px}.trade-feed{width:175px}.coin-caption{font-size:8px}.radio-panel{padding:17px}.scene-control select{max-width:155px}.demo-title h2{font-size:17px}}
@media(max-width:650px){
 :root{--coin-size:220px}.topbar{height:72px;padding:0 5%;gap:9px}.brand{font-size:31px;gap:6px}.brand-mark{width:25px;height:25px;font-size:19px}.brand-star{font-size:24px}.demo-badge{padding:7px;max-width:127px;letter-spacing:.5px;box-shadow:2px 2px var(--purple)}.demo-badge #mode-label{font-size:6px}.sound-button{font-size:9px;padding:5px 8px;gap:5px;box-shadow:2px 2px var(--purple)}
 .festival-ticker{font-size:17px;line-height:29px;letter-spacing:1.2px}main{padding-top:16px}.arena{height:610px;min-height:610px;max-height:none;border-width:3px;border-radius:12px;box-shadow:5px 5px var(--purple);margin-bottom:16px}.stage-heading{top:21px;width:96%}.stage-heading>.eyebrow{font-size:6px;letter-spacing:1.2px;padding:4px 9px}h1{font-size:clamp(39px,11.8vw,66px);letter-spacing:-1.2px;line-height:.85;margin:13px 0 8px;text-shadow:2px 2px #fff7df,4px 4px #ff8f2a}.hero-saar{font-size:32px;padding:4px 15px 7px;box-shadow:3px 3px var(--purple);border-width:2px}.stage-label{top:205px;right:11px;max-width:90px;padding:5px 6px;letter-spacing:.5px;font-size:5.5px}.stage-empty{display:none}.coin-anchor{top:60%}.coin-crown{font-size:76px;top:-58px}.coin-caption{top:82%;font-size:6px;letter-spacing:1.1px;padding:6px 8px;border-width:1.5px;gap:6px}.caption-line{width:10px;height:2px}.orbit{top:58%;width:95%;height:35%}.orbit-two{width:75%;height:48%}.sticker-extra{left:3%;top:48%;width:78px;height:78px;font-size:22px}.sticker-support{right:3%;top:49%;font-size:21px;padding:12px 15px;border-width:2px;outline-offset:-6px;box-shadow:3px 3px var(--purple)}.poster-spark{font-size:34px}.spark-one{left:18%;top:37%}.spark-two{right:22%;top:38%;font-size:35px}.spark-three{left:20%;top:74%;font-size:25px}.spark-four{right:18%;top:75%;font-size:32px}.stage-backdrops:after{background:linear-gradient(0deg,#fff1cbfa, #fff1cb55 25%,#fff1cb22 44%,#fff1cbcc 74%,#fff1cbf2)}.stage-backdrops img{filter:saturate(1.2) contrast(1.02)}
 .trade-feed{left:10px;bottom:15px;padding:8px;width:148px;box-shadow:2px 2px var(--purple);border-width:1.5px}.feed-heading{font-size:6px;letter-spacing:.5px}#trades li{font-size:8px}#trades .empty-trade{font-size:8px}.absurdity{right:10px;bottom:15px;padding:7px 8px 8px;border-width:1.5px;box-shadow:2px 2px var(--purple)}.absurdity>span{font-size:5.5px;letter-spacing:.7px}.absurdity>strong{font-size:22px}.level-bars i{width:11px;height:5px}.reaction-toast{top:auto;bottom:23%;font-size:8px;width:max-content;max-width:90%;padding:7px 9px}
 .progress-panel{padding:17px 13px;border-width:2px;box-shadow:4px 4px var(--purple)}.cap-number{font-size:41px}.goal-copy strong{font-size:24px}.goal-copy>span{font-size:5.5px}.meter{height:29px}.meter-percent{top:4px}.milestones span{font-size:5.5px}.cap-source{font-size:8px}.radio-panel,.demo-panel,.live-panel,.media-library{border-width:2px;box-shadow:4px 4px var(--purple);margin-top:20px}.radio-panel{padding:14px 12px}.radio-info .eyebrow{font-size:5.5px;letter-spacing:.5px}.radio-info strong{font-size:9px}.music-toggle{box-shadow:2px 2px var(--purple)}.volume-control>span{font-size:6px}.scene-control{border-color:#b3317c}.scene-control select{width:180px;max-width:180px;font-size:10px}.demo-title h2{font-size:15px;letter-spacing:.3px}.demo-title p{font-size:8px}.buy-buttons>button{padding:10px 7px;box-shadow:2px 2px var(--purple)}.buy-buttons strong{font-size:22px}.buy-buttons small{font-size:6px}.cap-presets button{border-width:1.5px}.control-columns label{font-size:7px}.live-panel h2{font-size:26px}.live-panel>p{font-size:10px}.live-panel form button{font-size:9px}.finale h2{-webkit-text-stroke:1.5px var(--purple);text-shadow:3px 4px var(--pink),5px 6px var(--purple);font-size:clamp(41px,14.4vw,94px)}.finale .eyebrow{font-size:6px;letter-spacing:1px}.finale p{font-size:26px;letter-spacing:1px}.media-library summary{font-size:7px}.media-library summary>span{font-size:7px}footer{margin-top:20px;font-size:7px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.ticker-track,.poster-spark{animation:none}.stage-backdrops img{transition:none}}
@media(max-width:650px){.stage-heading h1{text-shadow:2px 2px #fff7df,4px 4px #ff8f2a}}