.crew-menu[data-crew-picker]{gap:7px}:is(.crew-menu,.site-nav) .feedback-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;background:#172b38;color:#d3e0e4;border:1px solid #829b705c;border-radius:24px;cursor:pointer;font:600 11px Arial,sans-serif;letter-spacing:0}:is(.crew-menu,.site-nav) .feedback-trigger span{font:inherit;color:inherit;margin:0;padding:0;background:none;letter-spacing:0}.feedback-trigger:hover{border-color:#caff63!important}.feedback-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 24px));max-height:92dvh;overflow:auto;padding:26px;border:1px solid #829b7070;border-radius:18px;background:#142631;color:#f2f4e9;font:14px/1.5 Arial,sans-serif;color-scheme:dark;box-shadow:0 30px 100px #0009}.feedback-dialog *{box-sizing:border-box}.feedback-dialog::backdrop{background:#07111bdd;backdrop-filter:blur(8px)}.feedback-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.feedback-heading small{color:#caff63;font:9px monospace;letter-spacing:1px}.feedback-heading h2{font:700 28px/1.2 Arial,sans-serif;margin:7px 0}.feedback-dialog button{cursor:pointer;min-height:44px;border:1px solid #ffffff30;border-radius:8px;font:600 11px Arial,sans-serif;padding:10px 14px;background:#223b48;color:#dce7e9}.feedback-dialog .feedback-close{width:44px;flex-shrink:0;padding:0;font-size:25px;background:none}.feedback-intro{color:#aabfc9;margin:6px 0 20px}.feedback-categories{display:flex;gap:7px;border:0;padding:0;margin:0 0 18px}.feedback-categories legend{font-size:12px;margin-bottom:8px}.feedback-categories label{flex:1;position:relative;cursor:pointer}.feedback-categories input{position:absolute;opacity:0;width:1px;height:1px}.feedback-categories span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;border:1px solid #ffffff30;border-radius:8px;padding:7px;font-size:11px}.feedback-categories input:checked+span{color:#caff63;background:#caff6310;border-color:#caff63}.feedback-categories input:focus-visible+span{outline:3px solid #ffa1ce;outline-offset:2px}.feedback-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.feedback-label>span{color:#93aab8;font-size:10px}.feedback-field{position:relative}.feedback-field textarea{display:block;width:100%;min-height:145px;max-height:40dvh;resize:vertical;background:#0d1d27;color:#f2f4e9;border:1px solid #526774;border-radius:10px;padding:13px 48px 13px 13px;font:14px/1.5 Arial,sans-serif}.feedback-field textarea::placeholder{color:#869daa}.feedback-dialog .feedback-mic{position:absolute;right:4px;bottom:5px;width:44px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0}.feedback-dialog .feedback-mic[hidden]{display:none}.feedback-dialog .feedback-mic.listening{color:#ff8297}.feedback-note-meta{display:flex;justify-content:space-between;gap:10px;font:10px/1.5 Arial,sans-serif;color:#a2bac6;margin-top:6px}.feedback-note-meta>span:last-child{flex-shrink:0}.feedback-dictation{font-size:10px;color:#8fa9b5;margin:7px 0 16px}.feedback-context{padding:13px;border:1px solid #ffffff18;border-radius:9px;display:flex;flex-direction:column;gap:5px;margin-top:15px}.feedback-context>span{font-size:10px;color:#afc3ce}.feedback-context strong{font-size:12px}.feedback-context small{font-size:11px;color:#a2b8c4}.feedback-setup{border-left:2px solid #caff63;padding:2px 0 2px 12px;margin:18px 0}.feedback-setup strong{font-size:12px;color:#dae6c8}.feedback-setup p{font-size:11px;color:#a9bdc8;margin:4px 0 0}.feedback-actions{display:flex;gap:10px}.feedback-actions>button{flex:1}.feedback-dialog .feedback-copy{background:#caff63;color:#15242c;border:0}.feedback-dialog button:disabled{cursor:not-allowed;opacity:.45}.feedback-result{color:#caff63;font-size:12px}.feedback-result:empty{display:none}.feedback-dialog .feedback-discard{padding:8px 0;background:none;border:0;color:#a2bac6;font-weight:400}.feedback-dialog button:focus-visible,.feedback-dialog textarea:focus-visible,.feedback-trigger:focus-visible{outline:3px solid #ffa1ce;outline-offset:3px}@media(max-width:700px){:is(.crew-menu,.site-nav) .feedback-trigger{width:44px;padding:0}:is(.crew-menu,.site-nav) .feedback-trigger span{display:none}.feedback-dialog{padding:20px}.feedback-heading h2{font-size:25px}header.topbar:has(>.crew-menu){column-gap:5px}header.topbar .wordmark{font-size:23px}.mazenf-brand{gap:6px!important}}
/* Media composer: scoped styling shared by every game. */
.feedback-dialog{width:min(660px,calc(100vw - 24px));padding:24px}.feedback-dialog [hidden],.feedback-recording-pill[hidden],.feedback-continue[hidden]{display:none!important}.feedback-heading>div{flex:1}.feedback-heading{gap:6px}.feedback-dialog .feedback-minimize{background:none;padding:0;width:44px;font-size:25px}.feedback-intro{margin-bottom:16px}.feedback-field textarea{min-height:105px}.feedback-categories{margin-bottom:14px}
.feedback-media{border-top:1px solid #ffffff20;margin-top:18px;padding-top:18px}.feedback-media-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.feedback-media-title>strong{font:600 14px Arial,sans-serif}.feedback-media-title>span{font:9px monospace;color:#92a9b5;letter-spacing:1px}.feedback-capture-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.feedback-dialog .feedback-capture-tools button{min-height:48px;padding:9px;background:#203944;color:#e9f0df;font-size:11px;text-align:center}.feedback-capture-tools button:hover{border-color:#caff63}.feedback-mic-choice{display:flex;align-items:center;gap:10px;min-height:44px;font:12px Arial,sans-serif;color:#c2d3db}.feedback-mic-choice input{accent-color:#caff63;width:18px;height:18px}.feedback-media-help,.feedback-local{font:11px/1.5 Arial,sans-serif;color:#a8bdc8;margin:9px 0}.feedback-local{color:#c3ceab}.feedback-media.dragging{outline:2px dashed #caff63;outline-offset:6px}.feedback-media-status{font-size:12px;color:#caff63}.feedback-captures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feedback-capture-card{border:1px solid #ffffff25;border-radius:10px;padding:10px;overflow:hidden;background:#0c1b25;min-width:0}.feedback-capture-card>strong{display:block;overflow-wrap:anywhere;font:11px Arial,sans-serif;margin-bottom:8px}.feedback-capture-card>img,.feedback-capture-card>video{display:block;width:100%;height:145px;object-fit:contain;background:#060c10;border-radius:5px}.feedback-capture-card>audio{width:100%;height:45px}.feedback-capture-card>p{font-size:12px;color:#bed6df}.feedback-capture-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.feedback-dialog .feedback-capture-actions button,.feedback-capture-actions a{display:inline-flex;align-items:center;min-height:44px;padding:7px;color:#caff63;background:transparent;border:0;font:11px Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.feedback-dialog .feedback-capture-actions button:last-child{color:#b9cbd3}.feedback-recording-pill,.feedback-continue{position:fixed;z-index:10040;bottom:max(16px,env(safe-area-inset-bottom));right:16px;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:12px;padding:10px 14px;background:#132630;color:#fff;border:1px solid #ff7c98;border-radius:14px;font:12px Arial,sans-serif;box-shadow:0 12px 40px #0006}.feedback-recording-pill button{min-height:44px;padding:10px;background:#ffadc1;color:#171b25;border:0;border-radius:8px;cursor:pointer}.feedback-media>.feedback-recording-pill{position:static;margin-top:10px}.feedback-continue{border-color:#caff63;min-height:48px;cursor:pointer}.feedback-confirm{width:min(400px,calc(100vw - 24px));border:1px solid #68807f;background:#132630;color:#f4f5ed;border-radius:16px;padding:24px;font:14px/1.5 Arial,sans-serif;box-sizing:border-box}.feedback-confirm h2{font:700 24px Arial,sans-serif;margin:0}.feedback-confirm::backdrop{background:#07111bc9}.feedback-confirm>div{display:flex;gap:10px}.feedback-confirm button{flex:1;min-height:44px;background:#203b47;border:1px solid #56717b;border-radius:8px;color:#ecf3dd;font:13px Arial,sans-serif;cursor:pointer}.feedback-confirm button:last-child{color:#ffacc6}
.feedback-select-overlay{position:fixed;inset:0;z-index:10050;cursor:crosshair;background:#08111822}.feedback-select-hint{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box;padding:10px 14px;background:#132630;color:#ecf4db;border:1px solid #caff63;border-radius:12px;font:13px Arial,sans-serif;display:flex;align-items:center;gap:12px}.feedback-select-hint button{min-height:44px;border:0;border-radius:8px;padding:8px 12px;background:#caff63;color:#16252b;cursor:pointer}.feedback-select-box{position:fixed;pointer-events:none;border:2px solid #caff63;background:#caff631a;box-shadow:0 0 0 2px #08111880;box-sizing:border-box}
.feedback-annotator{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:16px;box-sizing:border-box;background:#060b10;color:#f2f4e9;border:0;font:14px Arial,sans-serif}.feedback-annotator[open]{display:flex;flex-direction:column;gap:10px}.feedback-annotator::backdrop{background:#000}.feedback-annotator header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0;height:auto;min-height:44px;padding:0;position:static;background:none;border:0}.feedback-annotator header>div{display:flex;gap:8px}.feedback-annotator button{min-height:44px;padding:8px 13px;color:#e5eddb;background:#203640;border:1px solid #485d69;border-radius:8px;font:12px Arial,sans-serif;cursor:pointer}.feedback-annotator [data-save]{background:#caff63;color:#17252c}.feedback-annotation-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.feedback-annotation-stage canvas{position:static!important;width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain;touch-action:none;cursor:crosshair}.feedback-annotation-tools{display:flex;align-items:center;gap:6px;overflow-x:auto;flex-shrink:0;padding:3px}.feedback-annotation-tools>*{flex-shrink:0}.feedback-annotation-tools [aria-pressed=true]{border-color:#caff63;color:#caff63}.feedback-annotation-tools input[type=color]{height:44px;width:44px;min-width:44px;background:none;border:0}.feedback-annotation-tools input[type=range]{width:90px;accent-color:#caff63}.feedback-annotation-stage input{position:absolute;width:200px;max-width:70vw;min-height:44px;padding:8px;background:#102532;color:#fff;border:1px solid #caff63;font:16px Arial,sans-serif;z-index:2}.feedback-annotation-tip{font:11px Arial,sans-serif;color:#a8bdc7;margin:0}.feedback-annotator button:focus-visible,.feedback-confirm button:focus-visible{outline:2px solid #ffa1ce;outline-offset:2px}
@media(max-width:600px){.feedback-dialog{width:100%;max-width:none;max-height:100dvh;height:100dvh;border-radius:0;margin:0;inset:0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));padding-top:max(16px,env(safe-area-inset-top));border:0}.feedback-capture-tools{grid-template-columns:repeat(2,1fr)}.feedback-field textarea{font-size:16px}.feedback-captures{grid-template-columns:1fr}.feedback-annotator{padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.feedback-annotator header>strong{font-size:13px}.feedback-annotation-tools button{padding:8px 10px}.feedback-annotation-tip{font-size:10px}}
.feedback-actions{flex-wrap:wrap}.feedback-actions>button{min-width:130px}.feedback-dialog .feedback-send{background:#caff63;color:#15242c;border-color:#caff63}.feedback-dialog .feedback-copy{background:#213a47;color:#d8e5d0;border:1px solid #48606a}.feedback-review{box-sizing:border-box;width:min(550px,calc(100vw - 24px));max-height:92dvh;overflow:auto;border:1px solid #688079;border-radius:16px;padding:24px;background:#132630;color:#edf3e6;font:13px/1.6 Arial,sans-serif}.feedback-review::backdrop{background:#07111bcc}.feedback-review h2{font:700 26px Arial,sans-serif;margin:0 0 10px}.feedback-review blockquote{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;padding:14px;background:#0b1b24;border-radius:8px;border-left:2px solid #caff63;max-height:200px;overflow:auto}.feedback-review ul{padding-left:20px;overflow-wrap:anywhere}.feedback-review label{display:flex;align-items:flex-start;gap:10px;margin:20px 0}.feedback-review input{width:20px;height:20px;accent-color:#caff63;flex-shrink:0}.feedback-review>div{display:flex;gap:10px}.feedback-review button{flex:1;min-height:48px;padding:8px;background:#233b46;border:1px solid #57707b;border-radius:8px;color:#eff5e9;cursor:pointer;font:12px Arial,sans-serif}.feedback-review [data-publish]{background:#caff63;color:#15242c}.feedback-review button:disabled{opacity:.45;cursor:not-allowed}