/* Eggware responsive stabilization layer. Every rule is page-scoped. */
html{max-width:100%;overflow-x:hidden}body{max-width:100%;overflow-x:hidden}img{max-width:100%}:where(button,a,input,select,textarea){min-width:0}:where(button,a){touch-action:manipulation}:where(input,select,textarea){max-width:100%}
body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header{width:100%;gap:16px}body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header>a:first-child{flex:0 0 auto}body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header>nav,body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header>div:last-child{min-width:0}

/* Matchmaking: T.R.I.C.K and 1V1 */
body[data-eggware-page="trick"] main,body[data-eggware-page="onevone"] main{width:min(1500px,calc(100% - 40px))}
body[data-eggware-page="trick"] .layout,body[data-eggware-page="onevone"] .layout{grid-template-columns:minmax(250px,290px) minmax(0,1fr)}
body[data-eggware-page="trick"] .game-room,body[data-eggware-page="onevone"] .game-room{min-width:0}
body[data-eggware-page="trick"] .chat-form,body[data-eggware-page="onevone"] .chat-form{grid-template-columns:minmax(0,1fr) 90px}

/* Bingo */
body[data-eggware-page="bingo"] main{width:min(1450px,calc(100% - 40px))}
body[data-eggware-page="bingo"] .workspace{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}
body[data-eggware-page="bingo"] .board-panel{min-width:0}
body[data-eggware-page="bingo"] .board{width:100%;aspect-ratio:1;grid-template-columns:repeat(5,minmax(0,1fr))}
body[data-eggware-page="bingo"] .square{min-width:0;overflow:hidden}

/* Overlay builder */
body[data-eggware-page="overlay"] .builder-shell{width:min(1500px,calc(100% - 40px))}
body[data-eggware-page="overlay"] .builder-grid{grid-template-columns:minmax(460px,680px) minmax(0,1fr)}
body[data-eggware-page="overlay"] .preview-side{min-width:0}

/* Chatbot */
body[data-eggware-page="chatbot"] main{width:min(1450px,calc(100% - 40px))}
body[data-eggware-page="chatbot"] .grid{grid-template-columns:minmax(0,1fr) minmax(250px,340px)}
body[data-eggware-page="chatbot"] .variables{display:flex;flex-wrap:wrap}

/* Player profile and moderation */
body[data-eggware-page="players"] main,body[data-eggware-page="player-admin"] main{width:min(1450px,calc(100% - 40px))}
body[data-eggware-page="players"] .profile-grid{grid-template-columns:minmax(260px,360px) minmax(0,1fr)}
body[data-eggware-page="players"] .history,body[data-eggware-page="player-admin"] .reports{min-width:0;overflow-x:auto}

/* Roulette */
body[data-eggware-page="roulette"] .shell{width:min(1320px,calc(100% - 32px))}
body[data-eggware-page="roulette"] .layout{grid-template-columns:minmax(170px,220px) minmax(330px,1fr) minmax(250px,310px)}
body[data-eggware-page="roulette"] .loadout,body[data-eggware-page="roulette"] .kit{min-width:0}
body[data-eggware-page="roulette"] .attachments{max-width:100%;overflow-x:auto;overflow-y:hidden}

/* Analytics and owner screens */
body[data-eggware-page="analytics"] main,body[data-eggware-page="admin-operations"] main,body[data-eggware-page="admin-access"] main{width:min(1450px,calc(100% - 40px))}
body[data-eggware-page="analytics"] .metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
body[data-eggware-page="analytics"] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-eggware-page="analytics"] .bars{overflow-x:auto}
body[data-eggware-page="admin-operations"] .metrics{grid-template-columns:repeat(6,minmax(0,1fr))}

/* MAPGUESSR */
body[data-eggware-page="mapguessr"] main,body[data-eggware-page="map-admin"] main{width:min(1450px,calc(100% - 40px))}
body[data-eggware-page="mapguessr"] .game,body[data-eggware-page="map-admin"] .form-grid{min-width:0}
body[data-eggware-page="map-admin"] .location-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

/* Contact inbox */
body[data-eggware-page="contact"] main{width:min(1600px,calc(100% - 40px))}

/* Social page */
body[data-eggware-page="socials"] .social-main{width:min(680px,calc(100% - 28px))}

@media(max-width:1180px){
  body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header{padding-inline:20px!important}
  body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header>div:last-child{font-size:7px}
  body[data-eggware-page="roulette"] .layout{grid-template-columns:180px minmax(320px,1fr) 270px}
  body[data-eggware-page="analytics"] .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-eggware-page="admin-operations"] .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:900px){
  body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header{min-height:64px!important;height:auto!important;padding:8px 14px!important;flex-wrap:wrap}
  body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header img{width:42px!important;height:42px!important}
  body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header>div:last-child{margin-left:auto;text-align:right}
  body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header>nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:3px}
  body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header>nav a{flex:0 0 auto}
  body[data-eggware-page="trick"] main,body[data-eggware-page="onevone"] main,
  body[data-eggware-page="bingo"] main,body[data-eggware-page="chatbot"] main,
  body[data-eggware-page="players"] main,body[data-eggware-page="player-admin"] main,
  body[data-eggware-page="analytics"] main,body[data-eggware-page="admin-operations"] main,
  body[data-eggware-page="admin-access"] main,body[data-eggware-page="mapguessr"] main,
  body[data-eggware-page="map-admin"] main{width:calc(100% - 24px)}
  body[data-eggware-page="trick"] .layout,body[data-eggware-page="onevone"] .layout{grid-template-columns:1fr}
  body[data-eggware-page="trick"] .sidebar,body[data-eggware-page="onevone"] .sidebar{min-height:auto}
  body[data-eggware-page="trick"] .hero,body[data-eggware-page="onevone"] .hero{min-height:0;padding:60px 0 35px}
  body[data-eggware-page="trick"] .hero h1,body[data-eggware-page="onevone"] .hero h1{font-size:clamp(70px,20vw,130px);letter-spacing:-4px}
  body[data-eggware-page="bingo"] .workspace{grid-template-columns:1fr}
  body[data-eggware-page="bingo"] .controls{position:static}
  body[data-eggware-page="overlay"] .builder-grid{grid-template-columns:1fr}
  body[data-eggware-page="overlay"] .preview-side{position:static;order:-1}
  body[data-eggware-page="chatbot"] .grid{grid-template-columns:1fr}
  body[data-eggware-page="players"] .profile-grid{grid-template-columns:1fr}
  body[data-eggware-page="roulette"] .layout{grid-template-columns:1fr}
  body[data-eggware-page="roulette"] .layout>aside{display:block;border:0;padding:0}
  body[data-eggware-page="roulette"] .class-list{display:flex;gap:6px;overflow-x:auto}
  body[data-eggware-page="roulette"] .class-row{flex:0 0 150px}
  body[data-eggware-page="roulette"] .wild{margin-left:0}
  body[data-eggware-page="analytics"] .grid{grid-template-columns:1fr}
  body[data-eggware-page="analytics"] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-eggware-page="admin-operations"] .grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header>div:last-child{display:none}
  body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header>nav{gap:5px}
  body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header>nav a{min-height:38px;padding:0 10px!important;display:flex;align-items:center;border:1px solid #283137;border-radius:7px;font-size:7px}
  body[data-eggware-page] .hero{min-height:0!important}
  body[data-eggware-page] .hero h1{overflow-wrap:normal;word-break:normal}
  body[data-eggware-page] :where(.hero-actions,.actions,.split,.result-buttons,.control-buttons){grid-template-columns:1fr!important}
  body[data-eggware-page] :where(.hero-actions,.actions){flex-direction:column}
  body[data-eggware-page] :where(.hero-actions,.actions)>*{width:100%}
  body[data-eggware-page] :where(input,select,textarea){font-size:16px!important}
  body[data-eggware-page="trick"] .game-room,body[data-eggware-page="onevone"] .game-room{padding:12px}
  body[data-eggware-page="trick"] .players,body[data-eggware-page="onevone"] .players{grid-template-columns:1fr}
  body[data-eggware-page="trick"] .player-card,body[data-eggware-page="onevone"] .player-card{min-height:0}
  body[data-eggware-page="trick"] .chat-form,body[data-eggware-page="onevone"] .chat-form{grid-template-columns:minmax(0,1fr) 72px}
  body[data-eggware-page="trick"] .tr,body[data-eggware-page="onevone"] .tr{min-width:620px}
  body[data-eggware-page="bingo"] .hero{padding:45px 0 25px}
  body[data-eggware-page="bingo"] .hero-stat{display:none}
  body[data-eggware-page="bingo"] .board-panel{padding:8px}
  body[data-eggware-page="bingo"] .board{gap:3px}
  body[data-eggware-page="bingo"] .square{padding:3px;font-size:clamp(7px,2.6vw,11px)}
  body[data-eggware-page="bingo"] .board-toolbar{align-items:flex-start;gap:10px;flex-direction:column}
  body[data-eggware-page="bingo"] .board-toolbar>div:last-child{display:flex;width:100%}
  body[data-eggware-page="bingo"] .board-toolbar button{flex:1}
  body[data-eggware-page="overlay"] .builder-shell{width:calc(100% - 20px);padding-top:20px}
  body[data-eggware-page="overlay"] .builder-head{display:block}
  body[data-eggware-page="overlay"] .fields.two,body[data-eggware-page="overlay"] .fields.three,body[data-eggware-page="overlay"] .fields.four{grid-template-columns:1fr}
  body[data-eggware-page="overlay"] .rosters{grid-template-columns:1fr}
  body[data-eggware-page="chatbot"] .hero{padding:45px 0 25px}
  body[data-eggware-page="chatbot"] .activation,body[data-eggware-page="chatbot"] .setup{align-items:flex-start;flex-direction:column}
  body[data-eggware-page="roulette"] .shell{width:calc(100% - 16px)}
  body[data-eggware-page="roulette"] header{align-items:flex-start}
  body[data-eggware-page="roulette"] .controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  body[data-eggware-page="roulette"] .controls>*{min-width:0;width:100%!important}
  body[data-eggware-page="roulette"] .weapon{height:150px}
  body[data-eggware-page="roulette"] .kit{grid-template-columns:1fr 1fr}
  body[data-eggware-page="roulette"] .twocol{grid-column:1/-1}
  body[data-eggware-page="analytics"] .metrics,body[data-eggware-page="admin-operations"] .metrics{grid-template-columns:1fr 1fr}
  body[data-eggware-page="admin-operations"] form{grid-template-columns:1fr}
  body[data-eggware-page="admin-operations"] textarea{grid-column:auto}
  body[data-eggware-page="map-admin"] .form-grid{grid-template-columns:1fr}
  body[data-eggware-page="map-admin"] .location-grid{grid-template-columns:1fr}
}

@media(max-width:380px){
  body[data-eggware-page]:not([data-eggware-page="home"]):not([data-eggware-page="collection"])>header>a:first-child span{display:none}
  body[data-eggware-page="bingo"] .square{font-size:7px}
  body[data-eggware-page="roulette"] .controls{grid-template-columns:1fr}
  body[data-eggware-page="analytics"] .metrics,body[data-eggware-page="admin-operations"] .metrics{grid-template-columns:1fr}
}