.capture-floating{position:fixed;box-sizing:border-box;margin:0;inset:auto;min-width:220px;min-height:190px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:12px;padding:10px;background:var(--panel);color:var(--text);box-shadow:0 14px 55px #0006;z-index:60;overflow:hidden;container-type:size;font:12px/1.5 'Segoe UI',system-ui,sans-serif}.capture-floating[hidden],.capture-opacity[hidden],.capture-dock[hidden],.capture-dock-wrap[hidden]{display:none!important}.capture-panel{display:flex;flex-direction:column;gap:5px;width:280px;height:420px}.capture-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;min-height:26px;cursor:move;touch-action:none;user-select:none}.capture-title{font:9px Consolas;letter-spacing:1.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capture-tools{display:flex;gap:3px}.capture-tools button{border:0;padding:2px 6px;min-width:26px;height:26px;line-height:1;font-size:18px;color:var(--muted);border-radius:5px}.capture-focus{flex:1;min-height:32px;max-height:72px;display:grid;place-items:center;border:0;padding:4px;background:transparent;color:var(--accent);opacity:.3}.capture-focus svg{width:65px;max-height:65px}.capture-paste-hint{text-align:center;font:9px Consolas;color:var(--muted);flex-shrink:0}.capture-tally{display:flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0;min-height:47px}.capture-tally>div{display:flex;align-items:baseline;gap:8px}.capture-count{font:700 32px Consolas;color:var(--text);line-height:1.2}.capture-count-label{font-size:10px;color:var(--muted)}.capture-gallery-open{width:32px;height:32px;padding:3px;font-size:22px;color:var(--accent)}.capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex-shrink:0}.capture-actions button{min-height:34px;padding:7px 5px;font-size:11px;white-space:nowrap}.capture-send{grid-column:1/-1;background:color-mix(in srgb,var(--accent) 13%,var(--bg));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));font-weight:600}.capture-cooldown{grid-column:1/-1;text-align:center;font:10px Consolas;color:var(--muted);min-height:15px}.capture-status{color:var(--muted);font-size:10px;line-height:1.4;max-height:40px;min-height:14px;overflow:auto;margin:2px 0;text-align:center;flex-shrink:0}.capture-history-open{border:0;font-size:10px;padding:3px;min-height:24px;color:var(--muted);margin-top:auto}.capture-resize{position:absolute;right:0;bottom:0;width:20px;height:20px;cursor:nwse-resize;touch-action:none;background:repeating-linear-gradient(135deg,transparent 0 4px,var(--muted) 4px 5px,transparent 5px 8px);clip-path:polygon(100% 0,100% 100%,0 100%);opacity:.5}.capture-gallery{display:flex;flex-direction:column;gap:10px;width:650px;height:460px;min-width:250px;min-height:220px}.capture-gallery-body{min-height:0;flex:1;overflow:auto;padding:4px 2px 12px;overscroll-behavior:contain}.capture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.capture-grid figure{position:relative;padding:5px;border:1px solid var(--line);background:var(--bg);border-radius:7px;margin:0;min-width:0}.capture-grid img{display:block;aspect-ratio:4/3;width:100%;object-fit:contain;cursor:zoom-in}.capture-grid figcaption{font:9px Consolas;color:var(--muted);padding-top:4px}.capture-grid .capture-remove{position:absolute;right:4px;top:4px;width:26px;height:26px;padding:0;background:var(--panel);color:var(--text);border-radius:5px;font-size:18px}.capture-empty{padding:25px 15px;text-align:center;font-size:12px;line-height:1.8}.capture-opacity{position:fixed;inset:auto;margin:0;width:220px;box-sizing:border-box;padding:12px 14px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 30px #0005;z-index:100}.capture-opacity label{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font-size:11px;color:var(--muted)}.capture-opacity input{width:100%;padding:0;margin:0;height:28px;accent-color:var(--accent)}.capture-dock{position:fixed;inset:auto auto 18px 18px;margin:0;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);box-shadow:0 5px 25px #0005;z-index:80;padding:10px 12px;border-radius:10px;color:var(--accent);min-height:44px}.capture-dock svg{width:24px;height:21px;display:block}.capture-dock strong{font:700 14px Consolas}.capture-dock-wrap{position:fixed;bottom:18px;left:108px;z-index:80}.capture-dock-opacity{width:34px;height:44px;padding:5px;background:var(--panel);color:var(--muted);border:1px solid var(--line)}.capture-drop-active{outline:2px solid var(--accent);outline-offset:-3px}.capture-photo-view{display:flex;flex-direction:column;height:100%;gap:8px}.capture-photo-view>img{min-height:0;flex:1;width:100%;object-fit:contain}.capture-photo-view>button{align-self:flex-start;font-size:11px;padding:7px 10px}.capture-batch-row{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:5px;padding:13px 12px;margin-bottom:8px;text-align:left;background:var(--bg);font-size:12px}.capture-batch-row strong{font-weight:500}.capture-batch-row span{font-size:11px;color:var(--muted)}.capture-batch-row small{font-size:9px;letter-spacing:0}.capture-zip-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:15px;border-bottom:1px solid var(--line)}.capture-zip-row button,.capture-inline-button{font-size:11px;min-height:36px;padding:8px 10px}.capture-inline-button{margin:10px 0}.capture-entry{display:flex;align-items:center;gap:16px;padding:18px 20px;margin:0 0 24px;border:1px solid var(--line);background:var(--panel);border-radius:11px}.capture-entry>svg{width:34px;height:30px;color:var(--accent);flex-shrink:0;image-rendering:pixelated}.capture-entry>div{flex:1;min-width:0}.capture-entry h2{font-size:15px;margin:0 0 5px}.capture-entry p{font-size:11px;margin:0;line-height:1.6;color:var(--muted)}.capture-entry>button{font-size:12px;min-height:42px;padding:10px 15px;color:var(--accent)}
@container(max-height:300px){.capture-focus,.capture-paste-hint,.capture-status,.capture-history-open{display:none}.capture-count{font-size:26px}.capture-tally{min-height:35px}.capture-actions button{min-height:30px;padding:5px}.capture-cooldown{font-size:9px}}
@media(max-width:640px){.capture-dock{bottom:calc(86px + env(safe-area-inset-bottom));left:12px}.capture-dock-wrap{bottom:calc(86px + env(safe-area-inset-bottom));left:102px}.capture-entry{padding:14px;gap:12px;flex-wrap:wrap}.capture-entry>svg{width:28px}.capture-entry>button{width:100%}.capture-panel{max-width:calc(100vw - 16px)}.capture-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.capture-tools button{width:32px;height:32px}.capture-heading{min-height:32px}.capture-opacity input{height:36px}}
/* The arena remains resizable and fits its chart and answers in available height. */
.arcade-game[open]{display:flex;flex-direction:column;height:min(850px,94dvh);min-height:min(430px,94dvh);overflow:hidden;resize:both;box-sizing:border-box}.arcade-game>.game-top{flex-shrink:0}.arcade-game>.game-content{flex:1;min-height:0;overflow:auto}.arcade-game>.game-content:has(.arcade-scene){display:grid;grid-template-rows:auto auto minmax(60px,1fr) auto auto;gap:6px;overflow:hidden}.arcade-game .game-content .arcade-scene{height:100%!important;margin:0;min-height:0!important;overflow:hidden}.arcade-game .game-content .chart-viewport{height:100%!important;aspect-ratio:auto!important;min-height:0!important}.arcade-game .game-content .chart-viewport .game-chart{height:100%!important;width:100%!important}.arcade-game .round-controls{margin-top:0}.arcade-game .arcade-progress{margin-top:0}.arcade-game .arcade-hud{margin-top:0;margin-bottom:0}.arcade-game .arcade-strip{margin:0}.arcade-game>.game-note{flex-shrink:0;margin:0}.arcade-game .game-top-actions{max-width:65%}.arcade-game .game-top-actions button{font-size:9px;min-height:32px}.arcade-game .game-top{margin-bottom:12px;padding-bottom:12px}
@media(max-width:640px){.arcade-game[open]{height:100dvh!important;max-height:100dvh!important;resize:none}.arcade-game .game-top{margin-bottom:8px;padding-bottom:10px}.arcade-game .game-top-actions{max-width:100%}.arcade-game .arcade-hud>div{padding:4px}.arcade-game .arcade-hud strong{font-size:16px}.arcade-game .arcade-hud small{font-size:6px}.arcade-game .game-top-actions button{font-size:8px;padding:5px 7px!important;min-height:30px}.arcade-game .arcade-strip{padding:5px}.arcade-game .round-controls .entry-choice{min-height:42px}}

html[data-device=mobile] .arcade-game .game-content .arcade-scene{height:100%!important;min-height:0!important}html[data-device=mobile] .arcade-game .game-content .chart-viewport{height:100%!important;aspect-ratio:auto!important}html[data-device=mobile] .arcade-game .game-content .game-chart{height:100%!important;width:100%!important}

/* Explicit foreground avoids accent-on-accent text. */
.capture-entry>.portal-action{color:var(--text);background:var(--bg);border:1px solid var(--accent);font-weight:650;white-space:normal;flex-shrink:0}.capture-entry>.portal-action:hover{background:var(--panel);box-shadow:inset 0 0 0 1px var(--accent)}
.mission-real-cover{padding:0;display:block;min-height:0;background:#090b0e;overflow:hidden}.mission-real-cover img{display:block;width:100%;height:auto;object-fit:contain}
/* Arena compacta: prioridade ao gráfico, sem alterar as cores escolhidas. */
.arcade-game[open]{padding:16px 20px!important}
.arcade-game>.game-top{min-height:0!important;margin:0 0 7px!important;padding:0 0 8px!important;gap:12px!important}
.arcade-game>.game-top:before,.arcade-game>.game-top:after{display:none!important}
.arcade-game>.game-top small{font-size:6px!important;letter-spacing:1px!important;margin:0!important}
.arcade-game>.game-top h2{font-size:16px!important;line-height:1.2!important;margin:3px 0 0!important}
.arcade-game>.game-top p:empty,.arcade-game>.game-note:empty{display:none!important}
.arcade-game .game-top-actions{gap:4px!important;flex-wrap:wrap}
.arcade-game .game-top-actions button{font-size:8px!important;padding:5px 8px!important;min-height:28px!important;line-height:1.2!important}
.arcade-game .arcade-hud{gap:5px!important;margin:0!important}
.arcade-game .arcade-hud>div{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px!important;min-height:32px!important}
.arcade-game .arcade-hud small{font-size:7px!important;letter-spacing:.5px!important;margin:0!important}
.arcade-game .arcade-hud strong{font-size:17px!important;line-height:1!important}
.arcade-game .arcade-strip{min-height:28px!important;padding:4px 9px!important;font-size:7px!important;margin:0!important}
.arcade-game .arcade-strip strong{font-size:16px!important;line-height:1!important}
.arcade-game .game-content:has(.arcade-scene){gap:5px!important}
.arcade-game .round-controls .game-answers{padding:4px!important;gap:6px!important}
.arcade-game .round-controls .entry-choice{min-height:38px!important;padding:6px 8px!important;font-size:9px!important}
.arcade-game .round-controls .pixel-answer-icon{width:13px!important;height:13px!important}
.arcade-game .arcade-progress{height:3px!important}
@media(max-width:640px){
 .arcade-game[open]{padding:10px 8px!important}
 .arcade-game>.game-top{grid-template-columns:1fr!important;gap:5px!important;padding-bottom:6px!important}
 .arcade-game>.game-top>div:first-child{display:flex;align-items:center;gap:8px}
 .arcade-game>.game-top small{display:none}
 .arcade-game>.game-top h2{font-size:13px!important;margin:0!important}
 .arcade-game .game-top-actions{justify-content:flex-start!important}
 .arcade-game .game-top-actions button{min-height:32px!important;padding:6px 8px!important}
 .arcade-game .arcade-hud>div{padding:4px 5px!important;gap:3px;flex-direction:column;min-height:35px!important}
 .arcade-game .arcade-hud small{font-size:6px!important}
 .arcade-game .arcade-hud strong{font-size:14px!important}
 .arcade-game .round-controls .entry-choice{min-height:44px!important;padding:6px 3px!important;font-size:8px!important}
}
.capture-category-bar{display:grid;grid-template-columns:minmax(0,1fr) 28px 28px;gap:5px;flex-shrink:0;align-items:center}.capture-category-bar select,.capture-gallery-categories{width:100%;min-width:0;max-width:100%;font-size:10px;padding:8px 6px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:5px}.capture-category-bar button{padding:3px!important;min-height:30px;font-size:15px!important}.capture-category-form{display:flex;gap:4px;flex-shrink:0}.capture-category-form[hidden]{display:none}.capture-category-form input{width:100%;min-width:0;font-size:11px}.capture-category-form button{padding:4px 8px!important;min-width:28px}.capture-gallery-categories{margin:0 0 12px;position:sticky;top:0;z-index:1;min-height:38px}.capture-count-label{font-size:10px!important}.capture-panel .capture-focus{min-height:20px}.capture-panel .capture-category-bar{margin:4px 0}

/* Navegação direta entre as pastas. */
.capture-category-bar{grid-template-columns:1fr auto auto;align-items:start}.capture-category-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:170px;overflow:auto;min-width:0;overscroll-behavior:contain;padding:2px}
.capture-category-bar>select[hidden]{display:none!important}.capture-category-bar>button{justify-self:end}.capture-category-bar>button:last-child{grid-column:3}.capture-category-tabs .capture-category-tab{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;min-height:35px!important;padding:7px 8px!important;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--muted);text-align:left;font-size:9px!important;line-height:1.3}.capture-category-tab span{overflow-wrap:anywhere}.capture-category-tab strong{font:700 11px Consolas;color:var(--text);flex-shrink:0}.capture-category-tabs .capture-category-tab[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--text)}.capture-gallery-categories{position:sticky;top:0;z-index:1;padding:5px;background:var(--panel);grid-template-columns:repeat(auto-fit,minmax(125px,1fr));max-height:175px}.capture-panel .capture-focus{min-height:16px;flex:1}.capture-panel .capture-focus svg{max-height:65px}.capture-panel{overflow:auto}.capture-category-form{min-height:32px}

.capture-tally{gap:10px}.capture-tally .capture-gallery-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;height:auto;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text);font:500 11px 'Segoe UI',sans-serif;white-space:nowrap}.capture-gallery-open svg{width:17px;height:17px;fill:none;stroke:var(--accent);stroke-width:1.5;flex-shrink:0}.capture-gallery-open strong{font:700 10px Consolas;min-width:18px;padding:2px 4px;border-radius:4px;background:color-mix(in srgb,var(--accent) 15%,var(--bg));color:var(--accent)}.capture-tally .capture-gallery-open:hover{border-color:var(--accent);background:var(--panel)}

/* Entire camera panel fits its user-defined rectangle, without scrollbars. */
.capture-panel{overflow:hidden!important;display:block!important}.capture-panel-content{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;transform-origin:top left;box-sizing:border-box;min-width:0}.capture-panel-content>*{flex-shrink:0}.capture-panel-content .capture-focus{height:42px;min-height:0;max-height:42px;flex:none;padding:0}.capture-panel-content .capture-focus svg{height:40px;width:44px}.capture-panel-content .capture-category-tabs{max-height:none;overflow:visible}.capture-panel-content .capture-status{overflow:hidden;max-height:none;white-space:normal;overflow-wrap:anywhere}.capture-panel-content .capture-history-open{margin-top:0}.capture-panel-content .capture-count-label{line-height:1.3}.capture-panel-content .capture-tally>div{min-width:0}.capture-panel-content .capture-tools button{flex-shrink:0}.capture-panel>.capture-resize{z-index:3}
