/* Shared experience for the supplied Dutch and English artwork. */
[hidden]{display:none!important}
.pill{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.art-notice{position:fixed;z-index:15;left:50%;bottom:max(84px,calc(env(safe-area-inset-bottom) + 68px));transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;padding:12px 18px;background:#f3f1eb;color:#0f0f0d;border-radius:12px;font:14px/1.45 var(--f-d);box-shadow:0 10px 50px #0008;text-align:center}
.art-saver-tools{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:20;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100vw - 32px);opacity:1;transition:opacity .4s}
.art-saver-tools .pill{background:#1a1a17ed;color:#f3f1eb}
.art-saver-tools .pill[aria-pressed="true"]{background:#f3f1eb;color:#0f0f0d}
.art-saver-tools .pill:focus-visible{outline:2px solid #f7931a;outline-offset:3px}
body.saver-controls .art-saver-tools{top:80px}
.art-saver-tools.quiet{opacity:0;pointer-events:none}
body.screensaver:not(.saver-controls) .hud,body.screensaver .tease,body.screensaver .wish,body.screensaver .kfacts{opacity:0!important;pointer-events:none!important}
body.screensaver #c{cursor:none}
.art-copy-dialog{position:fixed;z-index:25;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));margin:0;background:#1a1a17;color:#f3f1eb;padding:24px;border:1px solid #f3f1eb40;border-radius:16px;font:16px/1.5 var(--f-d)}
.art-copy-dialog::backdrop{background:#0008}
.art-copy-dialog input{display:block;margin:14px 0;width:100%;padding:12px;border:1px solid #f3f1eb40;background:#0f0f0d;color:inherit;font:16px var(--f-d)}
.panel{overscroll-behavior:contain;scroll-padding-block:80px 30px;padding-bottom:max(30px,env(safe-area-inset-bottom))}
.panel input[type=text]{font-size:16px}
.panel .qr{max-width:100%}.panel .qr img{max-width:100%;height:auto}
.card{max-width:calc(100vw - 24px)}
@media(min-width:1401px){.bar{gap:12px}.controls{gap:4px}.controls .pill{padding-inline:12px;font-size:13px}}
@media(max-width:1400px),(orientation:portrait){
 .bar{height:64px;padding-top:env(safe-area-inset-top)}.where{display:none}
 .controls{position:fixed;left:0;right:0;bottom:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:10px max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:linear-gradient(transparent,#0f0f0d 15%);overflow:visible}
 .controls .pill{font-size:11px;line-height:1.2;white-space:normal;padding:6px 4px;min-width:0;min-height:44px;text-align:center}
 .controls #b-screen,.controls #b-share{border-color:#f7931a80}
 .stat{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 108px)}
 .stat .h{font-size:40px}.net{display:none}
 .ceremony{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 108px)}
 .tease{top:calc(9px + env(safe-area-inset-top));left:auto;right:12px;bottom:auto;width:min(210px,calc(100vw - 168px));padding:7px 9px}
 .tease .q{font-size:11.5px}.tease .pot{font-size:9px}
 .panel{padding-inline:18px}.panel h2{font-size:30px}.panel .close{right:16px}
 .art-notice{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 120px)}
}
@media(max-height:500px) and (orientation:landscape){
 .controls{grid-template-columns:repeat(10,minmax(0,1fr))}
 .stat,.ceremony{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 62px)}
 .stat .rows,.stat .since{display:none}.stat .h{font-size:32px}.tease .pot{display:none}
}
@media(prefers-reduced-motion:reduce){.art-saver-tools{transition:none}}
/* YouTube-stream (?stream): geen bediening, groot logo en vaste QR naar de wenspagina. */
body.stream{cursor:none}
body.stream .controls,body.stream .wish,body.stream .panel,body.stream .card,body.stream .tease,body.stream .art-saver-tools,body.stream .art-notice{display:none!important}
body.stream .stat,body.stream .ceremony{bottom:clamp(20px,3vw,48px)}
body.stream .net{display:block;bottom:clamp(20px,3vw,48px)}
body.stream .where{display:flex}
.stream-cta{display:none}
body.stream .stream-cta{display:flex;position:fixed;z-index:6;bottom:clamp(16px,2.2vw,40px);left:50%;transform:translateX(-50%);gap:18px;align-items:center;width:min(660px,36vw);padding:16px 20px 16px 16px;background:#0f0f0de6;border:1px solid #f7931a8c;border-radius:16px;box-shadow:0 12px 60px #000a}
.stream-cta img{flex:none;width:clamp(104px,7.4vw,142px);height:auto;border-radius:8px;background:#f3f1eb}
.stream-cta .k{color:#f7931a;display:block}
.stream-cta b{display:block;margin:6px 0 8px;font:700 clamp(18px,1.35vw,26px)/1.1 var(--f-d);letter-spacing:-.02em;color:#f3f1eb}
.stream-cta p{margin:0 0 8px;font:clamp(13px,.85vw,16px)/1.4 var(--f-r);color:#f3f1ebd0}
.stream-cta small{display:block;font-size:clamp(9px,.55vw,10.5px);line-height:1.5;letter-spacing:.03em;text-transform:none;color:#f3f1eb8a}
body.stream .bar{display:none}
.stream-brand{display:none}
body.stream .stream-brand{display:flex;position:fixed;z-index:6;top:clamp(14px,1.6vw,28px);left:var(--gut);gap:clamp(14px,1.1vw,20px);align-items:center;pointer-events:none}
.stream-brand img{width:clamp(88px,6.5vw,124px);height:auto;filter:drop-shadow(0 4px 24px #000)}
.stream-brand b{display:block;font:700 clamp(24px,2vw,38px)/.98 var(--f-d);letter-spacing:-.03em;color:#f3f1eb;text-shadow:0 4px 24px #000}
.stream-price{display:none}
body.stream .stream-price{display:flex;flex-direction:column;align-items:center;gap:10px;position:fixed;z-index:6;top:clamp(14px,1.6vw,28px);left:50%;transform:translateX(-50%);pointer-events:none;text-align:center}
.stream-price .row{display:flex;gap:clamp(28px,3vw,56px)}
body.stream .stream-price .where{display:flex;margin:0;padding:0;border:0}
.stream-price .k{display:block;color:#f3f1eba8}
.stream-price b{display:block;margin-top:4px;font:700 clamp(30px,2.7vw,52px)/1 var(--f-d);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#f3f1eb;text-shadow:0 4px 24px #000}
.stream-price .row div:first-child b{color:#f7931a}
.stream-live{display:none}
body.stream .stream-live{display:flex;position:fixed;z-index:6;top:clamp(14px,1.6vw,28px);right:var(--gut);align-items:center;gap:16px;pointer-events:none}
.stream-live .badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:8px;background:#e5533d;color:#fff;font:800 clamp(18px,1.4vw,26px)/1 var(--f-d);letter-spacing:.08em;box-shadow:0 6px 30px #e5533d55}
.stream-live .badge i{width:12px;height:12px;border-radius:50%;background:#fff;animation:pulse 1.6s infinite}
.stream-live .when{display:flex;flex-direction:column;gap:4px;text-align:right;color:#f3f1ebb8}
.stream-live .when b{font:700 clamp(20px,1.5vw,28px)/1 var(--f-d);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#f3f1eb;text-transform:none}

/* Bitcoin Amsterdam-editie (?stream&edition=bitcoin-amsterdam): partnerlogo rechtsboven (in plaats van LIVE), QR naar de meetup, credit onderin rechts. */
body.edition-ba .stream-live{display:none}
.edition-partner{display:none}
body.edition-ba .edition-partner{display:flex;flex-direction:column;align-items:flex-end;gap:8px;position:fixed;z-index:6;top:clamp(14px,1.6vw,28px);right:var(--gut);pointer-events:none;color:#f3f1ebb0}
.edition-partner img{height:min(clamp(48px,3.9vw,74px),6.4vh);width:auto;filter:drop-shadow(0 4px 24px #000)}
body.edition-ba .stream-cta{width:min(760px,40vw)}
body.edition-ba .stream-cta b{font-size:clamp(18px,1.35vw,26px)}
body.edition-ba .stream-cta small{font-size:clamp(11px,.75vw,14px);letter-spacing:.04em;color:#f3f1ebb8}
.edition-credit{display:none}
body.edition-ba .edition-credit{display:flex;position:fixed;z-index:6;right:var(--gut);bottom:clamp(16px,2.2vw,40px);align-items:center;gap:12px;pointer-events:none;color:#f3f1ebb0}
.edition-credit img{height:clamp(18px,1.4vw,26px);width:auto}
body.edition-ba .net{display:none}
body.edition-ba .stream-cta{transition:opacity .4s ease}body.edition-ba .stream-cta.swap{opacity:0}
