.play-project .dino-titlebar+main.dino-play-app{width:100%;max-width:none;height:100dvh;min-height:600px;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;background:#c7e3b0;overflow:hidden}.dino-play-app .hud{margin:0;border-radius:0;border:0;border-bottom:3px solid #b2c294;align-items:center;padding:12px 90px 12px 20px;background:#fff4cf;gap:15px}.dino-play-app .dino-app-name{font-size:24px;line-height:1;color:#3d6349;margin-right:auto}.dino-play-app .hud>div{min-width:0}.play-project .dino-titlebar+main.dino-play-app .hud>div:last-child{padding-right:0}.dino-play-app .hud-label{font-size:8px}.dino-play-app .hud strong{font-size:15px}.dino-play-app .hud #health{font-size:18px;color:#dc795c}.play-project .dino-titlebar+main.dino-play-app .game-shell{width:100%;height:100%;max-width:none;border:0;border-radius:0;background:linear-gradient(#b3d9c5,#eff2bf);display:flex;align-items:center;justify-content:center;min-height:0}.dino-play-app #game{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}.dino-play-app .overlay{background:#27463655;gap:10px}.dino-play-app .overlay::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(590px,calc(100% - 28px));height:85%;max-height:390px;background:#fff4cf;border:4px solid #9baa78;border-radius:25px;box-shadow:0 9px #4a654966;z-index:-1}.dino-play-app .overlay{isolation:isolate}.dino-play-app .overlay h2{font-size:38px;max-width:480px;color:#3d6349}.dino-play-app .overlay p{font-size:13px;max-width:460px;padding:0 20px}.dino-play-app .overlay .primary{background:#edba69;border:2px solid #b78f55;border-bottom:5px solid #b78f55;color:#755535;font-size:16px;min-height:48px}.dino-play-app .mode-row button{background:#e7edce;border:2px solid #a6b381;min-height:44px;padding:6px 12px;font-size:11px}.dino-play-app .controls{padding:10px 15px;margin:0;background:#fff4cf;border-top:3px solid #b2c294;gap:10px}.dino-play-app .controls button{background:#e1edca;border:2px solid #a6b381;border-bottom:5px solid #a6b381;border-radius:14px;min-height:48px;min-width:56px;font-size:19px}.dino-play-app .controls #ability{background:#edba69;border-color:#b78f55;font-size:13px;min-width:140px}.play-project .dino-titlebar+main.dino-play-app .controls #pause{font-size:11px;min-width:65px}.dino-play-app #status{background:#fff4cf;margin:0;font-size:12px;min-height:26px;padding:0 15px;color:#587051}.dino-play-app .team-heading,.dino-play-app .how,.dino-play-app details{display:none}.dino-play-app .team{display:flex;gap:8px;padding:8px 20px 12px;justify-content:center;background:#fff4cf}.dino-play-app .team button{width:145px;border:2px solid #baa66a;border-bottom:4px solid #baa66a;background:#f4e4b5;border-radius:18px;padding:4px 10px}.dino-play-app .team button[aria-pressed=true]{background:#cfdda9;border-color:#7ca064}.play-project .dino-titlebar+main.dino-play-app .team canvas{height:50px;width:100%;object-fit:contain}.dino-play-app .team strong{font-size:10px}.dino-play-app .team span{font-size:9px;color:#887448}
.play-project main.skybridge-app{width:100%;max-width:none;height:100dvh;min-height:560px;margin:0;padding:0;display:flex;flex-direction:column;background:linear-gradient(#cce5f6,#eef4c8);overflow:hidden}.skybridge-app .game-stats{border-radius:0;border:0;border-bottom:3px solid #92b6bb;background:#fff4d6;color:#3c6570;padding:18px 80px 16px 20px;gap:16px;margin:0;min-height:78px;flex:none;flex-wrap:nowrap}.skybridge-name{font-size:23px;line-height:1;flex:1}.skybridge-app #stage{border:0;border-radius:0;aspect-ratio:9/5;min-height:0;width:min(100%,calc((100dvh - 210px)*9/5));max-width:none;margin:auto;flex:none;box-shadow:0 8px 0 #7bafb433;position:relative}.skybridge-app #board{background:linear-gradient(#c8e8f8,#eef4ce)}.skybridge-app #welcome{background:#224b6455;isolation:isolate;gap:7px}.skybridge-app #welcome::before{content:'';position:absolute;width:min(420px,calc(100% - 28px));height:85%;max-height:260px;left:50%;top:50%;transform:translate(-50%,-50%);border:4px solid #92b6bb;background:#fff4d6;border-radius:24px;z-index:-1;box-shadow:0 8px #577e9155}.skybridge-app #welcome h2{font-size:33px;color:#3c6570;margin:4px 0}.skybridge-app #welcome p{font-size:13px;margin:0}.skybridge-app #welcome .badge{background:transparent;color:#6f8b8d}.skybridge-app #welcome .primary{border:2px solid #b99557;border-bottom:5px solid #b99557;background:#f5cc7d;font-size:15px;min-height:48px;margin-top:8px}.skybridge-app #message{margin:0;padding:8px 15px;background:#fff4d6;text-align:center;color:#3c6570;font-size:12px;min-height:40px;flex:none}.skybridge-app .player-controls{background:#fff4d6;width:100%;padding:0 12px 10px;flex:none;border-top:0;margin:0}.skybridge-app .player-controls strong{font-size:10px;color:#63848c}.skybridge-app .player-controls .arrows{margin:5px 0;gap:8px}.skybridge-app .player-controls button{min-width:58px;min-height:48px;border:2px solid #95b5ac;border-bottom:5px solid #95b5ac;border-radius:14px;background:#e3eecb;font-size:20px}.skybridge-app .player-controls button[data-action=jump]{background:#f5cc7d;border-color:#b99557;font-size:14px;min-width:100px}.skybridge-app #control-note{display:none}
@media(max-width:760px){.dino-play-app .hud{padding:12px 62px 10px 12px;gap:10px;flex-wrap:wrap}.dino-play-app .dino-app-name{font-size:21px;width:100%;margin:0}.dino-play-app .hud strong{font-size:12px}.dino-play-app .hud #health{font-size:13px}.dino-play-app .hud-label{font-size:7px}.dino-play-app .hud>div:last-child{display:none}.dino-play-app .controls{padding:9px 6px;gap:5px;flex-wrap:nowrap}.dino-play-app .controls button{min-width:44px;min-height:48px;padding:6px}.dino-play-app .controls>div{gap:4px}.dino-play-app .controls #ability{font-size:10px;min-width:90px}.play-project .dino-titlebar+main.dino-play-app .controls #pause{font-size:9px;min-width:46px}.dino-play-app .team{gap:4px;padding:7px 5px 10px}.dino-play-app .team button{padding:3px;width:20%;border-radius:12px}.dino-play-app .team strong{font-size:8px}.dino-play-app .team span{font-size:7px}.play-project .dino-titlebar+main.dino-play-app .team canvas{height:37px}.dino-play-app #status{font-size:10px;min-height:40px}.dino-play-app .overlay{padding:16px;gap:7px}.dino-play-app .overlay h2{font-size:26px;max-width:300px}.dino-play-app .overlay p{font-size:11px;max-width:300px;padding:0 10px}.dino-play-app .overlay .eyebrow{font-size:8px}.dino-play-app .overlay::before{height:92%;max-height:330px}.dino-play-app .mode-row button{font-size:9px;min-height:44px;padding:4px 8px}.dino-play-app .overlay .primary{font-size:13px;min-height:44px;padding:8px 15px}.skybridge-app .game-stats{padding:12px 60px 12px 12px;gap:7px;flex-wrap:wrap}.skybridge-name{font-size:21px;flex-basis:100%}.skybridge-app .game-stats #stars,.skybridge-app .game-stats #hearts{font-size:11px}.skybridge-app #stage{width:100%;min-height:0;aspect-ratio:9/5}.skybridge-app #welcome{gap:4px;padding:5px}.skybridge-app #welcome::before{height:95%}.skybridge-app #welcome h2{font-size:20px}.skybridge-app #welcome p{font-size:10px}.skybridge-app #welcome .badge{font-size:7px}.skybridge-app #welcome .primary{font-size:11px;margin-top:3px;min-height:44px;padding:6px 13px}.skybridge-app #message{font-size:11px}.skybridge-app .player-controls button{min-height:48px}.skybridge-app .player-controls strong{font-size:10px}}
.play-project .dino-titlebar+main.dino-play-app .hud,.skybridge-app .game-stats{padding-right:140px}@media(max-width:760px){.play-project .dino-titlebar+main.dino-play-app .hud,.skybridge-app .game-stats{padding-right:62px}}
@media(max-width:600px){.skybridge-app #stage{aspect-ratio:auto;flex:1;width:100%;height:auto;min-height:0;margin:0;box-shadow:none}.skybridge-app #welcome::before{max-height:270px;min-height:230px}}
.play-project .dino-titlebar+main.dino-play-app{grid-template-rows:auto auto minmax(0,1fr) auto auto auto}
.rescue-plan{background:var(--canvas);color:var(--ink);padding:8px 20px;text-align:center;font-size:12px;border-bottom:2px solid var(--line)}
.dino-play-app .team button[data-needed]{outline:2px dashed var(--mint);outline-offset:2px}
.skybridge-app .game-stats #pause,.skybridge-app .game-stats #restart{min-height:44px;font-size:12px}
.skybridge-app .player-controls button[aria-pressed=true]{background:var(--mint);border-color:var(--ink)}
.skybridge-app #welcome .skybridge-help{max-width:300px;font-size:11px;margin:8px 12px;line-height:1.5}
@media(max-width:760px){.rescue-plan{padding:7px 12px;font-size:10px}.skybridge-app .game-stats #pause,.skybridge-app .game-stats #restart{font-size:10px;padding:5px 10px}.skybridge-app #welcome .skybridge-help{font-size:10px}}