[data-view=reel] .screen{max-width:1040px;justify-content:center;gap:18px;padding-top:20px;padding-bottom:24px}
[data-view=reel] .screen h2{font-size:clamp(42px,5.5vw,70px);max-width:900px}
[data-view=reel] .screen>.question-hint{display:block;color:inherit;font-size:17px;line-height:1.5;margin:0;max-width:720px;opacity:.88}
[data-view=reel] .screen>.kicker{display:block;color:#d2ff85;margin:0;font-size:11px;letter-spacing:1.5px}
.preview-notice{text-align:center;font-size:11px;line-height:1.4;margin:0;padding:0 15px max(10px,env(safe-area-inset-bottom));opacity:.75;flex:none}
[data-view=reel] .navigation{display:flex;max-width:1040px;justify-content:space-between;min-height:64px;padding:8px 5vw 12px}
[data-view=reel] .navigation .next{background:#d2ff85;color:#19271e;flex-direction:row;margin-left:auto;min-width:120px;font-size:14px;padding:12px 20px}
[data-view=reel] .navigation .next:disabled{opacity:.4}
[data-view=reel] .text-form input{font-size:23px;min-height:60px;padding:15px}
[data-view=reel] .text-form input::placeholder{font-size:19px}
.helper{font-size:13px;line-height:1.5;margin:0;opacity:.8;max-width:700px}
.chips{display:flex;flex-wrap:wrap;gap:10px;max-width:840px}
.chip{border:1px solid #ffffff70;border-radius:999px;padding:12px 18px;min-height:46px;background:#ffffff09;color:inherit;font-size:16px;line-height:1.3;text-align:left}
.chip[aria-pressed=true],.tag{background:#d2ff85;border-color:#d2ff85;color:#19271e}
.chip[aria-disabled=true]{opacity:.45}
.chip:focus-visible,textarea:focus-visible{outline:3px solid #d2ff85;outline-offset:3px}
.tags{display:flex;flex-wrap:wrap;gap:8px;max-width:700px}
.tag{border-radius:30px;border:0;padding:10px 15px;min-height:44px;font-size:14px;overflow-wrap:anywhere;max-width:100%}
.entry-row{display:flex;gap:10px;align-items:center}.entry-row input{min-width:0;flex:1}.entry-row button{flex:none;border:1px solid #ffffff70;border-radius:12px;min-height:56px;padding:12px 16px;background:transparent;color:inherit}
textarea{display:block;resize:vertical;min-height:90px;width:100%;max-width:700px;border:1px solid #ffffff90;border-radius:12px;background:#ffffff0c;color:inherit;font:inherit;font-size:16px;line-height:1.5;padding:14px}
textarea::placeholder{color:#ffffffa0}.field-label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}
.validation{color:#d2ff85;font-size:12px;line-height:1.4;min-height:18px;margin:0}
.art-row{display:flex;align-items:center;gap:12px}.music-loop{width:150px;height:75px;object-fit:cover;border-radius:12px}.motion-toggle{display:block;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;line-height:0;cursor:pointer}.motion-toggle:focus-visible{outline:3px solid #d2ff85;outline-offset:4px}.motion-toggle:disabled{cursor:default}
[data-view=reel] .review-list{width:100%}[data-view=reel] .review-list li{align-items:flex-start}[data-view=reel] .review-list p{font-size:14px;line-height:1.5;white-space:pre-wrap}.intro-copy-local{font-size:18px;line-height:1.6;max-width:660px;margin:0}.closing-note{border:1px solid #ffffff60;border-radius:12px;padding:16px;font-size:14px;line-height:1.5;max-width:700px}
@media(max-width:740px){[data-view=reel] .screen{padding:16px 24px 22px;gap:16px;justify-content:flex-start}[data-view=reel] .screen h2{font-size:clamp(37px,11.5vw,53px)}[data-view=reel] .screen>.question-hint{font-size:15px}.chip{font-size:14px;padding:11px 14px}.chips{gap:9px}.music-loop{width:120px;height:60px}[data-view=reel] .text-form input{font-size:20px}.intro-copy-local{font-size:16px}[data-view=reel] .navigation{padding-left:20px;padding-right:20px}.event-branding{flex-wrap:wrap;justify-content:center;gap:4px 8px}.event-title,.event-band{font-size:21px}[data-view=reel] .player-header{min-height:80px;padding:12px 20px 8px}}
@media(max-height:650px){.art-row{display:none}[data-view=reel] .screen{gap:12px}[data-view=reel] .screen h2{font-size:36px}}
/* Keep focus scrolling inside the current card, never the translated outer reel. */
.stage.reel-stage{overflow:clip}

/* Closing page: Greenway's cream/black identity and exact primary wordmark. */
.player[data-theme=brand]{--wash:#0A0A09;--ink:#F5F2ED;color:#F5F2ED}
.player[data-theme=brand] .player-header{display:none}
[data-view=reel] .branded-closing{max-width:850px;justify-content:flex-start;padding-top:25px;gap:22px}
.closing-hero{text-align:center;width:100%}
.closing-repertoire{max-width:500px;margin:0 auto 24px;padding-bottom:24px;border-bottom:1px solid #706D66}
.closing-repertoire p{font-size:14px;line-height:1.6;color:#B8B4AC;margin:0 0 14px}
.closing-logo{display:block;width:min(340px,100%);height:auto;margin:0 auto 20px}
[data-view=reel] .branded-closing h2{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.6px;font-size:clamp(32px,4vw,48px);text-align:center;margin:0 auto}
.closing-invite{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:300;font-size:15px;line-height:1.6;color:#B8B4AC;margin:18px 0 24px}
.closing-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:500px;margin:auto}
.brand-cta,.brand-social{display:flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;border:1px solid #706D66;border-radius:4px;font-size:14px;text-decoration:none;font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:400}
.brand-cta{flex-basis:100%;background:#F5F2ED;color:#0A0A09;border-color:#F5F2ED}.brand-social{flex:1;color:#F5F2ED;background:transparent}.brand-cta:hover{background:#dedbd4}.brand-social:hover{background:#ffffff12}
.player[data-theme=brand] a:focus-visible,.player[data-theme=brand] button:focus-visible,.closing-review summary:focus-visible{outline:2px solid #F5F2ED;outline-offset:5px}
.closing-preview{font-size:11px;line-height:1.6;color:#B8B4AC;max-width:420px;margin:22px auto 0}
.closing-review{width:100%;border-top:1px solid #706D66;border-bottom:1px solid #706D66;max-width:650px;margin:2px auto 0}.closing-review summary{cursor:pointer;min-height:48px;padding:15px 4px;font-size:13px}.closing-review .review-list li{padding:16px 0}.closing-restart{align-self:center;color:#B8B4AC}
@media(max-width:740px){[data-view=reel] .branded-closing{padding:20px 24px;gap:20px}.closing-logo{width:280px;margin-bottom:14px}.closing-invite{font-size:14px;margin:16px 0 20px}.brand-social{padding:13px 14px}.closing-preview{margin-top:20px}}

.closing-links{gap:10px}.brand-cta{gap:10px}.brand-social{flex:1 1 0;min-width:0;flex-direction:column;gap:9px;padding:14px 8px;font-size:12px}.social-icon{width:22px;height:22px;display:block;flex:none}.brand-social .social-icon{filter:invert(95%) sepia(8%) saturate(207%) hue-rotate(352deg) brightness(101%) contrast(94%)}
