/*
Theme Name: Unknown Clone
Theme URI: https://unknownclone.com
Author: Unknown Clone
Description: A dark, text-first MMORPG website and development journal, featuring a one-time-per-page-load cinematic opening.
Version: 0.1.6
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: unknown-clone
*/
:root{color-scheme:dark;--uc-bg:#0d0e0e;--uc-panel:#171818;--uc-border:#453e32;--uc-fg:#e0d7c7;--uc-muted:#a7a092;--uc-accent:#bd9d6b;--uc-red:#8b463c}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--uc-bg);color:var(--uc-fg);font-family:Georgia,'Times New Roman',serif;line-height:1.7}a{color:var(--uc-accent)}a:hover{color:#f0d9ae}a:focus-visible,button:focus-visible{outline:2px solid #eac68d;outline-offset:4px}h1,h2,h3,h4{line-height:1.23;letter-spacing:.02em}h1{font-size:clamp(2.6rem,6vw,5.5rem)}h2{font-size:clamp(1.6rem,3vw,2.75rem)}.wp-site-blocks{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.uc-wrap{width:min(1100px,calc(100% - 3rem));margin-inline:auto}.uc-header{border-bottom:1px solid var(--uc-border);background:#111313}.uc-header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.15rem 0}.uc-brand{font-size:1.12rem;letter-spacing:.2em;text-decoration:none;font-weight:700;color:var(--uc-fg)}.uc-nav{display:flex;flex-wrap:wrap;gap:1.3rem}.uc-nav a{text-decoration:none;color:var(--uc-muted);font-family:system-ui,sans-serif;font-size:.8rem;letter-spacing:.075em;text-transform:uppercase}.uc-nav a:hover{color:var(--uc-accent)}.uc-footer{border-top:1px solid var(--uc-border);padding:2rem 0;color:var(--uc-muted);font: .78rem system-ui,sans-serif;text-align:center;letter-spacing:.08em}.uc-section{padding:5rem 0}.uc-section--muted{background:#141515}.uc-eyebrow{font:700 .73rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em;color:var(--uc-accent)}.uc-lead{font-size:clamp(1.15rem,2.2vw,1.5rem);color:var(--uc-muted);max-width:45rem}.uc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.uc-card{background:var(--uc-panel);border:1px solid var(--uc-border);padding:1.5rem;min-height:11rem}.uc-card h3{margin-top:0}.uc-card p{color:var(--uc-muted)}.uc-link{display:inline-block;margin-top:1rem;border:1px solid #8d764f;padding:.65rem 1.2rem;text-decoration:none;color:var(--uc-fg);text-transform:uppercase;font:.75rem system-ui,sans-serif;letter-spacing:.12em}.uc-link:hover{background:#29251d}.uc-post-list{display:grid;gap:1.2rem}.uc-post{border-bottom:1px solid var(--uc-border);padding:1.5rem 0}.uc-post h2,.uc-post h3{margin:.3rem 0}.uc-post h2 a,.uc-post h3 a{color:var(--uc-fg);text-decoration:none}.uc-meta{font:.73rem system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--uc-accent)}.uc-article{max-width:750px;padding:5rem 0}.uc-article p,.uc-article li{font-size:1.08rem}.uc-article .wp-block-post-content{overflow-wrap:break-word}.uc-page-intro{padding:5rem 0 2rem}.uc-rule{border:0;border-top:1px solid var(--uc-border);margin:3rem 0}.uc-empty{padding:3rem 0;color:var(--uc-muted)}.uc-archive-pagination{margin:2rem 0 4rem}.uc-archive-pagination a{padding:.5rem}.uc-screenreader{position:absolute;left:-9999px}.uc-screenreader:focus{left:1rem;top:1rem;z-index:9999;background:#fff;color:#000;padding:.5rem}
/* Homepage cinematic sequence, no images, no session persistence */
.uc-intro{position:relative;display:grid;place-items:center;min-height:100svh;padding:4rem 1.5rem;background:radial-gradient(ellipse at center,#1b1a19 0%,#0d0e0e 65%);text-align:center;isolation:isolate}.uc-intro::before,.uc-intro::after{content:"";position:absolute;inset:24px;border:1px solid rgba(177,147,101,.15);pointer-events:none}.uc-intro::after{inset:32px;border-color:rgba(177,147,101,.07)}.uc-intro-stage{max-width:900px;width:100%;min-height:12rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.uc-intro-line{font-size:clamp(1.25rem,3vw,2.2rem);font-weight:400;line-height:1.6;color:#e5ddce;opacity:0;transform:translateY(7px);transition:opacity 1050ms ease,transform 1050ms ease;margin:0}.uc-intro-line.is-visible{opacity:1;transform:translateY(0)}.uc-intro-line.is-leaving{opacity:0;transform:translateY(-5px)}.uc-intro-line.is-emphasis{color:#e8c896}.uc-intro-final{opacity:0;transform:translateY(10px);transition:opacity 1400ms ease,transform 1400ms ease;display:none}.uc-intro-final.is-visible{display:block;opacity:1;transform:translateY(0)}.uc-intro-final h1{margin:0;color:#e9dfca;font-size:clamp(2.8rem,8vw,7rem);letter-spacing:.16em;line-height:1.2;text-shadow:0 0 45px rgba(171,117,69,.12)}.uc-intro-final p{margin:1rem 0 2.5rem;color:#baa789;font-style:italic;font-size:clamp(1rem,2vw,1.35rem)}.uc-enter{opacity:0;transition:opacity 1s ease;pointer-events:none}.uc-enter.is-visible{opacity:1;pointer-events:auto}.uc-intro-note{position:absolute;bottom:2rem;left:1rem;right:1rem;font:.68rem system-ui,sans-serif;letter-spacing:.18em;color:#766f63;text-transform:uppercase}.uc-site-content{scroll-margin-top:0}.uc-home-header{display:none}.uc-home-header.is-visible{display:block}.uc-intro.is-complete .uc-intro-note{display:none}body.home .uc-footer{display:none}body.home.uc-site-entered .uc-footer{display:block}
@media(max-width:700px){.uc-header-inner{flex-direction:column;align-items:flex-start}.uc-nav{gap:.9rem}.uc-grid{grid-template-columns:1fr}.uc-section{padding:3.5rem 0}.uc-intro::before{inset:12px}.uc-intro::after{inset:18px}.uc-intro-final h1{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.uc-intro-line,.uc-intro-final,.uc-enter{transition:none!important}}

/* Homepage: normal-flow navigation above the cinematic stage. The stage fills only
   the remaining viewport, including when mobile navigation wraps. */
body.home .uc-front-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
body.home .uc-front-shell>.uc-header{flex:0 0 auto;position:relative;z-index:2}
body.home .uc-front-shell>.uc-intro{flex:1 1 auto;min-height:0;padding-block:max(3.5rem,7vh);}
body.home .uc-front-shell .uc-intro-stage{min-height:0}
@media(max-width:700px){
 body.home .uc-front-shell>.uc-intro{padding:3rem 1.5rem 4rem;min-height:24rem}
 body.home .uc-header-inner{gap:.7rem;padding:.9rem 0}
 body.home .uc-nav{row-gap:.45rem;column-gap:1rem}
 body.home .uc-intro-final h1{overflow-wrap:anywhere}
}

/* Center header content against the full viewport, including a visible scrollbar.
   The wrapper keeps the same width on short and scrolling pages. Relative left
   uses the header's containing width, so the offset is half the scrollbar width
   (zero with overlay scrollbars). This updates in CSS without waiting for JS.
   Only the inner content moves; the header stays in normal document flow. */
.uc-header-inner {
 width: min(1100px, calc(100vw - 3rem));
 position: relative;
 left: calc((100vw - 100%) / 2);
}
html { scrollbar-width: thin; scrollbar-color: #3d372f #0d0e0e; }
html::-webkit-scrollbar { width: 8px; }
html::-webkit-scrollbar-track { background: #0d0e0e; }
html::-webkit-scrollbar-thumb { background: #3d372f; border-radius: 8px; }
html::-webkit-scrollbar-thumb:hover { background: #6d5b42; }

/* Journal typography and separate entry panels. Body-class selectors also cover
   previously saved WordPress templates that lack the new uc-journal class. */
:is(.uc-journal, body.blog .site-main, body.archive .site-main) {
 width: min(900px, calc(100% - 3rem));
 padding-block: clamp(2rem, 4vw, 3.5rem);
}
:is(.uc-journal, body.blog .site-main, body.archive .site-main) > h1 {
 max-width: none;
 margin: 0 0 1.75rem;
 padding-bottom: 1.25rem;
 border-bottom: 1px solid var(--uc-border);
 font-size: clamp(1.8rem, 3.2vw, 2.5rem);
 line-height: 1.2;
 letter-spacing: .01em;
 overflow-wrap: anywhere;
}
:is(.uc-journal, body.blog .site-main, body.archive .site-main) > .wp-block-query {
 max-width: none;
 margin-block: 0;
}
:is(.uc-journal, body.blog .site-main, body.archive .site-main) .wp-block-post-template {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: 1.25rem;
 margin: 0;
 padding: 0;
 list-style: none;
}
:is(.uc-journal, body.blog .site-main, body.archive .site-main) .wp-block-post-template > li {
 margin: 0;
 min-width: 0;
}
.uc-post {
 margin: 0;
 padding: clamp(1.1rem, 2.5vw, 1.75rem);
 background: var(--uc-panel);
 border: 1px solid var(--uc-border);
 border-left: 3px solid #8d764f;
 overflow-wrap: anywhere;
}
.uc-post > * { margin-block: 0; }
.uc-post > * + * { margin-block-start: .75rem; }
.uc-post .wp-block-post-date {
 color: var(--uc-muted);
 font: .75rem/1.5 system-ui, sans-serif;
 letter-spacing: .06em;
 text-transform: uppercase;
}
.uc-post h2, .uc-post h3, .uc-post .wp-block-post-title {
 margin: .5rem 0 .75rem;
 font-size: clamp(1.25rem, 2vw, 1.6rem);
 line-height: 1.3;
 letter-spacing: .01em;
}
.uc-post .wp-block-post-title a:hover { color: var(--uc-accent); }
.uc-post .wp-block-post-excerpt {
 color: var(--uc-muted);
 font-size: 1rem;
 line-height: 1.7;
}
.uc-post .wp-block-post-excerpt__excerpt { margin: 0; }
.uc-post .wp-block-post-excerpt__more-text { margin: 1rem 0 0; }
.uc-post .wp-block-post-excerpt__more-link {
 display: inline-block;
 padding-block: .25rem;
 font: 600 .78rem/1.5 system-ui, sans-serif;
 letter-spacing: .05em;
 text-underline-offset: .2em;
}
:is(.uc-journal, body.blog .site-main, body.archive .site-main) .wp-block-query-pagination {
 display: flex;
 flex-wrap: wrap;
 gap: .75rem;
 margin-top: 2rem;
 font: .875rem/1.6 system-ui, sans-serif;
}
body.single-post .uc-article { padding-block: clamp(2rem, 4vw, 3.5rem); }
body.single-post .uc-article > .wp-block-post-title {
 margin-block: .75rem 1rem;
 font-size: clamp(1.8rem, 4vw, 2.75rem);
 overflow-wrap: anywhere;
}
body.single-post .uc-article > .wp-block-post-date {
 color: var(--uc-muted);
 font: .8rem/1.5 system-ui, sans-serif;
}
body.single-post .uc-article > .uc-rule { margin-block: 1.75rem; }