.record-open{background:transparent;font-size:10px;font-weight:800;letter-spacing:1px;padding:0;text-align:right;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#173b3c44}.record-open:hover{color:var(--teal)}.pilot-caption{position:absolute;bottom:20%;left:3%;width:43%;max-width:470px;border:1px solid #173b3c55;border-left:4px solid var(--teal);border-radius:5px;background:#fff8e8ed;padding:10px 13px;pointer-events:none}.pilot-caption strong{display:block;font-size:8px;letter-spacing:1px;color:var(--teal);margin-bottom:5px}.pilot-caption span{display:block;font-size:11px;line-height:1.45;font-weight:600;color:var(--ink)}.flight-stage{font-size:8px;display:block;letter-spacing:1px;margin-top:9px;color:var(--yellow)}.extras-overlay{display:flex;align-items:center;justify-content:center;padding:16px;background:#123c40c9;backdrop-filter:blur(5px);z-index:6}.extras-panel{background:var(--paper);border:2px solid var(--ink);border-radius:8px;width:min(660px,97%);max-height:100%;display:flex;flex-direction:column;box-shadow:6px 6px 0 #082a3866;overflow:hidden}.extras-panel>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 12px;flex-shrink:0;gap:12px}.extras-panel h2{font-size:37px;margin:7px 0 0}.extras-panel>header .icon-button{flex-shrink:0}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px 22px}.record-grid article{background:#e2e5d7;border:1px solid #173b3c44;border-radius:5px;padding:18px 8px;text-align:center}.record-grid article.current{background:var(--yellow);border:2px solid var(--ink)}.record-grid span{display:block;font-size:9px;font-weight:800;letter-spacing:1px}.record-grid b{display:block;font:800 39px 'Barlow Condensed',Impact,sans-serif;margin:10px 0 4px}.record-grid small{font-size:7px;letter-spacing:1px}.records-panel>p{font-size:10px;color:#49605a;text-align:center;padding:5px 20px 15px;margin:0;line-height:1.5}.card-preview{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;background:#d6ddd1;padding:12px}.card-preview img{display:block;max-width:100%;height:min(52vh,520px);width:auto;object-fit:contain;box-shadow:3px 4px 0 #173b3c33}.card-actions{flex-shrink:0;border-top:1px solid #173b3c33;padding:9px 20px 15px;text-align:center}.card-actions>p{font-size:10px;color:#49605a;margin:0 0 9px;line-height:1.4}.card-actions>div{display:flex;justify-content:center;gap:12px;align-items:center}.card-actions .primary{padding:10px 16px;min-width:170px;justify-content:center;font-size:10px}.share-button{font-size:10px;padding:12px 15px;border:1px solid var(--ink);border-radius:3px;background:transparent;font-weight:700}.share-button:hover{background:#e2e5d7}.result-panel{height:100%;max-width:570px}.result-panel .card-preview img{height:100%;max-height:100%;width:auto;max-width:100%}
@media(max-width:900px){.extras-overlay{padding:10px}.extras-panel>header{padding:11px 15px 9px}.extras-panel h2{font-size:29px}.pilot-caption{padding:8px 10px}.pilot-caption strong{font-size:7px}.pilot-caption span{font-size:9px}.flight-stage{font-size:7px;margin-top:7px}.record-grid{padding:10px 15px;gap:6px}.record-grid b{font-size:32px}.record-grid span{font-size:8px}.card-actions{padding:7px 15px 12px}.card-actions>p{font-size:9px}.card-actions .primary{padding:9px 13px;min-width:145px;font-size:9px}.share-button{padding:10px;font-size:9px}.card-preview{padding:8px}}
@media(max-width:600px) and (orientation:portrait){.record-open{font-size:8px;letter-spacing:.3px}.pilot-caption{left:5%;width:90%;bottom:22%;max-width:none;padding:8px 10px}.pilot-caption span{font-size:10px}.pilot-caption strong{font-size:7px}.flight-stage{font-size:6px;margin-top:7px}.extras-overlay{padding:9px}.extras-panel>header{padding:14px 12px 10px}.extras-panel h2{font-size:29px}.extras-panel .eyebrow{font-size:6px;letter-spacing:1px}.record-grid{padding:10px 12px;gap:5px}.record-grid article{padding:16px 4px}.record-grid b{font-size:29px}.record-grid span{font-size:7px;letter-spacing:.3px}.records-panel>p{font-size:9px}.card-actions{padding:9px 10px 14px}.card-actions>div{gap:7px}.card-actions .primary{min-width:132px;font-size:9px;padding:11px 10px}.share-button{font-size:9px;padding:11px 9px}.result-panel{height:97%}.card-preview{padding:7px}}
@media(max-height:520px) and (orientation:landscape){.extras-panel>header{padding:8px 16px}.extras-panel h2{font-size:27px;margin:4px 0}.extras-panel .eyebrow{font-size:6px}.card-actions{padding:6px 15px 9px}.card-actions>p{font-size:8px;margin-bottom:6px}.card-actions .primary,.share-button{padding:8px 12px;font-size:9px}.pilot-caption{bottom:19%;max-width:340px}.pilot-caption span{font-size:9px}.pilot-caption strong{font-size:6px}.record-grid b{font-size:30px}}
.pilot-caption{top:27%;bottom:auto}@media(max-width:600px) and (orientation:portrait){.pilot-caption{top:27%;bottom:auto}}@media(max-height:520px) and (orientation:landscape){.pilot-caption{top:27%;bottom:auto}}
.extras-overlay{position:fixed;inset:0;padding:20px}.result-panel{height:100%;max-height:calc(100dvh - 40px)}@media(max-width:600px){.extras-overlay{padding:10px}.result-panel{max-height:calc(100dvh - 20px)}}
.opening-audio{display:inline-block;background:transparent;border:0;border-bottom:1px solid #173b3c55;padding:0 0 1px;margin-left:5px;font-size:9px;color:var(--teal);font-weight:800;white-space:nowrap}.opening-audio:hover{color:var(--coral)}.opening-audio[data-playing="true"]{color:var(--coral)}.meme-caption{position:absolute;bottom:19%;left:3%;padding:8px 13px;border:1px solid var(--ink);border-radius:5px;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:800;pointer-events:none;z-index:1}@media(max-width:600px) and (orientation:portrait){.opening-audio{font-size:9px;margin-left:3px}.meme-caption{left:5%;bottom:23%;font-size:10px;padding:6px 9px}}
.panel-overlay.victory-panel{position:fixed;inset:0;padding:18px;overflow-y:auto;z-index:8}.victory-panel .panel{width:100%;max-width:560px;max-height:calc(100dvh - 36px);overflow-y:auto;padding:28px 32px}.victory-social{margin-top:18px;padding-top:15px;border-top:1px dashed #173b3c55}.victory-social h3{font-size:9px;letter-spacing:1.4px;margin:0 0 10px}.victory-social-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.victory-social-links a,.victory-social-links button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:55px;background:#e6e8da;border:1px solid #173b3c44;border-radius:5px;color:var(--ink);padding:8px 3px;text-decoration:none;font-size:9px;font-weight:700;cursor:pointer}.victory-social-links a:hover,.victory-social-links button:hover{background:var(--yellow);border-color:var(--ink)}.victory-social-links svg{width:19px;height:19px;flex-shrink:0}.victory-social>p{font-size:10px;line-height:1.5;margin:9px 0 0;min-height:0;color:#49605a}.victory-social>p:empty{display:none}.victory-social>span>a{font-size:11px;color:var(--teal);display:inline-block;margin-top:8px}.victory-social input{width:100%;padding:8px;border:1px solid var(--teal);border-radius:4px;margin-top:8px;font-size:11px;background:#fff9e8;color:var(--ink)}@media(max-width:600px){.victory-panel .panel{padding:24px 19px;max-width:520px}.victory-social-links{gap:5px}.victory-social-links a,.victory-social-links button{font-size:8px;padding:8px 2px;min-height:54px}.victory-social{margin-top:16px}.victory-social h3{font-size:8px}.victory-social>p{font-size:9px}}@media(max-height:520px) and (orientation:landscape){.victory-panel .panel{padding:18px 24px}.victory-panel h2{font-size:32px}.victory-social{margin-top:13px;padding-top:10px}.victory-social-links a,.victory-social-links button{min-height:46px;padding:5px}.victory-social-links svg{width:16px;height:16px}}
.panel-overlay.victory-panel{z-index:4}
.brand-mark{display:block;flex-shrink:0}.brand{letter-spacing:-.6px}.menu h1{letter-spacing:-1px}.menu .title-star{right:-48px;font-size:46px}@media(max-width:600px) and (orientation:portrait){.menu h1{font-size:21vw}.menu .title-star{right:-37px;font-size:38px}}
@media(max-width:600px) and (orientation:portrait){.pilot-caption{width:62%;max-width:62%}}
@media(max-width:600px) and (orientation:portrait){.flight-alert{left:5%;transform:none;width:62%;max-width:62%;padding:9px}.flight-alert strong{font-size:10px}.flight-alert span{font-size:9px}}