/* Shared Obsidian Lab presentation for entry, accounts, and pre-game rooms. */
body.obsidian-shell{--bg:#0c131b;--panel-hi:#101820;--panel-lo:#0c131b;--line:#33495b;--line-hi:#58758d;--amber:#78caff;--amber-hi:#a4dcff;--bio:#78caff;--txt:#edf2f8;--txt-dim:#a4b8cc;color-scheme:dark;color:#edf2f8;background:#0c131b!important;font-family:'Rajdhani','Segoe UI',sans-serif;animation:none;min-height:100dvh}
body.obsidian-shell::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 15%,#78caff0a,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='52'%3E%3Cpath d='M15 0H45L60 26L45 52H15L0 26ZM60 26H90M45 0L60 -26M45 52L60 78' fill='none' stroke='%2333495b' stroke-opacity='.2' stroke-width='.7'/%3E%3C/svg%3E")!important}
body.obsidian-shell:has(>.box){padding:32px;gap:clamp(24px,6vw,80px);isolation:isolate;align-items:center}
body.obsidian-shell .hx-motes{display:none}
body.obsidian-shell .hx-intro{max-width:480px;color:#edf2f8;animation:none;text-shadow:none}
body.obsidian-shell .hx-intro h1{font-family:inherit;font-size:clamp(40px,5vw,68px);font-weight:700;line-height:1.08;letter-spacing:.015em;text-shadow:none;color:#edf2f8}
body.obsidian-shell .hx-intro h1 em{color:#78caff;font-style:normal}
body.obsidian-shell>.box,body.obsidian-shell .card{background:#101820!important;border:1px solid #33495b!important;border-top:2px solid #58758d!important;border-radius:3px!important;clip-path:none;box-shadow:0 20px 60px #0005;backdrop-filter:none;animation:none}
body.obsidian-shell>.box{width:min(440px,100%);padding:28px}
body.obsidian-shell .box::before,body.obsidian-shell .card::before{display:none}
body.obsidian-shell .box img{filter:drop-shadow(0 4px 12px #0006)!important}
body.obsidian-shell h1,body.obsidian-shell h2{color:#edf2f8;text-shadow:none}
body.obsidian-shell .sub{color:#a4b8cc;letter-spacing:.12em}
body.obsidian-shell :is(input:not([type=radio]):not([type=checkbox]),select){background:#0c131b!important;border:1px solid #33495b!important;border-radius:3px!important;color:#edf2f8!important;font-family:inherit}
body.obsidian-shell input::placeholder{color:#687f96!important}
body.obsidian-shell :is(input,select):focus{border-color:#78caff!important;box-shadow:0 0 0 2px #78caff18!important}
body.obsidian-shell input[type=checkbox],body.obsidian-shell input[type=radio]{accent-color:#78caff!important}
body.obsidian-shell :is(button,a,input,select):focus-visible{outline:2px solid #78caff!important;outline-offset:3px}
body.obsidian-shell :is(.btn,.btn2,button[type=submit]){clip-path:none;border-radius:3px!important;background:#78caff!important;border:1px solid #78caff!important;color:#101820!important;font-family:inherit;font-weight:700;letter-spacing:.08em;text-shadow:none;box-shadow:none;min-height:40px}
body.obsidian-shell .btn2,body.obsidian-shell form[action="/salir_sala"] button,body.obsidian-shell a.btn{background:transparent!important;border-color:#58758d!important;color:#b6c7d7!important}
body.obsidian-shell :is(.btn,.btn2,button[type=submit]):not(:disabled):hover{background:#a4dcff!important;border-color:#a4dcff!important;color:#101820!important;filter:none}
body.obsidian-shell .btn::before,body.obsidian-shell .btn::after{display:none}
body.obsidian-shell button:disabled{opacity:.4}
body.obsidian-shell a{color:#78caff}
body.obsidian-shell a.link{color:#78caff;font-size:13px}
body.obsidian-shell hr{background:#33495b;margin:18px 0}
body.obsidian-shell ::selection{background:#78caff40}
body.obsidian-shell ::-webkit-scrollbar-track{background:#0c131b}
body.obsidian-shell ::-webkit-scrollbar-thumb{background:#33495b;border-color:#0c131b}
body.obsidian-shell th{color:#a4b8cc;border-color:#33495b}
body.obsidian-shell tr{border-color:#263b4e}
body.obsidian-shell tr:hover td{background:#78caff08}
/* Recolour fixed template accents; player identity and status colours stay distinct. */
body.obsidian-shell [style*="color:#5aff8a"],body.obsidian-shell [style*="color:#c8a840"],body.obsidian-shell [style*="color:#d8b24a"],body.obsidian-shell [style*="color:#5a8a5a"],body.obsidian-shell [style*="color:#8fb08a"]{color:#78caff!important}
body.obsidian-shell [style*="color:#5a7a5a"],body.obsidian-shell [style*="color:#5f7060"],body.obsidian-shell [style*="color:#9fb09c"],body.obsidian-shell [style*="color:#8a9a8a"],body.obsidian-shell [style*="color:#6a7a6a"]{color:#a4b8cc!important}
body.obsidian-shell [style*="background:#0a1a0a"],body.obsidian-shell [style*="background:#0a1200"],body.obsidian-shell [style*="background:#080d08"],body.obsidian-shell [style*="background:#141e14"],body.obsidian-shell [style*="background:#0a2412"]{background:#0c131b!important;border-color:#33495b!important;border-radius:3px!important}
body.obsidian-shell [style*="border-bottom:1px solid #141e14"]{border-bottom-color:#263b4e!important}
body.obsidian-shell a[href*="/idioma?"]{display:inline-block;color:#a4b8cc!important;border-color:#33495b!important;background:transparent!important;border-radius:3px!important}
body.obsidian-shell a[href*="/idioma?"][style*="color:#c8a840"]{color:#78caff!important;border-color:#58758d!important;background:#78caff12!important}
body.obsidian-shell #fab-amigos{background:#101820!important;border-color:#58758d!important;border-radius:3px!important;box-shadow:0 6px 20px #0006!important}
body.obsidian-shell #panel-amigos{background:#101820!important;border-color:#58758d!important;border-radius:3px!important}
body.obsidian-shell #panel-amigos>div{border-color:#33495b!important}
body.obsidian-shell #panel-amigos button{background:#1b2d3e!important;border-color:#58758d!important;color:#78caff!important;clip-path:none}
body.obsidian-shell .ico{border-radius:3px!important}
body.obsidian-shell input[type=radio]:checked+.ico{border-color:#78caff!important;background:#78caff12}
@media(max-width:760px){
 body.obsidian-shell:has(>.box){flex-direction:column;padding:22px 14px;gap:20px;justify-content:flex-start}
 body.obsidian-shell .hx-intro{align-self:center;width:min(440px,100%)}
 body.obsidian-shell .hx-intro h1{font-size:34px;margin:0;line-height:1.05}
 body.obsidian-shell>.box{padding:22px 18px;max-height:none}
 body.obsidian-shell .card{padding:16px 12px}
 body.obsidian-shell #fab-amigos{bottom:14px;right:14px;width:44px!important;height:44px!important;font-size:22px!important}
 body.obsidian-shell #panel-amigos{right:12px!important;bottom:68px!important}
}
/* Keep secondary actions quiet and the complete room setup easy to scan. */
body.obsidian-shell .box .btn2,body.obsidian-shell form[action="/salir_sala"] button{background:transparent!important;border-color:#58758d!important;color:#b6c7d7!important}
body.obsidian-shell .box .btn2:hover,body.obsidian-shell form[action="/salir_sala"] button:hover{background:#1b2d3e!important;border-color:#78caff!important;color:#edf2f8!important}
body.obsidian-shell a[href="/logout"]{color:#ff9285!important;border-color:#68453f!important}
body.obsidian-shell #panel-amigos input{margin-bottom:0}
body.obsidian-lobby .hx-intro{display:none}
body.obsidian-lobby>.box{width:min(620px,100%);max-height:none;padding:24px}
body.obsidian-lobby .box>div:first-child{margin-bottom:14px!important}
body.obsidian-lobby .box>div:first-child img{width:90px!important}
body.obsidian-lobby form[action="/iniciar_partida"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding-top:18px;border-top:1px solid #33495b}
body.obsidian-lobby form[action="/iniciar_partida"]>div{flex-wrap:wrap;gap:6px!important;margin:0!important;align-items:center!important;min-width:0}
body.obsidian-lobby form[action="/iniciar_partida"]>div:first-child{grid-column:1/-1}
body.obsidian-lobby form[action="/iniciar_partida"]>div>label:first-child{font-size:11px!important;text-transform:uppercase;letter-spacing:.06em;color:#a4b8cc!important;min-width:70px!important}
body.obsidian-lobby form[action="/iniciar_partida"] :is(select,input[type=number]){min-height:34px;padding:5px 8px!important;max-width:100%}
body.obsidian-lobby #sel-radio{flex:1;min-width:0}
body.obsidian-lobby form[action="/iniciar_partida"]>button{grid-column:1/-1;margin-top:4px}
body.obsidian-lobby form[action="/salir_sala"] button{min-height:34px}
@media(max-width:520px){
 body.obsidian-lobby>.box{padding:20px 16px}
 body.obsidian-lobby form[action="/iniciar_partida"]{grid-template-columns:minmax(0,1fr);gap:12px}
 body.obsidian-lobby form[action="/iniciar_partida"]>div{grid-column:1}
 body.obsidian-lobby form[action="/iniciar_partida"]>div>label:first-child{min-width:90px!important}
}