/* ==========================================================================
   Spot Hunters — capa urbana de la interfaz del juego
   Va DESPUÉS de style.css. Para volver al estilo anterior basta con quitar el
   <link> de index.html. Guía de estilo: wp-build/ESTILOS.md

   No se toca: iconos (.pmNav i, icons.js, logos), minijuegos y extras
   (boxeo, dardos, billar, póker, misiones, paintball, vending, ático, piso,
   dron, admin), la app de Instagram, marcadores en el mundo, polaroids de la
   galería, papel de firma y vista previa de skins (fondo claro a propósito).

   Sin reglas genéricas de button, .card ni .tbtn: los minijuegos las comparten.
   Los <style> que inyecta el JS van después de esta hoja: por eso "html body".
   ========================================================================== */

:root{
  --panel:rgba(11,11,12,.92); --line:#26262b; --text:#ecebe8; --muted:#9a9a9f;
  --accent:#ff2e88; /* magenta y no lima: muchas reglas ponen texto blanco encima */
  --ui-bg:rgba(11,11,12,.94); --ui-bg2:#151518; --ui-bg3:#1d1d21; --ui-line:#26262b; --ui-radius:0px;
  --gold:#c6ff00;

  --u-bg:#0b0b0c; --u-bg2:#111113; --u-bg3:#151518; --u-modal:#0e0e10; --u-line:#26262b;
  --u-lime:#c6ff00; --u-mag:#ff2e88; --u-tx:#ecebe8; --u-mu:#9a9a9f;
  --u-mono:"Space Mono",ui-monospace,monospace;
  --u-sans:"Space Grotesk",system-ui,sans-serif;
  --u-disp:Anton,Impact,sans-serif;
  --u-cut:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}

html,body{font-family:var(--u-sans)}

/* --- Aislamiento: minijuegos y extras conservan sus variables y su fuente --- */
#boxHud,#boxFlash,#boxCharge,#vendHint,#vendMenu,#tiendaHint,#tiendaMenu,#pbHint,#dartHint,#dartLayer,#dartMenu,
#poolHint,#poolLayer,#poolMenu,#pkHint,#pkLayer,#pkMenu,#misHud,#misHint,#misDuel,#misEnd,
#misWires,#misFight,#phHint,#phPanel,#tabHint,#pisoHint,#dronOsd,
#pauseMenu .pmPage.igApp,#pauseMenu.phone .pmPage.igApp{
  --text:#eef0f3; --muted:#9aa3ad; --line:rgba(255,255,255,.12); --panel:rgba(18,20,24,.82); --accent:#ff3d7f;
  --ui-bg:rgba(14,16,22,.9); --ui-bg2:rgba(255,255,255,.055); --ui-bg3:rgba(255,255,255,.1);
  --ui-line:rgba(255,255,255,.1); --ui-radius:14px; --gold:#ffd21f;
  font-family:Inter,system-ui,sans-serif;
}

/* --- Radio 0. Fuera de esta lista a propósito: botones redondos del joypad,
   muestras de color, deck del monopatín, símbolos del plano de metro y el móvil --- */
#panelBody,#panelToggle#panelToggle,.palHead button,.palHead select,#hardPresets button,#dripBtn,
#undoStroke,#undoBtn,#eraserBtn,#hideOthersBtn,#hideBox,#clearMine,.cTabs,.cTabs button,.nameRow input,
#playerList,#playerList li i,#unlockHint,#travelHint,#busHint,#skateHint,#tripodHint,#mouseHint,#mouseHint b,
#travelHint b,#busHint b,#skateHint b,#tripodHint b,
#roomBtn,#pauseBtn,#credits,#invBtn,#chatBtn,#inviteToast,#inviteToast button,
#skateSpeed,#trickBtn,.mkSw,.rlSw,.rlLen button,#chromeBtn,
.rooms button,.rooms input,.rooms .code,#roomWho,#roomKick button,
.card.inv,.card.rooms,#galleryMenu .card.gallery,#tripodMenu .card.tripod,
.card.inv .line button,#galleryMenu button,#tripodMenu button,#galleryMenu .tabs,#galleryMenu .tab,
#invGrid .slot,#invGrid .slot button,#invGrid .slot .qty,#invGrid .slot .hk,
#hotbar,#hotbar .hs,#hotbar .hs .k,#hotbar .hs .qty,
#chatBox .tabs button,#chatLog,#chatForm,#chatTo,#chatIn,
.lbTabs,.lbTabs button,.lbForm input,.lbForm button,.lbUserRow button,
#overlay.hasBg > .card,#overlay .lgIn input,#overlay #playBtn,
#escMenu .escBox,#escMenu button,#creator .crCard,#creator .cuChip,#creator .crGo,
#travelMenu .card.travel.metro,#busMenu .card.travel.metro,.mPic,.mGo,.mInfo,
.pmRow select,.shopCredits,.shopThumb,.cuPreview,.cuTile canvas,.cuTile img,.pmCard .cuChip,
.pmCard .shopCats button,.pmCard .cuTabs button,.pmCard .shopTabs button,.pmCard .shopBuy,
.coRow input,.coList li,.kbRow button,.kbList .kbReset{border-radius:0 !important}

/* --- HUD --- */
#topbar .brand{font-family:var(--u-disp);font-weight:400;letter-spacing:.06em;font-size:1.15em}
#topbar{background:rgba(11,11,12,.72);padding:3px 9px;text-shadow:none} /* tira oscura: sobre paredes claras no se leía */
#topbar .sub{color:#d6d6d9}
#panelBody{background:var(--panel);border:1px solid var(--u-line)}
.sw.sel{box-shadow:0 0 0 2px var(--u-lime)}
.slider input,.check input,#pauseMenu .pmPage:not(.igApp) input[type=range],#painterList input{accent-color:var(--u-lime)}
#help b{color:var(--u-lime)}
#loadFill{background:var(--u-lime)}

.palHead button,.palHead select,#hardPresets button,#dripBtn,#undoStroke,#undoBtn,#eraserBtn,#hideOthersBtn,#clearMine,
.cTabs button,#panelToggle#panelToggle,#roomBtn,#pauseBtn,#credits,#invBtn,#chatBtn,#chromeBtn,#roomKick button{font-family:var(--u-mono)}
.palHead select option{background:var(--u-bg2)}
#hardPresets button.sel,#dripBtn.on,#eraserBtn.on,#hideOthersBtn.on,.cTabs button.sel{background:var(--u-lime);border-color:var(--u-lime);color:#000;box-shadow:none}
#clearMine:hover{background:rgba(255,46,136,.25)}
#undoStroke:hover{background:rgba(198,255,0,.14)}
#undoStroke .n:not(:empty),#undoBtn .n:not(:empty){background:var(--u-lime);color:#000;border-radius:0}
#chromeBtn.sel{box-shadow:0 0 0 2px var(--u-lime)}

#pauseBtn,#credits,#roomBtn{background:var(--ui-bg);border:1px solid var(--u-line);box-shadow:none;backdrop-filter:none}
#credits{color:var(--u-lime)}
#invBtn{background:var(--ui-bg);border-color:var(--u-line)}
#invBtn.on{background:var(--u-lime);border-color:var(--u-lime);color:#000}
#playerList{background:var(--ui-bg);border:1px solid var(--u-line);box-shadow:none}
#modeBtn.paint{background:rgba(255,46,136,.75)}
#crouchBtn.on{background:rgba(198,255,0,.75);color:#000}
#skateBtn,#trickBtn{background:rgba(198,255,0,.88);color:#000;font-family:var(--u-mono)}
#travelBtn{background:rgba(198,255,0,.88);color:#000;font-family:var(--u-mono)}
#trickToast b{font-family:var(--u-disp);font-weight:400;letter-spacing:.02em}
#trickToast span,#skateSpeed{font-family:var(--u-mono)}
#skateSpeed{background:var(--ui-bg);border:1px solid var(--u-line)}

/* Avisos de tecla (el verde del bus y el rojo del trípode son código de color) */
#travelHint,#busHint,#skateHint,#tripodHint,#unlockHint{background:var(--ui-bg);border:1px solid var(--u-line);box-shadow:none;backdrop-filter:none}
#travelHint b,#skateHint b{background:var(--u-lime);color:#000;font-family:var(--u-mono)}
#busHint b,#tripodHint b{font-family:var(--u-mono)}
html body #casaHint,html body #carHint{border-radius:0;background:var(--ui-bg);border:1px solid var(--u-line);box-shadow:none}
html body #casaHint b,html body #carHint b{border-radius:0;background:var(--u-lime);color:#000;font-family:var(--u-mono)}

/* Barra rápida */
#hotbar{background:var(--ui-bg);border:1px solid var(--u-line);box-shadow:none;backdrop-filter:none}
#hotbar .hs{background:var(--u-bg3);border-color:var(--u-line)}
#hotbar .hs.on{background:rgba(198,255,0,.14);border-color:var(--u-lime);box-shadow:none}
#hotbar .hs .k,#hotbar .hs .qty{font-family:var(--u-mono)}

/* Chat (los colores de nombre los pone el JS) */
#chatBox{font-family:var(--u-sans)}
#chatBox .tabs button{font-family:var(--u-mono);background:var(--ui-bg);border-color:var(--u-line)}
#chatBox .tabs button.sel{background:var(--u-lime);color:#000}
#chatLog,#chatForm{background:var(--ui-bg);backdrop-filter:none}
#chatIn,#chatTo{background:#08080a;border:1px solid #333;color:var(--u-tx)}
#chatIn:focus,#chatTo:focus{border-color:var(--u-lime);outline:0}
#chatLog .map{color:var(--u-lime)}
#chatBtn{background:var(--ui-bg);border-color:var(--u-line)}

/* --- Pantalla de acceso --- */
#overlay .lgPanel{background:rgba(11,11,12,.94);border-left:3px solid var(--u-lime);font-family:var(--u-sans)}
#overlay .lgIn input{background:#08080a;border:1px solid #333;color:var(--u-tx);font-family:var(--u-sans)}
#overlay .lgIn input:focus{background:#08080a;border-color:var(--u-lime);box-shadow:none;outline:0}
#overlay #playBtn{background:var(--u-lime);color:#000;font-family:var(--u-mono);font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  border:0;box-shadow:none;clip-path:var(--u-cut);transition:background .15s,color .15s,transform .12s}
#overlay #playBtn:hover{background:#fff;color:#000;transform:translateY(-2px)}
#overlay #playBtn:active{transform:translateY(1px)}
#overlay .lgNew:hover,#overlay .lgOut{color:var(--u-lime)}
#overlay .lgRemember input{accent-color:var(--u-lime)}
#overlay .lgMsg,#overlay .lgHello{font-family:var(--u-mono)}
/* recuperar contraseña: mismo estilo que JUGAR AHORA */
#overlay .lgRsBtn{background:var(--u-lime);color:#000;font-family:var(--u-mono);font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  border:0;border-radius:0;box-shadow:none;clip-path:var(--u-cut);transition:background .15s,color .15s,transform .12s}
#overlay .lgRsBtn:hover{background:#fff;color:#000;transform:translateY(-2px)}
#overlay .lgRsBtn:active{transform:translateY(1px)}
#overlay .lgForgot,#overlay .lgLink{color:#b9b9c0;font-family:var(--u-mono);font-size:12px}
#overlay .lgForgot:hover,#overlay .lgLink:hover{color:var(--u-lime)}
#overlay .lgRsTitle{font-family:var(--u-disp);font-weight:400;font-size:22px;letter-spacing:.03em;text-transform:uppercase}
#overlay .lgRsNote{font-family:var(--u-sans)}
@media (max-width:760px){
  #overlay .lgPanel{border-left:none;border-top:3px solid var(--u-lime)}
}

.lbTabs{background:#08080a;border:1px solid var(--u-line)}
.lbTabs button{font-family:var(--u-mono)}
.lbTabs button.sel{background:var(--u-lime);color:#000;box-shadow:none}
.lbForm input{background:#08080a;border:1px solid #333}
.lbForm input:focus{border-color:var(--u-lime);outline:0}

/* --- Móvil de pausa: se conserva la forma del teléfono, sin los iconos --- */
#pauseMenu.phone .phFrame{background:#111113;box-shadow:0 40px 90px rgba(0,0,0,.6),inset 0 0 0 1px #26262b,inset 0 0 0 4px #0b0b0d}
#pauseMenu.phone .phFrame::before,#pauseMenu.phone .phFrame::after{background:#26262b}
#pauseMenu.phone .phX{background:var(--u-lime);color:#000;font-family:var(--u-mono)}
#pauseMenu.phone .phX:hover{background:#fff}
#pauseMenu.phone .phGlass{font-family:var(--u-sans);background:
  radial-gradient(90% 55% at 100% 0%,rgba(255,46,136,.30),transparent 60%),
  radial-gradient(90% 55% at 0% 100%,rgba(198,255,0,.16),transparent 60%),
  repeating-linear-gradient(-45deg,rgba(255,255,255,.015) 0 1px,transparent 1px 14px),
  #0b0b0c}
#pauseMenu.phone .phGlass.inApp{background:#0b0b0c}
#pauseMenu.phone .phStatus{font-family:var(--u-mono);font-weight:700;font-size:13px}
#pauseMenu.phone .phBar{border-bottom-color:var(--u-line)}
#pauseMenu.phone .phBack{color:var(--u-lime);font-family:var(--u-mono);font-size:14px}
#pauseMenu.phone .phTitle{font-family:var(--u-disp);font-weight:400;font-size:19px;letter-spacing:.04em;text-transform:uppercase}
#pauseMenu.phone .phBig{font-family:var(--u-disp);font-weight:400;font-size:84px;letter-spacing:.01em}
#pauseMenu.phone .phDate,#pauseMenu.phone .phWidget .pmMeta{font-family:var(--u-mono)}
#pauseMenu.phone .pmNav b{font-family:var(--u-sans)}
#pauseMenu.phone .pmTip{border-radius:0;background:var(--u-bg3);border:1px solid var(--u-line);border-left:3px solid var(--u-lime);backdrop-filter:none}

/* Apps del móvil y páginas de pausa */
#pauseMenu .pmPage:not(.igApp) h2,#pauseMenu .pmPage:not(.igApp) .shopHead h2{font-family:var(--u-disp);font-weight:400;letter-spacing:.03em;text-transform:uppercase}
#pauseMenu .pmPage:not(.igApp) .shopHead h2::before{border-radius:0;background:var(--u-lime)}
#pauseMenu .pmPage:not(.igApp) button{font-family:var(--u-mono)}
#pauseMenu .pmPage:not(.igApp) button:not(.cuSw):not(.cuBoard){border-radius:0}
#pauseMenu .pmPage:not(.igApp) button:not(.cuSw):not(.cuTile):not(.shopThumb):hover{border-color:var(--u-lime)}
#pauseMenu .pmPage:not(.igApp) button.sel:not(.cuSw):not(.cuTile):not(.shopThumb){border-color:var(--u-lime);background:rgba(198,255,0,.12);color:var(--u-lime);box-shadow:none}
#pauseMenu .pmPage:not(.igApp) .pmSub{color:var(--u-mu);font-family:var(--u-mono)}
#pauseMenu .pmRow select{background:#08080a;border:1px solid #333;color:var(--u-tx);font-family:var(--u-mono)}
#pauseMenu .pmRow select:focus{border-color:var(--u-lime);outline:0}
#pauseMenu .pmRow select option{background:var(--u-bg2)}

.pmCard .shopCredits,#pauseMenu .shopCredits{background:var(--u-lime);border:0;color:#000;font-family:var(--u-mono);font-weight:700;box-shadow:none}
.pmCard .shopTabs button{border-color:transparent}
.pmCard .shopTabs button:hover{color:var(--u-tx);background:rgba(255,255,255,.04)}
.pmCard .shopTabs button.sel{color:var(--u-lime);border-color:var(--u-lime);background:rgba(198,255,0,.1);box-shadow:none}
.pmCard .shopTabs button.sel svg{color:var(--u-lime);filter:none}
.pmCard .shopCats button.sel{background:var(--u-lime);border-color:var(--u-lime);color:#000}
.shopItem .shopName{font-family:var(--u-sans)}
.shopItem.owned .shopName{color:var(--u-lime)}
.shopThumb.sel,.cuTile.sel canvas,.cuTile.sel img{box-shadow:0 0 0 2px var(--u-lime)}
#pauseMenu .pmPage .shopBuy{background:var(--u-lime);border:0;color:#000;font-family:var(--u-mono);font-weight:700;box-shadow:none;clip-path:var(--u-cut);transition:background .15s,transform .12s}
#pauseMenu .pmPage .shopBuy:hover{background:#fff;color:#000;border:0}
#pauseMenu .pmPage .shopBuy:disabled{background:#2a2a2e;color:var(--u-mu);clip-path:none}
#pauseMenu.phone .shopFoot{background:rgba(11,11,12,.94)}

.pmCard .cuTabs button.sel,.pmCard .cuChip.sel,#pauseMenu .pmPage .cuTabs button.sel,#pauseMenu .pmPage button.cuChip.sel{background:var(--u-lime);border-color:var(--u-lime);color:#000}
.cuSw.sel{box-shadow:0 0 0 2px var(--u-lime)}

.coBody h3{color:var(--u-lime);font-family:var(--u-disp);font-weight:400;letter-spacing:.03em;text-transform:uppercase}
.coBody h4{color:var(--u-mu);font-family:var(--u-mono)}
.coRow input{background:#08080a;border:1px solid #333;color:var(--u-tx)}
.coRow input:focus{border-color:var(--u-lime);outline:0}
.coList li{background:var(--u-bg3);border:1px solid var(--u-line)}
.coMsg{font-family:var(--u-mono)}

.kbList h4{color:var(--u-lime);font-family:var(--u-mono)}
.kbRow button{font-family:var(--u-mono);background:#08080a;border:1px solid #333}
.kbRow button.wait{border-color:var(--u-lime);color:var(--u-lime)}

html body #pauseMenu .muGen button.sel,html body #pauseMenu .muMode button.sel,html body #pauseMenu .muList button.sel{border-color:var(--u-lime);background:rgba(198,255,0,.12)}
html body #pauseMenu .grTrain input,html body #pauseMenu .moTile,html body #pauseMenu .moTile canvas,html body #pauseMenu .moRow{border-radius:0}

/* --- Ventanas: inventario, salas, galería, trípode, menú Esc --- */
.card.inv,.card.rooms,#galleryMenu .card.gallery,#tripodMenu .card.tripod,#escMenu .escBox{background:var(--u-modal);border:1px solid var(--u-line);border-top:3px solid var(--u-lime);box-shadow:none}
.card.inv h2,.card.rooms h2,#galleryMenu .card.gallery h2,#tripodMenu .card.tripod h2,#escMenu .escBox h2,#creator .crCard h2,#overlay.hasBg > .card h2{font-family:var(--u-disp);font-weight:400;letter-spacing:.03em;text-transform:uppercase}
.card.inv .line button,.rooms button,#galleryMenu button,#tripodMenu button{font-family:var(--u-mono)}
.rooms button.primary,#inviteToast .yes{background:var(--u-lime);border:0;color:#000;box-shadow:none;clip-path:var(--u-cut)}
.rooms button.primary:hover{background:#fff;color:#000}
.rooms input{background:#08080a;border:1px solid #333}
.rooms input:focus{border-color:var(--u-lime);outline:0}
.rooms .code{background:rgba(255,46,136,.22);font-family:var(--u-mono)}
.rooms #roomState{color:var(--u-mu);font-family:var(--u-mono)}
#inviteToast{background:var(--u-modal);border:1px solid var(--u-line);border-top:3px solid var(--u-lime);box-shadow:none}
#roomKick button.on{background:var(--u-mag);border-color:var(--u-mag);color:#fff}

#invGrid .slot{background:var(--u-bg3);border-color:var(--u-line)}
#invGrid .slot.on{background:rgba(198,255,0,.1);border-color:var(--u-lime)}
#invGrid .slot button{background:var(--u-lime);color:#000;font-family:var(--u-mono)}
#invGrid .slot .hk{background:var(--u-mag);color:#fff}
#invGrid .slot .qty{background:var(--u-lime);color:#000;font-family:var(--u-mono)}

#galleryMenu .tab{font-family:var(--u-mono)}
#galleryMenu .tab.on{background:var(--u-lime);color:#000}

#escMenu button{font-family:var(--u-mono)}
#escMenu button.escMain{background:var(--u-lime);color:#000;clip-path:var(--u-cut)}
#escMenu button.escMain:hover{background:#fff;color:#000}

#creator .crCard{background:var(--u-modal);border:1px solid var(--u-line);border-top:3px solid var(--u-lime)}
#creator .cuChip.sel{background:var(--u-lime);border-color:var(--u-lime);color:#000}
#creator .crGo{background:var(--u-lime);color:#000;font-family:var(--u-mono);clip-path:var(--u-cut)}
#creator .crGo:hover{background:#fff}

/* --- Metro y autobús: plano oscuro; paradas y pin siguen redondos --- */
#travelMenu .card.travel.metro,#busMenu .card.travel.metro{background:var(--u-modal);color:var(--u-tx);border:1px solid var(--u-line);border-top:3px solid var(--u-lime);box-shadow:none}
#travelMenu .mHead,#busMenu .mHead{background:var(--u-bg2);color:var(--u-tx)}
#travelMenu .mHead h2,#busMenu .mHead h2{font-family:var(--u-disp);font-weight:400;letter-spacing:.03em;text-transform:uppercase}
#travelMenu .mMap,#busMenu .mMap{background-color:var(--u-modal)}
#travelMenu #travelList .k,#busMenu #busList .k{background:var(--u-line);color:var(--u-tx);font-family:var(--u-mono)}
#travelMenu #travelList .nm,#busMenu #busList .nm{color:var(--u-tx)}
#travelMenu #travelList li.sel .k,#busMenu #busList li.sel .k{background:var(--u-lime);color:#000}
#travelMenu #travelList li.sel .nm,#busMenu #busList li.sel .nm{color:var(--u-lime)}
#travelMenu #travelList li.soon .nm,#busMenu #busList li.soon .nm{color:var(--u-mu)}
#travelMenu #travelClose,#busMenu #busClose{border-radius:0;border:1px solid var(--u-line);background:var(--u-bg3);color:var(--u-tx)}
#travelMenu #travelClose:hover,#busMenu #busClose:hover{background:var(--u-lime);border-color:var(--u-lime);color:#000}
#travelMenu .mInfo,#busMenu .mInfo{background:var(--u-bg3);color:var(--u-tx)}
#travelMenu .mTxt p,#busMenu .mTxt p,#travelMenu .metro .hint,#busMenu .metro .hint{color:var(--u-mu)}
#travelMenu .mTxt h3,#busMenu .mTxt h3{color:var(--u-tx)}
#travelMenu .mStop,#busMenu .mStop{color:var(--u-lime)}
#travelMenu .mGo,#busMenu .mGo{background:var(--u-lime);color:#000;font-family:var(--u-mono);clip-path:var(--u-cut)}
#travelMenu .mGo:hover,#busMenu .mGo:hover{background:#fff;color:#000}
#travelMenu .mGo:disabled,#busMenu .mGo:disabled{background:#2a2a2e;color:var(--u-mu);clip-path:none}

/* --- Bloques que inyecta el JS --- */
html body #carSel .box{background:var(--u-modal);border:1px solid var(--u-line);border-top:3px solid var(--u-lime);border-radius:0}
html body #carSel h2{font-family:var(--u-disp);font-weight:400;letter-spacing:.03em;text-transform:uppercase}
html body #carSel .car,html body #carSel .car img,html body #carSel .bar,html body #carSel .pic .n{border-radius:0}
html body #carSel .bar i{background:var(--u-lime)}
html body #carSel button:not(.arr):not(.sec):not(.close){background:var(--u-lime);color:#000;font-family:var(--u-mono);border-radius:0;clip-path:var(--u-cut)}
html body #carSel button.sec{background:var(--u-bg3);color:var(--u-tx);font-family:var(--u-mono);border-radius:0}
html body #carHud .kmh{font-family:var(--u-mono)}

html body #emoteWheel path{fill:rgba(11,11,12,.86)}
html body #emoteWheel path.hov{fill:rgba(198,255,0,.4)}
html body #emoteWheel path.on{stroke:var(--u-lime)}

html body #grafPick,html body #mobjBuild{background:var(--ui-bg);border:1px solid var(--u-line);border-radius:0}
html body #grafPick button,html body #mobjBuild button{background:var(--u-bg3);border-radius:0;font-family:var(--u-mono)}
html body #grafPick button.main,html body #mobjBuild button.main,html body #mobjBuild button.on{background:var(--u-lime);color:#000}

html body #casaMenu .cmCard{background:var(--u-modal);color:var(--u-tx);border:1px solid var(--u-line);border-top:3px solid var(--u-lime);border-radius:0;font-family:var(--u-sans)}
html body #casaMenu header{background:var(--u-bg2)}
html body #casaMenu h2{font-family:var(--u-disp);font-weight:400;letter-spacing:.03em;text-transform:uppercase}
html body #casaMenu section{border-bottom-color:var(--u-line)}
html body #casaMenu h3,html body #casaMenu .cmNote,html body #casaMenu .cmWag label{color:var(--u-mu)}
html body #casaMenu select,html body #casaMenu input{background:#08080a;border:1px solid #333;border-radius:0;color:var(--u-tx)}
html body #casaMenu button.cmB{background:var(--u-bg3);border:1px solid var(--u-line);border-radius:0;color:var(--u-tx);font-family:var(--u-mono)}
html body #casaMenu button.cmB:hover{border-color:var(--u-lime)}
html body #casaMenu button.cmB.sel,html body #casaMenu button.cmB.main{background:var(--u-lime);border-color:var(--u-lime);color:#000}
html body #casaMenu button.cmB.warn{color:var(--u-mag)}
html body #casaMenu .cmTile{background:var(--u-bg3);border-color:var(--u-line);border-radius:0}
html body #casaMenu .cmTile img,html body #casaMenu .cmTile canvas{border-radius:0}
html body #casaMenu .cmTile button{background:var(--u-bg);color:var(--u-tx);border-radius:0;font-family:var(--u-mono)}
html body #casaMenu .cmTabs{background:var(--u-bg2)}
html body #casaMenu .cmTabs button{border-radius:0;background:var(--u-bg3);color:var(--u-tx);font-family:var(--u-mono)}
html body #casaMenu .cmTabs button.sel{background:var(--u-lime);color:#000}
html body #casaMenu .cmSoon,html body #casaMenu .cmSoon b{color:var(--u-tx)}

html body #travelLoad .tl{font-family:var(--u-disp) !important;font-weight:400 !important;text-transform:uppercase}
html body #travelLoad .tl small{font-family:var(--u-mono) !important}
html body #travelLoad .tl u{background:var(--u-lime) !important}

/* Móvil a pantalla completa: sin marco */
@media (max-width:560px),(max-height:520px){
  #pauseMenu.phone .phFrame{box-shadow:none}
}