:root{
    color-scheme:light;
    --paper:#eae5da;
    --ink:#161513;
    --red:#e12b2f}*{box-sizing:border-box}
    body{margin:0;background:var(--paper);
        color:var(--ink);
        font-family:Arial,Helvetica,sans-serif;
        transition:background .7s,color .7s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:7px}header,footer{position:relative;z-index:3;display:flex;justify-content:space-between;gap:20px;padding:26px 4vw;font-size:12px;letter-spacing:.12em;font-weight:700}header{align-items:center}header button{border:1px solid currentColor;border-radius:30px;padding:10px 16px;background:transparent;color:inherit;font-size:14px;letter-spacing:0}main{position:relative;isolation:isolate}.screen{min-height:calc(100svh - 155px);padding:30px 24px 65px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}[hidden]{display:none!important}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.28em;margin:0 0 24px}h1,h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:-.045em;line-height:.94;margin:0}h1{font-size:clamp(54px,8.5vw,112px)}.red{color:var(--red)}#trigger{width:clamp(150px,21vw,210px);height:clamp(150px,21vw,210px);border:12px solid #b7b1a7;border-radius:50%;margin:38px 0 12px;background:radial-gradient(circle at 37% 25%,#f44a4d,#d5121b 65%,#9a1016);box-shadow:0 9px 0 #888278,0 19px 32px #0003,inset 0 4px 3px #ff9698;transition:transform .2s,box-shadow .2s}#trigger:hover{transform:translateY(3px)}#trigger:active{transform:translateY(9px);box-shadow:0 2px 0 #888278}#trigger span{font-size:62px;font-weight:300;color:#650b10;line-height:1}.warning{font-size:18px;margin-bottom:0}.aside{font-size:14px;color:#66615a;margin-top:9px}body.active{background:var(--ink);color:var(--paper);color-scheme:dark}#experience{min-height:calc(100svh - 155px)}#message,#concert{position:relative;z-index:2;width:100%;max-width:900px}#message h2{font-size:clamp(48px,8vw,106px)}em{font-style:normal;color:var(--red)}.title{font-size:clamp(64px,10vw,130px)}.title span{font-size:.6em;display:block;letter-spacing:-.035em;color:var(--red);margin-top:10px}.tagline{font-size:clamp(20px,3vw,27px);margin:25px 0 32px}.date{font-size:clamp(19px,2.5vw,25px);font-weight:800;letter-spacing:.04em}.date span{color:var(--red)}.venue{font-size:16px}.tickets{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--red);color:#fff;padding:20px 28px;margin-top:20px;font-weight:800;text-decoration:none;min-height:60px;transition:transform .2s}.tickets:hover{transform:rotate(-2deg);background:#bc1821}.tickets span{font-size:24px}.ticket-note{font-size:12px;letter-spacing:.08em}.text-button{background:transparent;border:0;border-bottom:1px solid #777;color:inherit;padding:10px 0;font-size:14px}.skip{position:absolute;bottom:20px;z-index:3}.art{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.65}.art img{position:absolute;object-fit:contain;width:clamp(230px,33vw,480px);filter:drop-shadow(0 20px 30px #0008);animation:float 6s ease-in-out infinite alternate}.microphone{left:-9%;bottom:0;transform:rotate(-15deg)}.violin{right:-9%;top:5%;animation-delay:-3s!important}.beam{position:absolute;top:-20%;width:28%;height:140%;background:linear-gradient(#e6b05b20,transparent);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);transform-origin:top;animation:sweep 8s ease-in-out infinite alternate}.b1{left:0}.b2{right:0;animation-delay:-4s}#concert{animation:arrive .7s both}footer{font-size:11px;letter-spacing:.06em;flex-wrap:wrap;opacity:.7}.nojs{text-align:center;padding:24px}.nojs a{color:inherit}@keyframes float{to{translate:0 -20px;rotate:6deg}}@keyframes sweep{from{transform:rotate(-25deg)}to{transform:rotate(25deg)}}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:600px){header{padding:18px 20px;font-size:10px;letter-spacing:.05em}header button{font-size:12px;padding:9px 12px}.screen{padding:30px 20px 65px;min-height:calc(100svh - 145px)}.art{opacity:.28}.art img{width:260px}.microphone{left:-150px}.violin{right:-140px}footer{padding:20px;justify-content:center;text-align:center;font-size:10px}.eyebrow{font-size:12px}.date{margin-top:24px}.tagline{margin:20px 0}.tickets{width:100%;max-width:350px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--gold:#e9bd62}.brand img{width:100%;max-width:680px;height:auto;max-height:300px;object-fit:contain}.stage{position:relative;height:380px;width:100%;margin:25px auto 0;overflow:hidden;isolation:isolate}.stage img{position:absolute;object-fit:contain;pointer-events:none}.back-orchestra{width:100%;bottom:70px;left:0;opacity:.6}.group{width:52%;height:95%;bottom:5%;left:24%;z-index:1}.front-orchestra{width:100%;bottom:-35px;left:0;z-index:2}.explore{padding:45px 0 20px;border-top:1px solid #ffffff25}.explore h3{font-size:clamp(24px,4vw,38px);margin:10px 0}.explore>p:last-child{color:#bfb8ac}.objects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:10px 0 25px}.object{color:var(--paper);background:linear-gradient(145deg,#ffffff06,#ffffff01);border:1px solid #ffffff18;border-radius:6px;display:flex;align-items:center;flex-direction:column;padding:16px 12px 22px;text-align:center;transition:background .2s,border-color .2s}.object img{width:100%;height:185px;object-fit:contain;transition:transform .3s;filter:drop-shadow(0 12px 15px #0006)}.object:hover img,.object:focus-visible img{transform:translateY(-10px) rotate(-6deg)}.object:hover{background:#ffffff0a;border-color:#e12b2f}.object span{font-size:21px;font-weight:800;line-height:1.2;margin:10px 0}.object small{font-size:13px;color:#c3b8a8}.challenge{border-color:#e12b2f99;background:#e12b2f12}.challenge span{font-size:19px}.promo-note{font-size:13px;line-height:1.6;max-width:650px;margin:20px auto;color:#c3b8a8}.modal-open{overflow:hidden}dialog{background:#eee7d9;color:#191613;border:0;border-top:7px solid var(--red);border-radius:4px;padding:26px;width:min(660px,calc(100% - 28px));max-height:88svh;overflow-y:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#080706df;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.08em;margin-bottom:24px}.dialog-top button{background:transparent;border:0;font-size:30px;width:44px;
    height:44px;
    color:inherit}dialog h2{font-size:clamp(32px,6vw,54px);
    letter-spacing:-.025em;
    line-height:1.05}dialog h3{font-size:23px;
    line-height:1.3}dialog p{line-height:1.6;
    font-size:16px}.panel-lead{font-size:21px!important}.panel-object{width:180px;
    height:160px;object-fit:contain;
    float:right}.orchestra-picture,.seat-map{width:100%;height:auto}.muted{font-size:13px!important;
    color:#645b50}.schedule>div,.zones>p{padding:20px 0;
    border-bottom:1px solid #19161326}.schedule dt{font-size:16px}.schedule dd{margin:10px 0 0;
    font-size:28px;font-weight:800}.zones span{display:block;font-size:14px}.song-list{line-height:2;
    font-size:18px}.answers{display:grid;gap:12px}.answers button{background:transparent;
    border:1px solid #9f9688;border-radius:4px;text-align:left;
    padding:18px;color:#191613;
    font-size:16px}.answers button:hover:not(:disabled){border-color:var(--red);
    background:#e12b2f0c}.answers button:disabled{opacity:.6;cursor:default}
.answers button.correct{border-color:#246143;
    background:#dbe8d9;opacity:1}progress{accent-color:var(--red);
    width:100%;
    height:8px}
.score{font-family:Impact,Arial,sans-serif;
    font-size:72px!important;color:var(--red);
    margin:24px 0}
.reward{padding:20px;
    background:#dfd5c3;
    border-left:4px solid var(--red);
    margin:20px 0}
.reward b{overflow-wrap:anywhere}
.reward .tickets{width:100%;
    font-size:15px}
#concert{max-width:980px}#experience:has(#concert:not([hidden]))>.art{max-height:850px}.stage .group{animation:stage-in 1s both}@keyframes stage-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(max-width:600px){.objects{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.object{padding:10px 8px 18px}.object img{height:130px}.object span{font-size:17px}.challenge span{font-size:15px}.object small{font-size:12px}.stage{height:230px}.back-orchestra{bottom:45px}.front-orchestra{bottom:-10px}.brand img{max-height:190px}.date{font-size:16px}.panel-object{float:none;display:block;margin:auto}dialog{padding:20px}.reward{padding:15px}}@media(prefers-reduced-motion:reduce){.stage .group{animation:none}.object img{transition:none}.object:hover img{transform:none}}