/* Shared base for all Inferno landing templates: reset, image tiles, MC "add server" mock, toast. */
@font-face{font-family:"Silkscreen";src:url(assets/Silkscreen-Bold.ttf);font-weight:700;font-display:swap}
/* Sora, self-hosted (variable 400-800); latin-ext carries Turkish letters and the ₺ sign. */
@font-face{font-family:Sora;font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/sora-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Sora;font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/sora-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,*::before,*::after{box-sizing:border-box;margin:0}
ul,ol{padding:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.3}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid #ffb347;outline-offset:3px}
.ico{width:1em;height:1em;fill:currentColor;flex:none}

/* Image tile: set --img on the element. Zooms gently on hover. */
.pic{position:relative;overflow:hidden;isolation:isolate;background:#241a16}
.pic::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img) center/cover no-repeat;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pic:hover::before{transform:scale(1.05)}

/* Minecraft "add server" mock. Scales with font-size of the parent. */
.mc{font-family:"Silkscreen",ui-monospace,monospace;display:grid;gap:.35em;font-size:1em;min-width:0}
.mc span{color:#a8a8a8;font-size:.8em;letter-spacing:.02em}
.mc .in{display:block;width:100%;background:#000;border:2px solid #a8a8a8;color:#fff;padding:.5em .6em;margin-bottom:.45em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc button.in:hover{border-color:#fff}
.mc i{font-style:normal;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#fff;color:#111;font:600 14px/1 system-ui,sans-serif;padding:12px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:99;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.toast.on{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Legibility shade over image tiles (override --shade per template). */
.pic::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--shade,linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0) 45%))}
.pic.dim::before{filter:blur(5px) brightness(.38);transform:scale(1.12)}
.pic.dim::after{display:none}

/* Default footer */
.foot{text-align:center;margin-top:56px;display:grid;gap:6px;justify-items:center;font-size:13px}
.foot b{font-family:"Silkscreen",monospace;font-size:20px;letter-spacing:.02em}
.foot small{opacity:.5;font-size:11px}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;opacity:.6;margin-top:6px}
.foot nav a:hover{text-decoration:underline}
.dot{display:inline-block;width:.5em;height:.5em;border-radius:50%;background:#3ddc68;margin-right:.45em;vertical-align:.1em}