.event-actions{margin:12px 0 0;padding:12px 0;border-top:1px solid #ffffff25}.event-actions strong{display:block;font-size:14px}.event-actions p{font-size:12px;margin:5px 0;color:var(--mint)}.event-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:9px}.small-button{background:#243b49;border:1px solid #68879770;border-radius:7px;padding:9px 11px;min-height:38px;font-size:12px}.event-actions small{color:var(--muted);font-size:11px}.event-note{font-size:12px;color:var(--mint);line-height:1.6}.event-unavailable{position:absolute;bottom:5px;left:15px;right:15px;font-size:12px;background:#142432;z-index:8;padding:8px}.dialog{color:var(--ink);background:#132432;border:1px solid #49606f;border-radius:18px;width:min(92vw,460px);max-height:90dvh;padding:24px;text-align:left;font-size:14px;overflow:auto;touch-action:pan-y}.dialog::backdrop{background:#050e19dd;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.dialog h2{font-size:23px;margin:0}.dialog h3{font-size:17px}.close-dialog{background:transparent;border:0;color:#d8e6ee;font-size:25px;min-width:36px}.field{display:block;margin:14px 0}.field>span{display:block;font-weight:700;margin-bottom:7px}.field input,.field textarea,.field select{display:block;width:100%;font:inherit;font-size:16px;padding:12px;border:1px solid #547184;border-radius:7px;color:#fff;background:#0b1b29;min-height:45px}.field textarea{min-height:85px}.consent{display:flex;gap:10px;align-items:flex-start;line-height:1.8;font-size:13px;margin:17px 0}.consent input{flex:none;width:20px;height:20px;margin-top:3px}.dialog .primary-button{font-size:16px;letter-spacing:0}.privacy-note{font-size:12px;line-height:1.8;color:var(--muted)}.error-text{color:#ffb0a5;font-size:14px;line-height:1.7;min-height:10px}.dialog p{line-height:1.7}.ranking-list{list-style:none;padding:0;margin:20px 0}.ranking-list li{display:flex;gap:15px;padding:13px 0;align-items:center;border-bottom:1px solid #ffffff15}.ranking-list .rank{font:800 26px 'Barlow Condensed',sans-serif;color:var(--mint);min-width:24px}.ranking-list .name{flex:1;word-break:break-all}.ranking-list .points{font-weight:800;white-space:nowrap}.empty-ranking{color:var(--muted);line-height:1.8}.my-entry{padding:12px;border:1px solid #76d9cb50;border-radius:8px;font-size:14px}.coupon{padding:20px;background:#d9f4aa;color:#142432;border-radius:12px;margin:22px 0;position:relative}.coupon h3{margin:7px 0;font-size:24px}.coupon-code{font:800 30px 'Barlow Condensed',monospace;letter-spacing:4px;margin:15px 0}.coupon>small{font-size:12px}.coupon>p{font-size:13px}.coupon.used{filter:grayscale(1);opacity:.75}.pre-line{white-space:pre-line;font-size:12px;color:var(--muted)}.coupon .pre-line{color:#253f4c}.result-score{font:800 43px 'Barlow Condensed',sans-serif;color:var(--mint);margin:8px 0}.result-score small{font-size:17px;margin-left:5px}.score-status{font-size:12px;line-height:1.7;color:#c2d5e2;margin:12px 0;min-height:20px}.result-overlay .result-mascot{height:100px;width:100px}.result-overlay .panel>p{margin:8px 0}.result-overlay .results{padding:8px 0}.result-overlay .results strong{font-size:28px}.result-overlay .panel .primary-button{margin-top:15px}.start-content:has(.event-actions:not([hidden])) h1{font-size:61px}.start-content:has(.event-actions:not([hidden])) .hero-mascot{height:175px}.start-content:has(.event-actions:not([hidden])) .hero-mascot>img{height:170px;width:158px}.start-content:has(.event-actions:not([hidden])) .mini-gate.plus{top:110px}.start-content:has(.event-actions:not([hidden])) .how{margin-bottom:17px}.start-content:has(.event-actions:not([hidden])) .start-note{display:none}.start-content:has(.event-actions:not([hidden])) .orbit-one{width:170px;height:170px}.start-content:has(.event-actions:not([hidden])) .orbit-two{width:250px;height:100px}
@media(max-height:730px){.start-content:has(.event-actions:not([hidden])) h1{font-size:45px}.start-content:has(.event-actions:not([hidden])) .hero-mascot{height:112px}.start-content:has(.event-actions:not([hidden])) .hero-mascot>img{height:115px;width:110px}.start-content:has(.event-actions:not([hidden])) .mini-gate.plus{top:66px}.start-content:has(.event-actions:not([hidden])) .mini-gate.times{top:20px}.start-content:has(.event-actions:not([hidden])) .orbit{display:none}.start-content:has(.event-actions:not([hidden])) .intro{font-size:14px}.start-content:has(.event-actions:not([hidden])) .how{font-size:12px;margin-bottom:12px}.event-actions{padding:9px 0;margin-top:11px}.event-actions small{display:none}.event-note{margin:5px 0}.result-overlay .result-mascot{display:none}}
@media(max-height:570px){.start-content:has(.event-actions:not([hidden])) .hero-mascot,.start-content:has(.event-actions:not([hidden])) .intro,.start-content:has(.event-actions:not([hidden])) .how{display:none}.start-content:has(.event-actions:not([hidden])) h1{font-size:42px;margin:14px 0 22px}.event-actions strong{font-size:13px}.event-buttons{gap:5px}.small-button{font-size:11px;padding:8px}.result-overlay .eyebrow{display:none}.result-score{font-size:30px}.result-overlay h2{font-size:23px;margin:6px 0}.result-overlay .panel>p{font-size:12px}.result-overlay .results{padding:4px 0}.result-overlay .score-status{margin:6px 0}.result-overlay .small-button{padding:6px;min-height:30px}}