/* ===========================================================
   THRYMORA — "Blazing Ascension" (High Rate)
   Mood: explosive, fast, molten power. Loaded only when the
   session's current world is Thrymora (see themes/tidurro/header.php).
   =========================================================== */

body.world-thrymora{
	--gold:        #ff7a1a;
	--gold-bright: #ffb347;
	--ink:         #ffe9d6;
	--ink-dim:     #d9a97e;
	--bg-deep:     #0e0402;
	--panel:       rgba(30, 12, 6, 0.88);
	--panel-soft:  rgba(38, 15, 6, 0.72);
	--panel-border:rgba(255, 122, 26, 0.45);
	--line:        rgba(255, 122, 26, 0.22);
	--row-alt:     rgba(255, 122, 26, 0.05);
	--row-hover:   rgba(255, 122, 26, 0.14);
	--danger:      #ff4d4d;
	--ok:          #b8ff6f;
	--mana:        #ffcf5e;
	--mana-bright: #ffe39a;
	--mystic:      #ff9d4d;

	font-family: "Rajdhani", "Segoe UI", Roboto, sans-serif;
	font-size: 15.5px;
}

/* Real full-page animated background. A separate fixed pseudo-element
   behind semi-transparent content did NOT composite reliably in testing
   (confirmed via pixel-sampling - correct CSS, image loaded, but never
   visibly blended through real page content). Setting the image directly
   as body's own background-image is the pattern the original theme used
   successfully, so we keep that and animate background-position instead
   of a transform (transform on body would drag all page content with it). */
body.world-thrymora{
	background-color: var(--bg-deep);
	background-image:
		radial-gradient(ellipse 60% 45% at 18% 100%, rgba(255,122,26,0.20) 0%, rgba(255,122,26,0) 60%),
		linear-gradient(180deg, rgba(10,3,1,0.30) 0%, rgba(10,3,1,0.55) 55%, rgba(10,3,1,0.80) 100%),
		url('../img/hero/thrymora-bg.jpg');
	background-size: cover, cover, 130%;
	background-position: center, center, 68% 30%;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-attachment: fixed;
	animation: thrymoraDrift 40s ease-in-out infinite alternate;
}
@keyframes thrymoraDrift{
	0%   { background-size: cover, cover, 130%; background-position: center, center, 68% 30%; }
	100% { background-size: cover, cover, 142%; background-position: center, center, 62% 24%; }
}
@media (prefers-reduced-motion: reduce){ body.world-thrymora{ animation: none; } }
@media (max-width: 780px){ body.world-thrymora{ background-attachment: scroll; } }

body.world-thrymora h1, body.world-thrymora h2, body.world-thrymora h3, body.world-thrymora h4{
	font-family: "Cinzel", Georgia, serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-shadow: 0 0 18px rgba(255,122,26,0.55), 0 2px 6px rgba(0,0,0,0.7);
}

body.world-thrymora .brand-name{
	font-family: "Cinzel", Georgia, serif;
	font-weight: 900;
	letter-spacing: 0.04em;
}

body.world-thrymora .site-topbar{
	background: linear-gradient(180deg, rgba(24,8,3,0.94), rgba(24,8,3,0.78));
	border-bottom: 2px solid var(--panel-border);
	box-shadow: 0 2px 24px rgba(255,90,20,0.18);
}

body.world-thrymora .world-switcher-btn.active,
body.world-thrymora .world-tab-btn.active{
	background: linear-gradient(135deg, var(--gold), #ff4d1a);
	color: #1a0703;
	font-weight: 700;
	box-shadow: 0 0 16px rgba(255,122,26,0.6);
}

/* Aggressive diagonal-cut hero banner */
body.world-thrymora .hero-banner{
	position: relative;
	clip-path: polygon(0 0, 100% 0, 100% 92%, 96% 100%, 0 100%);
	background: linear-gradient(135deg, rgba(255,122,26,0.16), rgba(255,60,20,0.05) 55%);
	border: 1px solid var(--panel-border);
	border-radius: 4px;
}
body.world-thrymora .hero-title{
	font-size: 2.3em;
	transform: skewX(-3deg);
}
body.world-thrymora .hero-sparkles i{
	background: radial-gradient(circle, #ffd876 0%, #ff7a1a 55%, transparent 75%);
	box-shadow: 0 0 8px 2px rgba(255,122,26,0.6);
}

body.world-thrymora .stat-card{
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
	border-color: var(--panel-border);
}
body.world-thrymora .stat-card-value{ text-shadow: 0 0 14px rgba(255,122,26,0.7); }

body.world-thrymora button,
body.world-thrymora input[type="submit"],
body.world-thrymora .btn{
	transform: skewX(-6deg);
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}
body.world-thrymora button *,
body.world-thrymora input[type="submit"] *{ transform: skewX(6deg); display: inline-block; }

body.world-thrymora .app-sidebar{
	border-right: 2px solid var(--panel-border);
	box-shadow: 6px 0 24px rgba(255,90,20,0.08);
}

body.world-thrymora .world-card.world-high{
	box-shadow: 0 0 24px rgba(255,122,26,0.35);
	transform: scale(1.03);
}

/* Base .content-panel/.app-sidebar table/#submenu are ~85-90% opaque -
   loosen so the big page-wide background actually shows through instead
   of being hidden behind a near-solid box everywhere. */
body.world-thrymora .content-panel{ background: rgba(20, 8, 4, 0.55); }
body.world-thrymora .app-sidebar table,
body.world-thrymora #submenu, body.world-thrymora #pagemenu{ background: rgba(30, 12, 6, 0.55); }