/* Layout overrides for BryceRussell/astro-minecraft-theme. Assets served locally. */
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#33271e url('/static/minecraft/imgs/blocks/dirt.png') repeat;background-size:96px;image-rendering:pixelated;color:#222;font:18px/1.5 Minecraft,system-ui,sans-serif}
main{width:100%;max-width:480px;padding:30px;background:#c6c6c6;box-shadow:0 12px 0 #0005}
h1,h2,h3{font-weight:700;line-height:1.3;margin:0 0 16px}h1{font-size:30px}h2{font-size:24px}h3{font-size:20px}
p{margin:12px 0;color:#333}label{display:block;margin:12px 0 7px}
input,select,button{font:inherit}input,select{width:100%;padding:12px;background:#171717;color:#fff;border:3px solid #666;border-radius:0}
input::placeholder{color:#aaa}input:focus,select:focus{border-color:#fff}
input#code{font-family:Monocraft,monospace;text-align:center;font-size:30px;letter-spacing:.14em;text-transform:uppercase}
button{width:100%;min-height:48px;border-style:solid;border-radius:0;padding:10px 16px;font-size:18px}
button:hover{filter:brightness(1.08)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.continue{margin-top:18px}.provider{display:flex;align-items:center;gap:14px;margin-top:14px;text-align:left;color:#fff}
.provider.gitlab{background:#e4154b;background-image:none}.provider.keycloak{background:#191919;background-image:none}
.provider span:not(.arrow){overflow-wrap:anywhere;min-width:0;flex:1}
.provider img{flex-shrink:0;width:28px;height:28px;object-fit:contain;image-rendering:auto;background:#fff;padding:3px}
.arrow{margin-left:auto}.back,a{color:#173e86}.note{font-size:15px;overflow-wrap:anywhere}
dl{margin:16px 0}dt{font-size:15px;color:#444;margin-top:12px}dd{margin:0;font-weight:bold;overflow-wrap:anywhere}
.success{color:#24692a;font-size:40px}code{font-family:Monocraft,monospace;background:#aaa;padding:3px}
@media(max-width:480px){body{padding:14px}main{padding:22px}input#code{font-size:26px}}

.handoff{text-align:center;border-top:2px solid #999;margin-top:26px;padding-top:22px}
.handoff h3{margin-bottom:16px}.handoff-qr{display:block;width:220px;max-width:100%;margin:0 auto;background:#fff;line-height:0}
.handoff-qr svg{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated}
.handoff-link{display:block;margin:15px auto 0;overflow-wrap:anywhere;font-size:15px;user-select:all}

.guest-access{background:#305c24;background-image:none;text-decoration:none;padding:10px 16px;border:3px solid #444;min-height:48px}.guest-access img{background:none;image-rendering:pixelated}.guest-error{color:#812626}

.provider.guest-access,.provider.guest-access:hover,.provider.guest-access:active{border-width:3px;border-image-width:3px;background:#305c24;background-image:none;color:#fff}
.provider.guest-access:hover{filter:brightness(1.08)}