/* Presentation only: bounded play areas; scrolling belongs to secondary tools/lists. */
body:has(#trivia.active .pfe) #game-fullscreen-toggle{display:none;}
#game-fullscreen-toggle[hidden],#mw-fullscreen,#pfe-full,#fp-fullscreen{display:none!important;}
#game-fullscreen-toggle:not([hidden]){width:auto!important;height:auto!important;min-height:40px!important;padding:8px 14px!important;font-size:13px!important;}
#game-container.map-clean-fullscreen .mw-topbar .mw-back{display:block;position:fixed;left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));top:auto;pointer-events:auto;min-height:36px;z-index:51;}
.pfe-toolbar{display:flex;align-items:center;gap:6px;flex:none;min-width:0;}
.pfe-toolbar #pfe-title{flex:1;min-width:0;font-size:13px;margin:0;overflow-wrap:anywhere;}
.pfe-toolbar button{flex:none;min-height:36px;padding:5px 8px;font-size:12px;}
#trivia .pfe-toolbar #pfe-back{position:static;margin:0;}
#trivia .pfe-toolbar #pfe-save{min-height:36px!important;}
#trivia .pfe-layout:has(>.pfe-toolbox){display:grid;grid-template-columns:minmax(0,1fr) clamp(170px,25vw,250px);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:8px;}
#trivia .pfe-layout:has(>.pfe-toolbox)>.pfe-stage{grid-column:1;grid-row:1;order:0;}
#trivia .pfe-layout.is-canvas-focus:has(>.pfe-toolbox){grid-template-columns:minmax(0,1fr) 150px;}
#trivia .pfe-toolbox{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:4px;min-height:0;height:100%;}
#trivia .pfe-toolbox>.pfe-panel{flex:none;min-height:36px;margin:0;padding:0;overflow:visible;}
#trivia .pfe-toolbox>.pfe-panel[open]{display:flex;flex-direction:column;flex:1;min-height:0;overflow:visible;}
#trivia .pfe-toolbox>.pfe-panel>summary{flex:none;min-height:36px;padding:8px;line-height:1.2;font-size:13px;}
#trivia .pfe-toolbox>.pfe-panel>.pfe-panel-body{flex:1;min-height:0;overflow:auto;padding:6px;}
#trivia .pfe-layout .pfe-toolbox .pfe-tools,#trivia .pfe-layout .pfe-toolbox .pfe-actions{grid-template-columns:repeat(3,minmax(0,1fr));}
#trivia .pfe-toolbox button{min-height:36px;font-size:12px;overflow-wrap:normal;}
#trivia .pfe-toolbox .pfe-library{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;overflow:visible;}
#trivia .pfe-toolbox .pfe-field{font-size:12px;}
#trivia .pfe-layout:has(>.pfe-toolbox) .pfe-canvas-wrap{height:auto;max-height:none;aspect-ratio:3/2;}
#fullscreen-recovery[hidden]{display:none;}
#fullscreen-recovery{position:fixed;z-index:10010;left:50%;top:max(4px,env(safe-area-inset-top));transform:translateX(-50%);width:min(94vw,620px);padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-size:12px;}
#fullscreen-recovery button{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);font-weight:800;font-size:12px;}
#fullscreen-recovery [data-status]:empty{display:none;}
@media (orientation:landscape) {
  #album.active .pfe-collection{display:flex;flex-direction:column;flex:1;min-height:0;}
  #album.active .pfe-collection>:not(.pfe-collection-grid){flex-shrink:0;}
  #album.active .pfe-collection>.pfe-collection-grid{flex:1;min-height:0;overflow:auto;align-content:start;}
  #map-screen.active{padding:0;}
  #album.active,#buscador.active,#ranking.active,#ajustes.active{display:flex;flex-direction:column;gap:4px;}
  #album>.back,#buscador>.back,#ranking>.back,#ajustes>.back{flex:none;min-height:30px;padding:4px;align-self:flex-start;}
  #album.active .collection-page,#buscador.active .collection-page,#ranking.active .collection-page{flex:1;min-height:0;height:auto;width:100%;padding:0;display:flex;flex-direction:column;gap:4px;}
  .collection-page>h2{font-size:clamp(15px,2vw,24px);margin:0;}.collection-page>p{font-size:11px;margin:0;}.collection-filters{gap:6px;margin:0;}.collection-filters label{font-size:11px;}.collection-filters select,.album-sector-nav button{min-height:32px;padding:4px;font-size:11px;}
  #album .album-grid,#buscador .search-results,#ranking #shared-ranking,#ranking #created-flags-grid,#ranking .pfe-collection-grid{flex:1;min-height:0;overflow:auto;margin-top:4px;align-content:start;}
  #buscador .search-input{min-height:32px;padding:5px;font-size:12px;align-self:center;}
  #ajustes>.page{flex:1;min-height:0;width:100%;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1fr);gap:6px;}
  #ajustes .eyebrow,#ajustes h2{grid-column:1/-1;margin:0;}#ajustes h2{font-size:20px;}#ajustes .settings-box{margin:0;padding:8px;min-height:0;overflow:auto;font-size:11px;}#ajustes .settings-box h3{font-size:14px;margin:0;}.theme-options{grid-template-columns:1fr;gap:4px;margin:4px 0;}.theme-option{min-height:36px;padding:5px;font-size:11px;gap:2px;}.theme-option small{font-size:10px;}.motion-toggle,.danger{min-height:36px;padding:5px;font-size:11px;}
  #modo-pintar .paint-mode-grid{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0;}#modo-pintar .paint-mode{min-height:0;padding:10px;gap:5px;}#modo-pintar .paint-mode span{font-size:22px;}#modo-pintar .paint-mode b{font-size:15px;}#modo-pintar .paint-mode small,#modo-pintar .paint-mode em{font-size:11px;}
  #modo-pintar.active:has(.rebuild-shell){display:flex;flex-direction:column;gap:4px;}
  #modo-pintar .rebuild-shell{flex:1;min-height:0;width:100%;padding:0;display:grid;grid-template-columns:minmax(90px,.5fr) minmax(0,1.7fr) minmax(120px,.7fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head head" "status canvas actions" "guide palette pieces";gap:5px 8px;}
  #modo-pintar .rebuild-head{display:flex;justify-content:center;gap:6px;margin:0;}.rebuild-head>*{margin:0!important;font-size:12px!important;}
  #modo-pintar .rb-reference{grid-area:canvas;}#modo-pintar .rb-reference.hidden{display:none;}#modo-pintar .rb-reference:not(.hidden){position:absolute;inset:35px 24% 50px 18%;max-height:none;z-index:2;background:var(--surface);}.rb-reference canvas{max-height:65%;object-fit:contain;}
  #modo-pintar .rb-board{grid-area:canvas;width:min(100%,calc(100dvh - 180px));height:auto;margin:0;justify-self:center;}#modo-pintar .rb-board svg{width:100%;height:auto;max-width:100%;}
  #modo-pintar .rb-palette{grid-area:palette;margin:0;gap:4px;}#modo-pintar .rb-pieces{grid-area:pieces;margin:0;max-height:70px;overflow:auto;gap:4px;}.rb-palette>b,.rb-pieces>b{font-size:9px;}.rb-color{width:32px;height:32px;}
  #modo-pintar .rb-actions{grid-area:actions;display:flex;flex-direction:column;gap:5px;margin:0;}.rb-actions button{min-height:34px;font-size:11px;}.rb-guide{grid-area:guide;font-size:10px;margin:0;}.rb-result:not(:empty){grid-area:guide;font-size:10px;padding:4px;z-index:3;}
  #trivia .game-shell:not(:has(.answers)){display:flex;flex-direction:column;gap:8px;min-width:0;width:100%;padding:0;margin:auto;}
  #trivia .trivia-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;}
  #trivia .trivia-mode{min-width:0;min-height:90px;padding:8px;font-size:12px;}
  #trivia .trivia-mode b{font-size:14px;}#trivia .trivia-mode small{font-size:11px;}
  #trivia.active:has(.answers),#modo-pintar.active:has(.pv3-shell),#modo-pintar.active:has(.free-shell),#trivia.active:has(.pfe){display:flex;flex-direction:column;gap:4px;}
  #trivia>.back,#modo-pintar>.pv3-back{position:static;flex:none;margin:0;align-self:flex-start;padding:4px 8px;}
  #trivia .game-shell:has(.answers){flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(190px,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"head head" "stats stats" "flag answers" "question actions" "result result";gap:5px 12px;width:100%;max-width:1400px;margin:0 auto;padding:0;}
  #trivia .game-shell>.eyebrow{grid-area:head;font-size:clamp(10px,1.4vw,15px);margin:0;}
  #trivia .trivia-stats{grid-area:stats;display:flex;justify-content:center;gap:8px;margin:0;font-size:clamp(11px,1.5vw,16px);}
  #trivia .trivia-stats span{padding:3px 8px;}
  #trivia .game-shell>.flag-stage{grid-area:flag;width:100%;height:100%;min-height:0;padding:0!important;display:flex;align-items:center;justify-content:center;}
  #trivia #trivia-cloth{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;}
  #trivia .game-shell>h2{grid-area:question;font-size:clamp(11px,1.7vw,19px);margin:0;}
  #trivia .game-shell>.answers{grid-area:answers;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-self:center;min-height:0;gap:8px;}
  #trivia .answers button{min-width:0;min-height:44px;padding:7px 8px;font-size:clamp(12px,1.3vw,17px);overflow-wrap:normal;line-height:1.2;}
  #trivia .answers button small{font-size:.75em;margin-top:3px;}
  #trivia .game-shell>.trivia-actions{grid-area:actions;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;margin:0;}
  #trivia .trivia-actions button{min-height:32px;padding:4px 8px;font-size:clamp(10px,1.3vw,15px);flex:1;}
  #trivia .game-shell>.result{grid-area:result;font-size:12px;min-height:0;margin:0;}
  #modo-pintar .pv3-shell{flex:1;min-height:0;container-type:size;padding:0;width:100%;display:grid;grid-template-columns:60px minmax(0,1fr) 124px;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"head head head" "dash board palette" "dash board actions" "guide guide result";gap:4px 7px;align-items:center;}
  #modo-pintar .pv3-header{grid-area:head;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;}
  #modo-pintar .pv3-header h2{font-size:clamp(12px,2vw,22px);margin:0;}
  #modo-pintar .pv3-header p,#modo-pintar .pv3-kicker{font-size:11px;margin:0;}
  #modo-pintar .pv3-dashboard{grid-area:dash;display:flex;flex-direction:column;margin:0;gap:5px;font-size:11px;padding:4px;}
  #modo-pintar .pv3-dashboard span{padding:4px;}
  #modo-pintar .pv3-board{grid-area:board;width:min(100%,calc((100cqh - 55px)*1.8))!important;height:auto;max-height:none;aspect-ratio:9/5;margin:0;justify-self:center;border-width:2px;border-radius:6px;}
  #modo-pintar .pv3-palette{grid-area:palette;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin:0;padding:1px;max-height:100%;overflow:auto;align-content:start;}
  #modo-pintar .pv3-palette-title{grid-column:1/-1;font-size:9px;line-height:11px;letter-spacing:0;}
  #modo-pintar .pv3-color{min-width:0;min-height:40px;padding:3px;flex-direction:column;gap:2px;}.pv3-color b{font-size:10px;}
  #modo-pintar .pv3-color span{flex:0 0 30px;width:30px;height:30px;}
  #modo-pintar .pv3-actions{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;}#modo-pintar .pv3-actions button{min-height:36px;padding:5px;font-size:11px;}
  #modo-pintar .pv3-guide{grid-area:guide;font-size:11px;margin:0;}
  #modo-pintar .pv3-goal{grid-area:guide;align-self:end;justify-self:start;font-size:11px;margin:0;}
  #modo-pintar .pv3-reference{grid-area:board;}#modo-pintar .pv3-reference.is-hidden{display:none;}
  #modo-pintar .pv3-result:not(:empty){grid-area:guide;font-size:11px;background:var(--surface);z-index:3;}
  #modo-pintar .pv3-guide{padding-bottom:14px;}
  #modo-pintar .fp-reference{grid-area:canvas;}#modo-pintar .fp-reference.hidden{display:none;}
  #modo-pintar .pv3-reference:not(.is-hidden){position:absolute;inset:28px 22% 45px 18%;z-index:2;max-height:none;justify-content:center;margin:0;}
  #modo-pintar .pv3-reference img{max-height:65%;object-fit:contain;}.pv3-result:empty{display:none;}
  #modo-pintar .free-shell{flex:1;min-height:0;padding:0;display:grid;grid-template-columns:64px minmax(0,1fr) 124px;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"head head head" "status canvas actions" "status canvas palette" "guide guide guide";gap:4px 7px;}
  #modo-pintar .free-shell header{grid-area:head;display:flex;gap:8px;align-items:center;justify-content:center;}.free-shell header>*{margin:0;font-size:13px!important;}
  #modo-pintar .fp-top-actions{position:absolute;right:42px;top:0;font-size:10px;}.fp-top-actions button{font-size:10px;padding:4px;}
  #modo-pintar .free-status{grid-area:status;font-size:11px;gap:5px;margin:0;}
  #modo-pintar .fp-canvas-wrap{grid-area:canvas;height:100%;min-height:0;width:100%;margin:0;display:flex;justify-content:center;align-items:center;}
  #modo-pintar #fp-canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;flex:none;}
  #modo-pintar .fp-actions{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;gap:4px;align-self:center;}#modo-pintar .fp-actions button{min-height:36px;padding:5px;font-size:11px;}
  #modo-pintar #fp-guide{grid-area:guide;font-size:10px;margin:0;}.fp-palette>b{font-size:9px;}.fp-color{width:32px;height:32px;}
  #modo-pintar .fp-reference:not(.hidden){position:absolute;inset:30px 24% 45px 18%;max-height:none;z-index:2;background:var(--surface);}.fp-reference canvas{max-height:65%;object-fit:contain;}
  #trivia .pfe{flex:1;min-height:0;height:auto;width:100%;padding:0;margin:0;gap:4px;}
  #trivia .pfe-head{flex:none;padding:3px;}.pfe-head h2{font-size:16px;}.pfe-head p{font-size:10px;margin:0;}.pfe-head-actions button{min-height:30px;font-size:10px;padding:4px;}
  #trivia .pfe-layout{min-height:0;display:grid;grid-template-columns:minmax(105px,.6fr) minmax(0,1.6fr) minmax(110px,.65fr) minmax(105px,.6fr);grid-template-rows:minmax(0,1fr);gap:5px;}
  #trivia .pfe-layout>.pfe-panel:first-child{grid-column:1;grid-row:1;}#trivia .pfe-layout>.pfe-stage{grid-column:2;grid-row:1;}#trivia .pfe-layout>.pfe-panel:nth-child(3){grid-column:3;grid-row:1;}#trivia .pfe-layout>.pfe-panel:nth-child(4){grid-column:4;grid-row:1;}
  #trivia .pfe-global-save{position:static!important;transform:none!important;width:auto!important;align-self:center;margin:0!important;min-height:32px!important;padding:4px 12px!important;}
  #game-fullscreen-toggle{width:32px!important;height:32px!important;min-height:32px!important;right:5px!important;top:4px!important;bottom:auto!important;}
  #trivia .pfe-layout>.pfe-panel{grid-column:auto;min-height:0;max-height:100%;overflow:auto;margin:0;padding:4px;}
  #trivia .pfe-panel .pfe-panel-body{display:flex;flex-direction:column;padding:3px;gap:5px;min-width:0;}
  #trivia .pfe-panel .pfe-tools,#trivia .pfe-panel .pfe-actions{display:grid;grid-template-columns:1fr;gap:4px;}
  #trivia .pfe-panel .pfe-library{grid-template-columns:repeat(2,minmax(0,1fr));}
  #trivia .pfe-panel summary{position:relative;display:block;overflow-wrap:normal;font-size:10px;line-height:1.25;min-height:36px;padding:4px 15px 4px 4px;}
  #trivia .pfe-panel summary:after{position:absolute;right:2px;top:4px;font-size:13px;}#trivia .pfe-panel .pfe-grab{display:inline;width:12px;height:auto;font-size:10px;}
  #trivia .pfe-panel input,#trivia .pfe-panel select{min-width:0;max-width:100%;}
  #trivia .pfe-stage{min-width:0;min-height:0;height:100%;align-self:stretch;container-type:size;padding:0;display:flex;flex-direction:column;justify-content:center;}
  #trivia .pfe-canvas-wrap{width:min(100%,calc((100cqh - 48px)*1.5));flex:none;aspect-ratio:3/2;margin:auto;}
  #trivia .pfe-canvas-wrap canvas{width:100%;height:100%;}.pfe-selected{font-size:10px;margin:3px;}
  #trivia .pfe-panel button,#trivia .pfe-panel summary{min-height:34px;font-size:12px;padding:4px;}.pfe-field{font-size:11px;}.pfe-global-save{flex:none;min-height:32px;padding:4px;font-size:12px;}
  .game-modal-backdrop{padding:8px;}.game-modal{max-height:calc(100dvh - 16px);overflow:auto;padding:10px;}.game-modal .modal-mark{font-size:20px;}.game-modal h3{margin:5px 0;font-size:17px;}.game-modal .modal-label{margin:4px 0;font-size:12px;}.game-modal input{padding:5px;min-height:30px;}.game-modal .modal-actions{margin-top:6px;}.game-modal button{min-height:32px;padding:5px 10px;}
}
@media (orientation:landscape) and (max-height:600px){
  #map-screen .mw-micro-section{left:178px;top:52px;bottom:max(90px,env(safe-area-inset-bottom));width:132px;max-height:none;padding:6px;z-index:9;overflow:visible;background:rgba(8,20,38,.96);}
  #map-screen .mw-micro-section.is-needed{display:flex;}
  #map-screen .mw-micro-section h3{font-size:12px;}#map-screen .mw-micro-section p{font-size:11px;line-height:1.2;margin:0;}
  #map-screen .mw-micro-rail{grid-template-columns:repeat(3,32px);gap:5px;padding:3px;overflow:auto;}
  #map-screen .mw-rail-marker{width:32px;height:32px;min-height:32px;}
  #map-screen .mw-rail-link.is-visible{display:block!important;}
  #map-screen .mw-micro-marker.is-active:not(.is-rail-focus):not(.is-drag-focus):not(.is-hint){opacity:0;}
  #modo-pintar .free-status span{padding:5px 2px;font-size:11px;}
  #modo-pintar .pv3-dashboard span{font-size:11px;padding:4px 2px;}
  #modo-pintar .pv3-header,#modo-pintar .free-shell header{gap:4px;flex-wrap:wrap;}
  #modo-pintar .pv3-header h2{font-size:13px;}#modo-pintar .pv3-kicker{font-size:10px;}
  #modo-pintar .pv3-palette>b,#modo-pintar .fp-palette>b{font-size:10px;line-height:1.15;}
  #modo-pintar .fp-palette{grid-area:palette;max-height:90px;overflow:auto;gap:4px;margin:0;}
  #modo-pintar #fp-guide{font-size:11px;line-height:1.2;}
  #hub-menu .brand{padding:0 0 5px;}#hub-menu .brand>div{font-size:23px;}#hub-menu .brand h1,#hub-menu .brand h2{font-size:28px;}#hub-menu .brand p{margin:4px;font-size:11px;}#hub-menu .hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;}#hub-menu .hub-card{min-height:58px;padding:7px;gap:3px;}#hub-menu .hub-card b{font-size:12px;}#hub-menu .hub-card span{font-size:10px;}#hub-menu .local-note{font-size:10px;margin:4px;}
  #trivia .pfe-head{margin:0;}.pfe-head-actions{padding-right:30px;}
  #ajustes .settings-box p{font-size:10px;line-height:1.25;margin:5px 0;}#ajustes .theme-option{min-height:32px;padding:4px;}#ajustes .theme-option small{font-size:9px;}
}