.screen{--u:min(1vw,1.7778vh);--g:#121312;--s:#1b1c1a;--i:#eceae3;--m:#a6a79e;--l:#2c2e2a;background:var(--g);color:var(--i);font-family:var(--font);grid-template-columns:minmax(0,1fr) calc(var(--u)*24);column-gap:calc(var(--u)*5);padding:calc(var(--u)*3.6) calc(var(--u)*4.4) calc(var(--u)*3);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.screen-light{--g:#f4f4f1;--s:#fff;--i:#252a23;--m:#5a5d54;--l:#ddded5}.screen-still,.screen-still *{cursor:none}.screen-top{justify-content:space-between;align-items:baseline;gap:calc(var(--u)*3);grid-column:1/-1;display:flex}.screen-venue{font-family:var(--display);text-transform:uppercase;font-weight:800;font-size:calc(var(--u)*3.2);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;line-height:1;overflow:hidden}.screen-venue span{font-family:var(--font);font-size:calc(var(--u)*1.15);letter-spacing:.16em;color:var(--m);margin-bottom:calc(var(--u)*.7);font-weight:750;display:block}.screen-clock{font-size:calc(var(--u)*2.1);font-variant-numeric:tabular-nums;color:var(--m);font-weight:600}.screen-stage{grid-column:1;align-self:center;min-width:0;animation:.7s ease-out both screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(calc(var(--u)*1.2))}to{opacity:1;transform:none}}.screen-when{align-items:baseline;gap:calc(var(--u)*1.4);margin:0 0 calc(var(--u)*2.2);padding:calc(var(--u)*.7) calc(var(--u)*1.8);background:var(--cat,#ffd6a5);color:#252a23;font-size:calc(var(--u)*2.4);border-radius:999px;line-height:1.1;display:inline-flex}.screen-when b{text-transform:uppercase;letter-spacing:.06em;font-weight:800}.screen-when span{font-variant-numeric:tabular-nums;font-weight:600}.screen-title{font-family:var(--display);text-transform:uppercase;font-weight:800;font-size:calc(var(--u)*8.6);letter-spacing:-.015em;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:break-word;text-wrap:balance;-webkit-box-orient:vertical;margin:0;line-height:.92;display:-webkit-box;overflow:hidden}.screen-title.is-mid{font-size:calc(var(--u)*5.8)}.screen-title.is-long{font-size:calc(var(--u)*4.6);line-height:.98}.screen-meta{align-items:baseline;gap:calc(var(--u)*.6) calc(var(--u)*2);margin:calc(var(--u)*2.4) 0 0;font-size:calc(var(--u)*2);color:var(--m);flex-wrap:wrap;font-weight:550;display:flex}.screen-meta em{color:var(--i);font-style:normal;font-weight:700}.screen-empty .screen-meta span{max-width:34em;line-height:1.4}.screen-qr-wrap{text-align:center;align-self:center;align-items:center;gap:calc(var(--u)*1);flex-direction:column;grid-area:2/2;display:flex}.screen-qr{aspect-ratio:1;width:100%;padding:calc(var(--u)*1.6);border-radius:calc(var(--u)*1.4);background:#f4f4f1}.screen-qr svg{width:100%;height:100%;display:block}.screen-qr-wrap p{margin:calc(var(--u)*.6) 0 0;font-size:calc(var(--u)*1.75);font-weight:750;line-height:1.2}.screen-qr-wrap span{font-size:calc(var(--u)*1.05);color:var(--m);overflow-wrap:anywhere}.screen-foot{gap:calc(var(--u)*1.4);padding-top:calc(var(--u)*1.6);flex-direction:column;grid-column:1/-1;display:flex}.screen-progress{gap:calc(var(--u)*.5);margin:0;padding:0;list-style:none;display:flex}.screen-progress li{height:max(2px,calc(var(--u)*.22));background:var(--l);border-radius:999px;flex:1;overflow:hidden}.screen-progress li.is-done{background:var(--m);opacity:.55}.screen-progress li span{background:var(--cat,#ffd6a5);transform-origin:0;height:100%;animation:linear both screen-fill;display:block}@keyframes screen-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.screen-foot-row{justify-content:space-between;align-items:center;gap:calc(var(--u)*3);display:flex}.screen-then{gap:calc(var(--u)*2.6);min-width:0;font-size:calc(var(--u)*1.35);margin:0;padding:0;line-height:1.3;list-style:none;display:flex;overflow:hidden}.screen-then li{min-width:0;max-width:calc(var(--u)*24);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-then li b{letter-spacing:.08em;text-transform:uppercase;color:var(--m);margin-bottom:.2em;font-size:.8em;font-weight:750;display:block}.screen-then .screen-then-label{color:var(--m);flex-shrink:0;align-self:flex-end;font-weight:600}.screen-mark{font-size:calc(var(--u)*1.2);letter-spacing:.12em;text-transform:uppercase;color:var(--m);flex-shrink:0;font-weight:750}.screen-mark b{font-family:var(--display);letter-spacing:-.02em;color:var(--i);margin:0 .08em 0 .3em;font-size:1.9em;font-weight:800}.screen-full{left:50%;top:calc(var(--u)*1.4);background:var(--s);color:var(--i);border:1px solid var(--l);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:opacity .4s;display:inline-flex;position:absolute;transform:translate(-50%)}.screen-still .screen-full{opacity:0;pointer-events:none}:fullscreen .screen-full{display:none}@media (hover:none){.screen-full{display:none}}@media (max-aspect-ratio:1){.screen{--u:min(2.2vw,1.2vh);padding:calc(var(--u)*5) calc(var(--u)*5) calc(var(--u)*4);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:1fr}.screen-venue{font-size:calc(var(--u)*4.6);white-space:normal}.screen-venue span{font-size:calc(var(--u)*1.8)}.screen-clock{font-size:calc(var(--u)*2.6)}.screen-when{font-size:calc(var(--u)*3)}.screen-meta{font-size:calc(var(--u)*2.6)}.screen-qr-wrap{text-align:left;gap:calc(var(--u)*3);padding-top:calc(var(--u)*3);flex-direction:row;grid-area:3/1}.screen-qr{width:calc(var(--u)*17);flex-shrink:0}.screen-qr-wrap p{font-size:calc(var(--u)*2.8)}.screen-qr-wrap span{font-size:calc(var(--u)*1.8)}.screen-foot{grid-row:4}.screen-then{display:none}.screen-foot-row{justify-content:flex-end}.screen-mark{font-size:calc(var(--u)*1.8)}}@media (prefers-reduced-motion:reduce){.screen-stage{animation:none}.screen-progress li span{animation:none;transform:none}}