/* The film characters remain the focus: a midnight stage, soft light, quiet controls. */
.guardians-cinematic{--guardian-gold:#c8a96b;--guardian-muted:#76797e;--guardian-paper:#ede9df;background:#080a0e;color:var(--guardian-paper);padding:96px 0 0;overflow:hidden;isolation:isolate;position:relative}.guardians-cinematic:before{content:'';position:absolute;left:6.25vw;right:6.25vw;top:0;height:1px;background:linear-gradient(90deg,transparent,#c8a96b4a,transparent)}.guardians-cinematic .guardians-heading{position:relative;z-index:5;padding:0 6.25vw;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.guardians-cinematic .guardians-heading .eyebrow{font-size:9px;letter-spacing:2.3px;color:var(--guardian-gold);margin:0 0 24px;font-weight:500}.guardians-cinematic .guardians-heading h2{font-size:clamp(36px,4.35vw,72px);line-height:1.25;font-weight:500;letter-spacing:-3px;color:#f0ece2;margin:0;word-break:keep-all}.guardians-cinematic .guardians-copy{max-width:330px;color:#8d929a;font-size:12px;line-height:2.05;margin:0 0 5px;word-break:keep-all}.guardians-cinematic .guardian-stage{height:clamp(740px,67vw,940px);margin-top:43px;background:radial-gradient(ellipse at 50% 52%,#2027316b 0%,#10151e5c 34%,#080a0e 72%);position:relative;overflow:hidden;isolation:isolate;touch-action:pan-y}.guardians-cinematic .guardian-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080a0e 0%,transparent 15%,transparent 76%,#080a0edb 100%);z-index:3;pointer-events:none}.guardians-cinematic .guardian-stage:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 60px 0 70px -65px #020305,inset -60px 0 70px -65px #020305;background:linear-gradient(90deg,#080a0e3d,transparent 24%,transparent 76%,#080a0e3d)}.guardian-night-light{position:absolute;inset:8% 8% 20%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 46% 43%,#a977391b 0%,#a9773904 40%,transparent 57%),radial-gradient(ellipse at 21% 49%,#31537924 0%,transparent 41%),radial-gradient(ellipse at 80% 49%,#2b584b24 0%,transparent 39%);filter:blur(22px)}.guardian-night-floor{position:absolute;bottom:16%;left:14%;right:14%;height:70px;border-radius:50%;background:radial-gradient(ellipse,#b8965919 0%,#4670820d 45%,transparent 72%);filter:blur(12px);pointer-events:none;z-index:1;transform:perspective(500px) rotateX(20deg)}.guardians-cinematic .guardian-watermark{position:absolute;left:0;right:0;top:32%;text-align:center;font-family:Arial,sans-serif;font-size:clamp(90px,15vw,260px);font-weight:600;letter-spacing:.08em;line-height:1;color:#c5c9d504;white-space:nowrap;pointer-events:none;z-index:0}.guardians-cinematic .guardian-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:pan-y;cursor:grab}.guardians-cinematic .guardian-stage canvas:active{cursor:grabbing}.guardians-cinematic .guardian-fallback{position:absolute;inset:2% 15% 15%;display:flex;gap:0;align-items:flex-end;justify-content:center;z-index:1;transition:opacity .75s;pointer-events:none;opacity:1}.guardians-cinematic .guardian-fallback img{border:0;box-shadow:none;transform:none;object-fit:contain;object-position:center bottom;width:36%;height:88%;max-width:none;filter:drop-shadow(0 25px 24px #0009);position:relative}.guardians-cinematic .guardian-fallback img:nth-child(2){height:100%;width:39%;margin-left:-5%;margin-right:-5%;z-index:2;transform:none}.guardians-cinematic .guardian-fallback img:nth-child(3){transform:none}.guardians-cinematic .guardian-fallback--stills{inset:15% 17% 20%;gap:0;align-items:center}.guardians-cinematic .guardian-fallback--stills img{width:36%;height:85%;object-fit:cover;object-position:center 20%;mask-image:linear-gradient(180deg,#0000,#000 5%,#000 78%,#0000);-webkit-mask-image:linear-gradient(180deg,#0000,#000 5%,#000 78%,#0000);opacity:.75;filter:brightness(.7) saturate(.72)}.guardians-cinematic .guardian-fallback--stills img:nth-child(2){height:95%;width:40%;opacity:1;filter:brightness(.92) saturate(.82);margin-left:-3%;margin-right:-3%}.guardians-cinematic .guardian-stage.ready .guardian-fallback{opacity:0;pointer-events:none}.guardians-cinematic .guardian-stage:not(.ready) canvas{opacity:0}.guardians-cinematic .guardian-stage.ready canvas{opacity:1;transition:opacity .7s}.guardians-cinematic .guardian-stage.unavailable canvas{display:none}.guardians-cinematic .guardian-caption{position:absolute;left:6.25vw;top:62px;z-index:4;pointer-events:none;color:#aaa596;font-family:Arial,sans-serif}.guardian-caption>span{display:block;font-size:8px;letter-spacing:2px;line-height:1.5;color:#7e7e77}.guardian-caption>strong{display:block;font-size:16px;letter-spacing:2.5px;line-height:1.5;font-weight:500;margin-top:7px}.guardian-caption>i{display:block;width:23px;height:1px;background:#bda26774;margin-top:18px}.guardian-caption>small{display:block;font-size:7px;letter-spacing:1.45px;margin-top:16px;color:#595e65}.guardians-cinematic .guardian-stage-note{right:6.25vw;top:65px;z-index:4;color:#898a85;font-family:inherit;font-size:9px;line-height:1.8;letter-spacing:.3px;max-width:205px;text-align:right}.guardians-cinematic .guardian-stage-note:before{width:4px;height:4px;background:var(--guardian-gold);box-shadow:0 0 9px #c8a96b44;margin-right:8px}.guardian-stage-coordinate{position:absolute;left:6.25vw;top:45%;z-index:4;pointer-events:none}.guardian-stage-coordinate>span{display:block;font:9px/1.5 Arial,sans-serif;color:#8d846f;letter-spacing:1.5px}.guardian-stage-coordinate>small{display:block;font:7px/2 Arial,sans-serif;color:#4f565f;letter-spacing:1px;margin-top:10px}.guardians-cinematic .guardian-controls{position:absolute;left:6.25vw;right:6.25vw;bottom:38px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;z-index:5}.guardian-control-label{display:block;font:7px/1.5 Arial,sans-serif;letter-spacing:1.6px;color:#626a76;margin-bottom:14px}.guardians-cinematic .guardian-switcher{display:flex;gap:1px;padding:0;background:#11151be6;border:1px solid #41464c72;border-radius:3px;backdrop-filter:blur(18px);overflow:hidden}.guardians-cinematic .guardian-switcher button{font:8px/1.5 Arial,sans-serif;letter-spacing:1px;color:#a3a5a9;display:flex;align-items:center;justify-content:center;gap:8px;padding:17px 20px;background:none;border:0;min-height:46px;cursor:pointer;transition:color .2s,background .2s}.guardians-cinematic .guardian-switcher button:hover{background:#d4bd8520;color:#f0e7d3}.guardians-cinematic .guardian-switcher button[aria-pressed=true]{background:#c8a96b;color:#111317}.guardians-cinematic .guardian-switcher button i{width:5px;height:5px;background:#cba663;border-radius:50%;box-shadow:0 0 6px #cba66335}.guardians-cinematic .guardian-switcher button[data-focus=blue] i{background:#7f9aaf;box-shadow:0 0 6px #7f9aaf35}.guardians-cinematic .guardian-switcher button[data-focus=jade] i{background:#7a9b88;box-shadow:0 0 6px #7a9b8835}.guardians-cinematic .guardian-switcher button[aria-pressed=true] i{background:#242621;box-shadow:none}.guardians-cinematic .guardian-transport{display:flex;align-items:center;gap:7px}.guardians-cinematic .guardian-transport button{font-size:9px;letter-spacing:-.1px;line-height:1.6;color:#909599;background:#0d1116e6;border:1px solid #3b424866;border-radius:3px;padding:15px 13px;min-width:0;min-height:47px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.guardians-cinematic .guardian-transport #guardian-action{color:#e0c69a;border-color:#c2a77469;background:#2b241e85;padding-left:17px;padding-right:17px}.guardians-cinematic .guardian-transport #guardian-action span{font-size:12px;margin-right:5px}.guardians-cinematic .guardian-transport button:hover{border-color:#ac956766;color:#ece4d2;background:#37302260}.guardians-cinematic .guardian-transport button[aria-pressed=true]{background:#302820;color:#e6c993;border-color:#b9a06b70}.guardians-cinematic button:focus-visible{outline:2px solid #dfbc75;outline-offset:5px}.guardians-cinematic button:disabled{opacity:.35;cursor:default}.guardians-cinematic .guardian-status{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #39352d85;margin:0 6.25vw;padding:28px 0 32px;font-size:10px;line-height:1.7;color:#8b8d8d}.guardians-cinematic .guardian-status>div{display:flex;align-items:center;gap:24px}.guardians-cinematic .guardian-status p{display:flex;align-items:center;gap:9px;color:#b5ac98;font-size:10px;margin:0}.guardian-status-dot{width:4px;height:4px;border-radius:50%;background:#c8a96b;box-shadow:0 0 12px #c8a96b44}.guardians-cinematic .guardian-status #guardian-instructions{font-size:9px;color:#555d66}.guardian-film-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;background:transparent;color:#d8c9af;border:0;padding:7px 0;cursor:pointer;white-space:nowrap;transition:color .2s}.guardian-film-link:hover{color:#f5e1b8}.guardian-film-play{display:grid;place-items:center;font-family:Arial,sans-serif;width:27px;height:27px;border:1px solid #9b89634d;border-radius:50%;font-size:12px}.guardian-film-link>span:last-child{margin-left:9px;font-size:14px}.guardians-cinematic .guardian-stage--model{background:radial-gradient(ellipse at center,#181f25,#080a0e 70%)}.guardians-cinematic .guardian-stage--model .guardian-transport{flex-wrap:wrap;justify-content:flex-end}
@media(min-width:1700px){.guardians-cinematic .guardian-stage{height:1040px}.guardians-cinematic .guardian-fallback{inset:1% 18% 13%}.guardians-cinematic .guardian-controls{bottom:50px}.guardians-cinematic .guardian-switcher button{font-size:9px;padding:19px 25px}.guardians-cinematic .guardian-transport button{font-size:10px;padding:17px 20px}}
@media(max-width:1180px){.guardians-cinematic .guardian-stage{height:820px}.guardians-cinematic .guardians-heading h2{font-size:45px;letter-spacing:-2.5px}.guardians-cinematic .guardians-copy{font-size:11px;max-width:290px}.guardians-cinematic .guardian-controls{gap:22px;align-items:center;flex-direction:column;bottom:30px}.guardian-selector{width:max-content;max-width:100%}.guardian-control-label{text-align:center;margin-bottom:11px}.guardians-cinematic .guardian-switcher button{padding:15px 24px}.guardians-cinematic .guardian-transport button{padding:10px 15px;min-height:39px}.guardians-cinematic .guardian-caption{top:40px}.guardians-cinematic .guardian-stage-note{top:42px}.guardians-cinematic .guardian-fallback{inset:5% 10% 23%}.guardians-cinematic .guardian-status>div{display:block}.guardians-cinematic .guardian-status #guardian-instructions{display:block;margin-top:6px}.guardian-stage-coordinate{top:42%}}
@media(max-width:760px){.guardians-cinematic{padding-top:63px}.guardians-cinematic .guardians-heading{padding:0 6vw;display:block}.guardians-cinematic .guardians-heading .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:20px}.guardians-cinematic .guardians-heading h2{font-size:clamp(29px,7.3vw,45px);letter-spacing:-1.8px;line-height:1.35}.guardians-cinematic .guardians-copy{font-size:10px;line-height:1.9;margin-top:21px;max-width:100%;color:#818791}.guardians-cinematic .guardian-stage{height:730px;margin-top:18px;background:radial-gradient(ellipse at 50% 44%,#22293365 0%,#0e141c50 45%,#080a0e 78%)}.guardians-cinematic .guardian-caption{left:6vw;top:30px}.guardian-caption>span{font-size:6px;letter-spacing:1.4px}.guardian-caption>strong{font-size:11px;letter-spacing:1.7px;margin-top:5px}.guardian-caption>i{width:18px;margin-top:12px}.guardian-caption>small{display:none}.guardians-cinematic .guardian-stage-note{top:31px;right:6vw;font-size:7px;max-width:142px;line-height:1.8;letter-spacing:0}.guardians-cinematic .guardian-stage-note:before{width:3px;height:3px;margin-right:5px}.guardian-stage-coordinate{display:none}.guardians-cinematic .guardian-watermark{top:34%;font-size:21vw;color:#c5c9d504;letter-spacing:.04em}.guardian-night-light{inset:8% -40% 24%;filter:blur(15px)}.guardian-night-floor{bottom:27%;left:-5%;right:-5%;height:55px}.guardians-cinematic .guardian-fallback{inset:5% -7% 24%;align-items:flex-end}.guardians-cinematic .guardian-fallback img{display:none}.guardians-cinematic .guardian-fallback img.guardian-fallback-gold{display:block;height:100%;width:90%;margin:0;object-fit:contain;object-position:bottom center}.guardians-cinematic .guardian-fallback--stills{inset:8% 12% 26%}.guardians-cinematic .guardian-fallback--stills img.guardian-fallback-gold{width:100%;height:100%;object-fit:cover;object-position:center 20%}.guardians-cinematic .guardian-controls{left:6vw;right:6vw;bottom:30px;gap:15px;flex-direction:column;align-items:stretch}.guardian-selector{width:100%}.guardian-control-label{font-size:6px;letter-spacing:1.5px;text-align:center;margin-bottom:13px}.guardians-cinematic .guardian-switcher{width:100%;padding:3px;gap:2px;border-color:#494c4d80;background:#11151beb}.guardians-cinematic .guardian-switcher button{font-size:6.5px;letter-spacing:.45px;flex:1;padding:13px 4px;min-height:41px;gap:5px}.guardians-cinematic .guardian-switcher button i{width:4px;height:4px;flex-shrink:0}.guardians-cinematic .guardian-transport{width:100%;gap:6px;justify-content:center}.guardians-cinematic .guardian-transport button{font-size:8px;padding:12px 7px;min-height:40px;flex:1;white-space:nowrap}.guardians-cinematic .guardian-transport #guardian-action{padding-left:9px;padding-right:9px;flex:1.35}.guardians-cinematic .guardian-transport #guardian-action span{font-size:9px;margin-right:3px}.guardians-cinematic .guardian-status{margin:0 6vw;padding:22px 0 25px;gap:17px;align-items:center}.guardians-cinematic .guardian-status>div{min-width:0}.guardians-cinematic .guardian-status p{font-size:8px;gap:6px;word-break:keep-all}.guardian-status-dot{width:3px;height:3px;flex-shrink:0}.guardians-cinematic .guardian-status #guardian-instructions{font-size:7px;max-width:200px;margin-top:7px;line-height:1.75;word-break:keep-all}.guardian-film-link{font-size:9px;gap:7px;padding:9px 0;flex-shrink:0}.guardian-film-play{width:23px;height:23px;font-size:10px}.guardian-film-link>span:last-child{font-size:11px;margin-left:2px}.guardians-cinematic .guardian-stage--model .guardian-transport{flex-wrap:wrap}.guardians-cinematic .guardian-stage--model .guardian-transport button{flex:1 1 40%}.guardians-cinematic .guardian-stage--model{height:780px}}
@media(max-width:370px){.guardians-cinematic .guardian-stage{height:670px}.guardians-cinematic .guardian-switcher button{font-size:5.9px;letter-spacing:.2px}.guardians-cinematic .guardian-transport button{font-size:7px}.guardians-cinematic .guardian-status{display:block}.guardian-film-link{margin-top:16px}.guardians-cinematic .guardians-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.guardians-cinematic *, .guardians-cinematic *:before, .guardians-cinematic *:after{transition:none!important;animation:none!important}}

.guardians-cinematic .guardian-art-note{margin:-12px 6.25vw 0;padding-bottom:28px;font-size:9px;line-height:1.8;color:#505860;letter-spacing:-.1px}@media(max-width:760px){.guardians-cinematic .guardian-art-note{margin:-6px 6vw 0;padding-bottom:25px;font-size:8px;max-width:300px;word-break:keep-all}}

/* Reserve a separate lower strip so the controls never cover the characters. */
.guardians-cinematic .guardian-stage--cinematic #guardian-canvas{height:calc(100% - 105px);bottom:105px}
@media(max-width:1180px){.guardians-cinematic .guardian-stage--cinematic #guardian-canvas{height:calc(100% - 160px);bottom:160px}}
@media(max-width:760px){.guardians-cinematic .guardian-stage--cinematic #guardian-canvas{height:calc(100% - 152px);bottom:152px}}

/* Names remain readable with administrator-supplied labels. */
.guardians-cinematic .guardian-switcher{max-width:100%}.guardians-cinematic .guardian-switcher button{min-width:0;max-width:190px}.guardian-name{min-width:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guardian-action-hud{position:absolute;inset:0 0 105px;z-index:4;pointer-events:none}.guardian-action-hud[hidden]{display:none}.guardian-action-heading{position:absolute;left:6.25vw;top:32px;display:flex;flex-direction:column;gap:9px;text-shadow:0 2px 12px #000;background:linear-gradient(90deg,#080a0ed9,transparent);padding:14px 35px 14px 0}.guardian-action-heading>span{font:9px Arial,sans-serif;letter-spacing:2px;color:#e2cda8}.guardian-action-heading>strong{font-size:25px;font-weight:500;letter-spacing:-1px;color:#fff}.guardian-action-tools{position:absolute;top:35px;right:6.25vw;display:flex;gap:7px;pointer-events:auto}.guardian-action-tools button{background:#080c14b8;color:#f3eadc;border:1px solid #ad956c77;padding:10px 13px;font-size:10px;border-radius:3px;backdrop-filter:blur(10px)}.guardian-action-tools button[aria-pressed=true]{background:#b89d68;color:#111}.guardian-action-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff20}.guardian-action-progress>span{display:block;width:100%;height:100%;background:#e8bf79;transform:scaleX(0);transform-origin:left}
.guardian-stage.action-playing .guardian-caption,.guardian-stage.action-playing .guardian-stage-note,.guardian-stage.action-playing .guardian-stage-coordinate{opacity:0}.guardians-cinematic .guardian-stage.action-playing:before,.guardians-cinematic .guardian-stage.action-playing:after{opacity:0}.guardians-cinematic .guardian-stage.action-playing #guardian-canvas{cursor:default}
@media(max-width:1180px){.guardian-action-hud{bottom:160px}.guardian-action-heading{top:20px}.guardian-action-tools{top:25px}}
@media(max-width:760px){.guardian-action-hud{bottom:152px}.guardian-action-heading{left:6vw;top:10px;gap:5px}.guardian-action-heading>span{font-size:6px;letter-spacing:1px}.guardian-action-heading>strong{font-size:19px}.guardian-action-tools{left:6vw;right:6vw;top:auto;bottom:15px;justify-content:center}.guardian-action-tools button{padding:10px 12px;font-size:9px;background:#080c14dc}.guardians-cinematic .guardian-switcher button{max-width:none}.guardian-name{max-width:100%}}

/* Keep the picture and a readable, touch-sized control deck in separate areas. */
@media(max-width:900px){
 .guardians-cinematic .guardians-copy{font-size:15px;line-height:1.85;color:#a6adb6}.guardians-cinematic .guardians-heading .eyebrow{font-size:10px;letter-spacing:1.2px;line-height:1.7}.guardian-control-label{font-size:10px;letter-spacing:1px;color:#919aa7;margin-bottom:10px}.guardians-cinematic .guardian-switcher button{font-size:11px;letter-spacing:.4px;min-height:48px;padding:12px 15px}.guardians-cinematic .guardian-transport button{font-size:13px;min-height:48px;padding:11px 15px;color:#bac2c9}.guardians-cinematic .guardian-status p{font-size:13px;line-height:1.7}.guardians-cinematic .guardian-status #guardian-instructions{font-size:12px;line-height:1.8;color:#89939f;max-width:none}.guardian-film-link{font-size:14px;min-height:48px;gap:10px}.guardian-film-play{width:32px;height:32px;font-size:16px}.guardians-cinematic .guardian-art-note{font-size:12px;line-height:1.8;color:#929aa3;max-width:none}.guardians-cinematic .guardian-stage-note{font-size:10px;line-height:1.75;color:#a4aaaf;max-width:175px}.guardian-caption>span{font-size:9px}.guardian-caption>strong{font-size:14px}.guardian-action-tools button{font-size:13px;min-height:44px;padding:10px 14px}.guardian-action-heading>span{font-size:9px;line-height:1.6;letter-spacing:1px}
}
@media(max-width:760px){
 .guardians-cinematic{padding-top:49px}.guardians-cinematic .guardians-heading .eyebrow{font-size:10px;margin-bottom:18px}.guardians-cinematic .guardians-heading h2{font-size:clamp(29px,7.3vw,42px);line-height:1.4;letter-spacing:-1.5px}.guardians-cinematic .guardians-copy{font-size:14px;line-height:1.85;margin-top:19px;color:#a4adb7}.guardians-cinematic .guardian-stage{height:clamp(530px,83svh,720px);margin-top:16px}.guardians-cinematic .guardian-stage--model{height:clamp(610px,89svh,780px)}.guardians-cinematic .guardian-stage--cinematic #guardian-canvas{height:calc(100% - 180px);bottom:180px}.guardian-action-hud{bottom:180px}.guardians-cinematic .guardian-caption{top:22px}.guardian-caption>span{font-size:8px;letter-spacing:1px}.guardian-caption>strong{font-size:12px;letter-spacing:1.2px}.guardian-caption>i{margin-top:9px}.guardians-cinematic .guardian-stage-note{top:22px;font-size:9px;max-width:145px;line-height:1.8}.guardians-cinematic .guardian-controls{bottom:21px;gap:12px}.guardian-control-label{font-size:9px;margin-bottom:10px;letter-spacing:1px}.guardians-cinematic .guardian-switcher{padding:3px;gap:2px}.guardians-cinematic .guardian-switcher button{font-size:10px;letter-spacing:0;min-height:46px;padding:10px 4px;gap:4px}.guardians-cinematic .guardian-switcher button i{width:5px;height:5px}.guardians-cinematic .guardian-transport{gap:6px}.guardians-cinematic .guardian-transport button{font-size:12px;min-height:48px;padding:10px 5px;line-height:1.6;letter-spacing:-.3px}.guardians-cinematic .guardian-transport #guardian-action{padding:10px 6px;flex:1.12}.guardians-cinematic .guardian-transport #guardian-action span{font-size:12px;margin-right:2px}.guardians-cinematic .guardian-fallback{inset:7% -7% 190px}.guardians-cinematic .guardian-fallback--stills{inset:9% 12% 190px}.guardian-night-floor{bottom:190px}.guardians-cinematic .guardian-status{display:block;padding-top:21px;padding-bottom:21px}.guardians-cinematic .guardian-status p{font-size:13px;line-height:1.8}.guardians-cinematic .guardian-status #guardian-instructions{font-size:12px;max-width:none;line-height:1.8;margin-top:8px}.guardian-film-link{font-size:14px;margin-top:13px;min-height:48px;padding:8px 0}.guardian-film-play{width:32px;height:32px;font-size:16px}.guardian-film-link>span:last-child{font-size:18px;margin-left:8px}.guardians-cinematic .guardian-art-note{font-size:12px;line-height:1.85;padding-bottom:25px;color:#89939e;margin-top:-4px;max-width:none}.guardian-action-heading{top:10px;padding-top:11px;max-width:95%;padding-right:15px}.guardian-action-heading>span{font-size:8px;letter-spacing:.7px}.guardian-action-heading>strong{font-size:20px;line-height:1.5}.guardian-action-tools{bottom:12px;gap:7px}.guardian-action-tools button{font-size:12px;min-height:44px;padding:9px 11px}
}
@media(max-width:360px){.guardians-cinematic .guardian-switcher button{font-size:9px}.guardians-cinematic .guardian-transport button{font-size:11px;letter-spacing:-.2px}.guardians-cinematic .guardian-stage-note{font-size:8px;max-width:130px}.guardian-action-tools{gap:5px}.guardian-action-tools button{font-size:11px;padding:9px 10px}.guardian-caption>strong{font-size:11px}}
@media(min-width:761px) and (max-width:900px){.guardians-cinematic .guardians-heading{gap:30px}.guardians-cinematic .guardians-copy{max-width:300px;font-size:14px}.guardians-cinematic .guardian-controls{bottom:26px;gap:15px}.guardians-cinematic .guardian-stage{height:760px}.guardians-cinematic .guardian-stage--cinematic #guardian-canvas{height:calc(100% - 190px);bottom:190px}.guardian-action-hud{bottom:190px}.guardian-action-heading{top:17px}.guardian-action-tools{top:auto;bottom:18px;left:6.25vw;right:6.25vw;justify-content:center}.guardians-cinematic .guardian-status{gap:22px}}
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
 .guardians-cinematic{padding-top:43px}.guardians-cinematic .guardians-heading h2{font-size:36px;line-height:1.3}.guardians-cinematic .guardians-heading .eyebrow{font-size:9px;margin-bottom:14px}.guardians-cinematic .guardians-copy{font-size:13px;max-width:300px}.guardians-cinematic .guardian-stage{height:460px;margin-top:18px}.guardians-cinematic .guardian-stage--model{height:500px}.guardians-cinematic .guardian-stage--cinematic #guardian-canvas{height:calc(100% - 104px);bottom:104px}.guardian-action-hud{bottom:104px}.guardians-cinematic .guardian-controls{left:5vw;right:5vw;bottom:17px;flex-direction:row;align-items:flex-end;gap:18px}.guardian-selector{width:53%;max-width:none}.guardian-control-label{text-align:left;font-size:9px;margin-bottom:7px}.guardians-cinematic .guardian-switcher{width:100%}.guardians-cinematic .guardian-switcher button{font-size:10px;min-height:46px;padding:10px 7px;flex:1;gap:5px}.guardians-cinematic .guardian-transport{width:auto;flex:1;gap:6px}.guardians-cinematic .guardian-transport button{font-size:12px;min-height:48px;padding:10px 7px;flex:1;white-space:nowrap}.guardians-cinematic .guardian-transport #guardian-action{padding:10px 8px}.guardian-caption>small,.guardian-stage-coordinate{display:none}.guardians-cinematic .guardian-caption,.guardians-cinematic .guardian-stage-note{top:24px}.guardian-action-heading{top:9px;left:5vw;padding-top:8px}.guardian-action-heading>strong{font-size:20px}.guardian-action-tools{top:18px;bottom:auto;left:auto;right:5vw}.guardian-action-tools button{font-size:12px;min-height:44px;padding:10px 13px}.guardians-cinematic .guardian-status{padding-top:21px;padding-bottom:23px}
}