/* Mazzarot R219 — presentation only. Existing menu/form IDs are preserved. */
:root { --oz-panel:#080611; --oz-edge:#887044; --oz-gold:#dfc38b; --oz-text:#d8d2e4; }
body { background-color:#06040d!important; background-size:auto 700px!important; background-position:center top!important; background-attachment:scroll!important; color:var(--oz-text); }
.oz-hero { height:355px; display:flex; align-items:center; justify-content:center; background:linear-gradient(0deg,#06040d 0%,transparent 36%); }
.oz-hero a { display:block; width:min(590px,78vw); }
.oz-hero img { display:block; width:100%; height:auto; filter:drop-shadow(0 8px 14px #000a); }
#ArtworkHelper { min-width:0; height:auto; background:linear-gradient(#06040df2,#06040d); padding-bottom:45px; }
#Bodycontainer { display:block; min-width:0; max-width:1240px; width:calc(100% - 40px); height:auto; }
#ContentRow { top:0; display:grid; grid-template-columns:180px minmax(0,1fr) 180px; gap:18px; align-items:start; }
#MenuColumn,#ContentColumn,#ThemeboxesColumn { position:relative; inset:auto; margin:0; padding:0; width:auto; min-width:0; }
#LeftArtwork,#RightArtwork { display:none; }
#Menu { left:0; border:1px solid var(--oz-edge); box-shadow:0 5px 20px #0007; }
#MenuTop,#MenuBottom,.LeftChain,.RightChain { display:none; }
#Menu .MenuButton { width:100%; height:45px; background:linear-gradient(#17102d,#070611)!important; border-bottom:1px solid #887044; box-sizing:border-box; }
#Menu .MenuButton:hover { background:linear-gradient(#281446,#100a21)!important; }
#Menu .MenuButton .Button { background:none!important; height:45px; }
#Menu .Label { background:none!important; color:var(--oz-gold); font:bold 15px/45px Georgia,serif; letter-spacing:.5px; text-transform:uppercase; height:45px; top:0; left:43px; width:126px; text-shadow:0 2px #000; }
#Menu .Icon { top:6px; left:7px; image-rendering:pixelated; background-repeat:no-repeat; background-position:center; }
#Menu .Extend { right:4px; top:16px; }
#Menu .Submenu { width:100%; margin:0; background:#090616; }
#Menu .Submenuitem { background-color:transparent!important; }
#Menu .Submenuitem:hover { background-color:#211039!important; }
#Menu .SubmenuitemLabel { padding:8px 10px 8px 23px; border-bottom:1px solid #261b39; font:12px/1.35 Verdana,sans-serif; }
#Menu .ActiveSubmenuItemIcon { top:11px; }
#Loginbox,#DownloadBox.SmallMenuBox { box-sizing:border-box; top:0; left:0; width:180px; margin:0 0 15px; padding:12px 9px; border:1px solid var(--oz-edge); background:linear-gradient(#140c29,#080611); }
#Loginbox #LoginTop,#Loginbox #LoginBottom,#Loginbox .LoginBorder,#DownloadBox .SmallBoxTop,#DownloadBox .SmallBoxBorder,#DownloadBox .SmallBoxBottom { display:none; }
#Loginbox #LoginButtonContainer,#Loginbox .Loginstatus,#DownloadBox .SmallBoxButtonContainer { background:none!important; }
#Loginbox #LoginButton { left:5px; }
#Loginbox .Loginstatus { left:0; margin-top:5px; }
#DownloadBox #PlayNowContainer { margin:0 auto; width:150px; }
.Content .Box { margin:0 0 16px; border:1px solid var(--oz-edge); background:var(--oz-panel); box-shadow:0 6px 20px #0005; }
.Content .Box>.Corner-tl,.Content .Box>.Corner-tr,.Content .Box>.CornerWrapper-b,.Content .Box>.Border_1 { display:none; }
.Content .Box>.BorderTitleText { height:35px; background:linear-gradient(#21103d,#090516)!important; border-bottom:1px solid #a18452; }
.Content .Title { top:9px; left:12px; }
.Content .Border_2 { margin:0; background:transparent; }
.Content .Border_3 { margin:0; border:0; }
.Content .BoxContent { background:#090615!important; color:var(--oz-text); padding:20px; line-height:1.6; }
.Content .BoxContent td { color:inherit; }
.Content .BoxContent a { color:#dfc38b; }
.Content .BoxContent a:hover { color:#ffe1a5; }
.Content .OldSkullNewsArticle { color:var(--oz-text); }
.Content .TableContainer .Table1,.Content .TableContainer .Table2,.Content .TableContainer .Table3,.Content .TableContainer .Table4,.Content .TableContainer .Table5,.Content .TableContentContainer { background:#100a20; border-color:#685333; color:var(--oz-text); }
.Content .TableContainer .Odd { background:#160d29; }
.Content .TableContainer .Even { background:#0c0819; }
.Content .TableContainer .CaptionContainer,.Content .TableContainer .CaptionInnerContainer { background:#1e1035!important; }
.Content .TableContainer .InnerTableContainer td { border-color:#38254d; }
.Content .BoxContent .Odd,.Content .LabelH,.Content .LabelH td { background:#160d29; }
.Content .BoxContent .Even { background:#0c0819; }
.Content .BoxContent table[bgcolor],.Content .BoxContent tr[bgcolor],.Content .BoxContent td[bgcolor] { background:#130c25; color:var(--oz-text); }
.Content .BoxContent tr[bgcolor]:nth-child(even) { background:#0c0819; }
.Content .NewsHeadlineBackground { background:linear-gradient(90deg,#241142,#080512)!important; border-color:#887044; }
.Content .OldOzPurpleBar { height:auto!important; min-height:43px; }
.InfoBar { top:0; margin:0; padding:10px 12px; display:flex; flex-wrap:wrap; gap:10px 15px; align-items:center; height:auto; }
.InfoBar a { margin:0; float:none; font-size:10px; }
.InfoBar .OldSkullStreamSummary { margin-right:auto; }
.OldSkullStreamSummary strong { font-size:12px; }
#Themeboxes>div:not([class]),#Themeboxes>form { max-width:100%; }
#Themeboxes .rank,#Themeboxes .serversave,#Themeboxes .rashid,#Themeboxes .searchchar,#Themeboxes .donate,#OldSkullStreamers,.oz-status { height:auto; max-height:none; box-sizing:border-box; width:180px; margin:0 0 16px; background:var(--oz-panel); border:1px solid var(--oz-edge); box-shadow:0 5px 20px #0005; overflow:hidden; }
#Themeboxes [class$='_header'],#OldSkullStreamers .OldSkullStreamHeading,.oz-status h2 { box-sizing:border-box; width:100%; height:auto; min-height:39px; padding:11px 4px; margin:0; font:bold 14px/1.2 Georgia,serif; text-transform:uppercase; letter-spacing:.4px; color:var(--oz-gold); background:linear-gradient(#17102d,#090515); border-bottom:1px solid #887044; }
#Themeboxes [class$='_content'],#OldSkullStreamers .OldSkullStreamList { box-sizing:border-box; width:100%; height:auto; max-height:none; padding:12px 10px; background:none; }
#Themeboxes [class$='_bottom'],#OldSkullStreamers .OldSkullStreamFooter { display:none; }
#Themeboxes .rank_player { position:relative; padding:10px 0; border-bottom:1px solid #251735; min-height:30px; }
#Themeboxes .rank_outfit { left:-12px; }
#Themeboxes .rank_text { margin-left:43px; }
#Themeboxes .rank_text small { font-size:10px; }
#Themeboxes .rank_button,#Themeboxes .searchchar_button,#Themeboxes .donate_button,#OldSkullStreamers .OldSkullViewAllButton,.OldSkullLiveButton { box-sizing:border-box; width:100%; height:auto; min-height:31px; padding:7px; margin-top:10px; font:11px/1.4 Verdana,sans-serif; color:var(--oz-gold)!important; background:linear-gradient(#201237,#0b071a)!important; border:1px solid #a18452; cursor:pointer; }
#Themeboxes button:hover,#OldSkullStreamers a:hover { filter:brightness(1.18); }
.oz-status>a { display:block; padding:16px 6px; font:bold 12px Verdana,sans-serif; text-decoration:none; }
.oz-online { color:#9acb80; }.oz-offline { color:#e6a68d; }
#Themeboxes .serversave_countdown { color:var(--oz-gold); border-color:#887044; margin-top:10px; font-size:21px!important; }
#Themeboxes .searchchar_input { box-sizing:border-box; color:#e9ddc7; background:#05030c; border:1px solid #4c3464; }
#OldSkullStreamers .OldSkullStreamCard { background:#110921; padding:5px; }
#OldSkullStreamers .OldSkullLiveThumb { max-width:100%; height:auto; }
#Footer { padding:15px 5px; box-sizing:border-box; color:#a69b89; font-size:10px; line-height:1.7; }
#OldOzMusicToggle { box-shadow:0 3px 16px #0008; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:2px solid #d9b46c; outline-offset:3px; }
@media(min-width:1774px) { body { background-size:100% auto!important; } }
@media(max-width:1050px) { #Bodycontainer { width:calc(100% - 24px); } #ContentRow { gap:12px; grid-template-columns:180px minmax(0,1fr); } #ThemeboxesColumn { grid-column:1/-1; } #Themeboxes { display:flex; flex-wrap:wrap; gap:12px; align-items:start; } .oz-hero { height:310px; } }
@media(max-width:650px) { .oz-hero { height:245px; } #ContentRow { display:flex; flex-direction:column; } #MenuColumn,#ContentColumn,#ThemeboxesColumn { width:100%; } #MenuColumn { display:flex; flex-wrap:wrap; gap:12px; } #Menu { width:100%; } #Loginbox,#DownloadBox.SmallMenuBox { margin-bottom:0; flex:1; } #Menu .Label { width:auto; right:20px; } .Content .BoxContent { padding:12px; overflow-wrap:anywhere; overflow-x:auto; } #Themeboxes { justify-content:center; } }

/* R221: reference navigation and compact aligned rails. */
.oz-topbar { position:relative; z-index:10; background:linear-gradient(90deg,#07040f,#130a29 50%,#07040f); border-bottom:1px solid #b78d4e; box-shadow:0 2px 12px #0009; }
.oz-topbar nav { max-width:1100px; min-height:35px; padding:0 16px; margin:auto; display:flex; align-items:center; justify-content:center; gap:46px; }
.oz-topbar a { color:#d7bc87; text-decoration:none; font:bold 10px Verdana,sans-serif; letter-spacing:1px; }
.oz-topbar .oz-wordmark { font:24px Georgia,serif; letter-spacing:1px; color:#f2d08a; margin-right:26px; text-shadow:0 2px 4px #000; }
.oz-topbar a:hover,.oz-login-ribbon a:hover { color:#fff1c7; }
.oz-login-ribbon { position:relative; z-index:9; box-sizing:border-box; width:min(720px,94%); min-height:39px; margin:0 auto -39px; padding:6px 25px 8px; border:1px solid #b18b52; border-top:0; border-radius:0 0 28px 28px; background:linear-gradient(#150b2c,#06030e); box-shadow:0 4px 10px #0008; display:flex; gap:15px; justify-content:center; align-items:center; }
.oz-login-ribbon form { display:flex; align-items:center; gap:7px; margin:0; }
.oz-login-ribbon input { width:125px; min-width:0; box-sizing:border-box; height:23px; padding:4px 7px; border:1px solid #625878; border-radius:2px; background:#060310; color:#eee3cc; font:10px Verdana,sans-serif; }
.oz-login-ribbon button { height:23px; width:110px; border:1px solid #b89a5d; border-radius:4px; background:linear-gradient(#271442,#090619); color:#e7c47c; font:bold 11px Georgia,serif; letter-spacing:1px; cursor:pointer; }
.oz-login-ribbon a { color:#c5b7a7; white-space:nowrap; text-decoration:none; font:9px Verdana,sans-serif; }
.oz-hero { height:320px; padding-top:20px; box-sizing:border-box; }
.oz-hero a { width:min(530px,78vw); }
#Bodycontainer { max-width:1100px; }
#ContentRow { grid-template-columns:180px minmax(0,1fr) 180px; gap:14px; }
#Loginbox,#DownloadBox.SmallMenuBox { display:none; }
#Menu .MenuButton { height:39px; }
#Menu .MenuButton .Button { height:39px; }
#Menu .Label { line-height:39px; height:39px; font-size:14px; left:40px; }
#Menu .Icon { top:3px; left:5px; }
#Menu .Extend { top:13px; }
#Menu .SubmenuitemLabel { padding:5px 8px 5px 17px; margin:0 12px; font-size:11px; line-height:1.35; border-bottom-color:#30203f; }
#Menu .Submenu { padding:4px 0; }
#Menu .ActiveSubmenuItemIcon { top:8px; left:9px; }
#Menu .Lights { display:none; }
.Content #newsticker .oz-section-title { position:static; display:block; margin-top:-35px; height:35px; box-sizing:border-box; padding:10px 12px; font:bold 13px/15px Georgia,serif; color:#e2c38d; text-transform:uppercase; pointer-events:none; }
.Content #newsticker .BoxContent { padding:5px; min-height:0; font:11px/1.4 Verdana,sans-serif; }
.Content #newsticker .NewsTickerText { font:11px/1.5 Verdana,sans-serif; }
.Content #newsticker .NewsTickerDate { font-size:10px; }
.Content #newsticker .Row { min-height:20px; }
#Themeboxes .serversave_content { margin:8px; width:calc(100% - 16px); border-radius:3px; background:#110a20; padding:12px 4px; gap:6px; }
#Themeboxes .serversave_text { font:bold 11px Verdana,sans-serif; }
#Themeboxes .serversave_text a { text-decoration:none; }
#Themeboxes .oz-save-line { color:#c8bcaa; font:10px/1.4 Verdana,sans-serif; }
#Themeboxes .rank_content { padding:8px; }
#Themeboxes .rank_player { padding:6px 3px; min-height:32px; background:#11091f; border-bottom:1px solid #302040; }
#Themeboxes .rank_player:nth-child(even) { background:#190d2c; }
#Themeboxes .rank_text { font:11px/1.45 Verdana,sans-serif; text-align:left; margin-left:38px; }
#Themeboxes .rank_text small { font-size:10px; }
#Themeboxes .rank_outfit { left:-14px; margin-top:-20px; transform:scale(.8); }
#OldSkullStreamers .OldSkullStreamList { padding:8px; }
#OldSkullStreamers .OldSkullStreamCard { display:grid; grid-template-columns:46px minmax(0,1fr); gap:2px 7px; text-align:left; padding:6px; margin-bottom:7px; border-radius:3px; }
#OldSkullStreamers .OldSkullLiveThumb { grid-row:1/4; width:46px; height:52px; object-fit:cover; margin:0; }
#OldSkullStreamers strong { font: bold 11px/1.35 Verdana,sans-serif; overflow:hidden; text-overflow:ellipsis; }
#OldSkullStreamers small { font:9px/1.3 Verdana,sans-serif; margin:0; }
#OldSkullStreamers .OldSkullLiveButton { background:none!important; border:0; font-size:10px; min-height:0; padding:0; margin:0; text-align:left; }
@media(max-width:1050px) { #ContentRow { grid-template-columns:180px minmax(0,1fr); } }
@media(max-width:650px) { .oz-topbar nav { gap:15px; flex-wrap:wrap; padding:7px 10px; } .oz-topbar .oz-wordmark { margin:0; font-size:21px; } .oz-login-ribbon { flex-wrap:wrap; gap:8px 15px; padding:8px 12px; margin-bottom:-66px; } .oz-login-ribbon form { width:100%; justify-content:center; } .oz-login-ribbon input { flex:1; width:90px; } .oz-login-ribbon button { width:75px; } .oz-hero { height:290px; padding-top:60px; } #MenuColumn { display:block; } }

/* R222: black and deep violet palette; geometry remains unchanged. */
#OldOzMusicToggle { background:#120920!important; border-color:#a18452!important; color:#dfc38b!important; }

/* R223: compact header and intrinsic table heights in the grid layout. */
.oz-hero { height:230px; padding-top:42px; }
.oz-hero a { width:min(320px,70vw); }
#Menu .Extend { display:none; }
.oz-login-ribbon .oz-create-account { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:25px; padding:4px 10px; border:1px solid #b89a5d; border-radius:3px; color:#f4d59a; background:linear-gradient(#342044,#11091c); font:bold 10px Verdana,sans-serif; }
.Content .TableContainer .CaptionContainer,
.Content .TableContainer .CaptionInnerContainer,
.Content .TableContentContainer { height:auto; min-height:0; }
.Content .TableContainer .CaptionInnerContainer { box-sizing:border-box; padding:7px 4px; }
.Content .TableContainer { margin-bottom:14px; }
.Content .TableContentContainer { box-shadow:2px 2px 3px #0007; }
.Content .AccountStatusImage { width:48px; height:auto; max-width:none; }
@media(max-width:650px) { .oz-hero { height:235px; padding-top:65px; } .oz-login-ribbon { margin-bottom:-66px; } }

.Content .oz-public-scroll { overflow-x:auto; }
.Content .oz-public-table { width:100%; border-collapse:collapse; }
.Content .oz-public-table th,.Content .oz-public-table td { padding:9px; text-align:left; border:1px solid #39284c; overflow-wrap:anywhere; }
.Content .oz-public-table th { background:#211335; color:#e6c389; }
.Content .oz-public-table tr:nth-child(even) { background:#130c23; }
.oz-catalog-search,.oz-catalog-pagination { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0; }
.oz-catalog-search input { max-width:100%; color:#eee; background:#080610; border:1px solid #6b506e; padding:6px; }
.oz-catalog-search button,.oz-catalog-pagination a { padding:6px 12px; color:#e6c389; background:#241335; border:1px solid #9f7a48; cursor:pointer; }
.Content .Box>.oz-page-title { position:absolute; top:0; left:12px; margin:0; height:35px; font:bold 14px/35px Georgia,serif; color:#e6c389; }
.Content .NewsTickerExtend { background-image:none!important; }
.Content #newsticker .Row { cursor:pointer; }

/* R224: R222 proportions at 110%, expressed as layout dimensions (no browser zoom). */
body { background-color:#05040b!important; background-size:auto 770px!important; }
.oz-hero { height:352px; padding-top:40px; }
.oz-hero a { width:min(500px,75vw); }
#Bodycontainer { max-width:1210px; }
#ContentRow { grid-template-columns:198px minmax(0,1fr) 198px; gap:15px; }
#Menu .MenuButton,#Menu .MenuButton .Button { height:43px; }
#Menu .Label { height:43px; line-height:43px; font-size:15.4px; left:44px; }
#Menu .Icon { top:5px; left:6px; }
#Menu .SubmenuitemLabel { font-size:12.1px; padding:6px 9px 6px 19px; }
#Menu { box-shadow:0 0 0 1px #000,0 5px 20px #0009; }
.Content .Box { margin-bottom:18px; box-shadow:0 0 0 1px #000,0 6px 20px #0008; }
.Content .Box>.BorderTitleText { height:38px; }
.Content .Box>.oz-page-title { height:38px; line-height:38px; font-size:15.4px; }
.Content .BoxContent,.Content .BoxContent td { font-size:13.2px; }
.Content .BoxContent { padding:22px; }
.Content #newsticker .oz-section-title { height:38px; margin-top:-38px; padding:11px 13px; font-size:14.3px; }
.Content #newsticker .NewsTickerText { font-size:12.1px; }
.Content #newsticker .NewsTickerDate { font-size:11px; }
.Content #newsticker .NewsTickerIcon { background-size:16px 16px; background-position:center; background-repeat:no-repeat; }
#Themeboxes .rank,#Themeboxes .serversave,#Themeboxes .rashid,#Themeboxes .searchchar,#Themeboxes .donate,#OldSkullStreamers,.oz-status { width:198px; margin-bottom:18px; box-shadow:0 0 0 1px #000,0 5px 20px #0008; }
#Themeboxes [class$='_header'],#OldSkullStreamers .OldSkullStreamHeading,.oz-status h2 { min-height:43px; font-size:15.4px; padding:12px 4px; }
#Themeboxes .rank_text { font-size:12.1px; }
#Themeboxes .rank_text small { font-size:11px; }
#Themeboxes .serversave_text { font-size:12.1px; }
#Themeboxes .oz-save-line { font-size:11px; }
.oz-login-ribbon { width:min(792px,94%); min-height:44px; margin-bottom:-44px; }
.oz-login-ribbon input { height:26px; width:137px; font-size:11px; }
.oz-login-ribbon button { height:26px; width:121px; }
.oz-login-ribbon a { font-size:10px; }
.oz-authenticated-ribbon { padding:0 18px; border-radius:0; }
.oz-account-nav { min-height:43px; width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.oz-account-nav a { font:bold 11px Verdana,sans-serif; color:#e7c47c; letter-spacing:.5px; text-decoration:none; }
.oz-account-nav .oz-account-brand { font:26px Georgia,serif; white-space:nowrap; }
/* Small, dependency-free carousel between ticker and news. */
.oz-carousel { position:relative; height:172px; box-sizing:border-box; margin:0 0 18px; border:1px solid #887044; box-shadow:0 0 0 1px #000,0 6px 20px #0008; background:radial-gradient(ellipse at 20% 45%,#24163d,#090611 72%); overflow:hidden; }
.oz-carousel-slide { height:143px; display:flex; align-items:center; gap:20px; padding:4px 44px; box-sizing:border-box; }
.oz-carousel-slide[hidden],.oz-carousel-controls[hidden] { display:none; }
.oz-carousel-slide>img { width:180px; height:130px; flex:0 0 180px; object-fit:contain; }
.oz-carousel-copy { min-width:0; }
.oz-carousel-copy h2 { margin:0 0 6px; color:#dfc38b; font:bold 19px/1.2 Georgia,serif; }
.oz-carousel-copy p { margin:0 0 9px; color:#d8d2e4; font:12px/1.4 Verdana,sans-serif; }
.oz-carousel-copy a { color:#f1d49f; font:bold 11px Verdana,sans-serif; text-decoration:underline; }
.oz-carousel-controls button { cursor:pointer; border:0; color:#dfc38b; background:transparent; }
.oz-carousel-prev,.oz-carousel-next { position:absolute; top:49px; width:32px; height:46px; font:32px/1 Georgia,serif; }
.oz-carousel-prev { left:3px; }.oz-carousel-next { right:3px; }
.oz-carousel-dots { position:absolute; bottom:10px; left:50%; transform:translateX(-50%); display:flex; gap:10px; }
.oz-carousel-dots button { width:10px; height:10px; border:1px solid #ba9c68; border-radius:50%; padding:0; background:#271c38; }
.oz-carousel-dots button[aria-pressed='true'] { background:#dfc38b; }
.oz-carousel-pause { position:absolute; right:12px; bottom:7px; font:10px Verdana,sans-serif; }
@media(max-width:1155px) { #ContentRow { grid-template-columns:198px minmax(0,1fr); } #ThemeboxesColumn { grid-column:1/-1; } #Themeboxes { display:flex; flex-wrap:wrap; gap:12px; align-items:start; } }
@media(max-width:715px) { #ContentRow { display:flex; flex-direction:column; } #MenuColumn,#ContentColumn,#ThemeboxesColumn { width:100%; } #MenuColumn { display:block; } #Themeboxes { justify-content:center; } .Content .BoxContent { padding:13px; } .oz-hero { height:285px; padding-top:65px; } .oz-login-ribbon { flex-wrap:wrap; gap:8px; padding:7px 10px; margin-bottom:-66px; } .oz-login-ribbon form { width:100%; justify-content:center; } .oz-login-ribbon input { width:90px; flex:1; } .oz-login-ribbon button { width:80px; } .oz-account-nav { flex-wrap:wrap; justify-content:center; gap:10px 16px; } .oz-account-nav .oz-account-brand { width:100%; text-align:center; font-size:23px; } .oz-authenticated-ribbon { min-height:70px; margin-bottom:-70px; } .oz-carousel-slide { padding:4px 32px; gap:10px; } .oz-carousel-slide>img { width:100px; flex-basis:100px; height:110px; } .oz-carousel-copy h2 { font-size:16px; } .oz-carousel-copy p { font-size:11px; } .Content .oz-news-heading { grid-template-columns:32px minmax(0,1fr); } .Content .oz-news-heading .NewsHeadlineDate { grid-column:2; text-align:left; padding-bottom:4px; } }

.Content #eventscheduletablecontainer { overflow-x:auto; }
.Content #eventscheduletable { min-width:560px; background:#100a20; box-shadow:none; }
.Content #eventscheduletable td { border-color:#39284c; }
.Content #eventscheduletable td.default { background:#130d24; color:#d8d2e4; }
.Content #eventscheduletable td.today { background:#30203f; color:#f1d49f; box-shadow:inset 0 0 0 1px #b89a5d; }
.Content #eventscheduletable td.other_day { background:#090611; }
.Content #eventscheduletable .event_name { font-size:10px; white-space:normal; box-sizing:border-box; }

/* R226: compact existing ranking and GM news icon; ticker unchanged. */
#Themeboxes .rank_content { padding:8px; }
#Themeboxes .rank_player { box-sizing:border-box; min-height:44px; padding:3px 5px; align-items:center; gap:6px; background:#151022; }
#Themeboxes .rank_player:nth-child(even) { background:#241831; }
#Themeboxes .rank_text { min-width:0; margin-left:0; font:11px/15px Verdana,sans-serif; text-align:left; }
#Themeboxes .rank_text a { color:var(--oz-gold); }
#Themeboxes .rank_text small { color:var(--oz-text); font-size:10px; }
#Themeboxes .rank_outfit { position:static; flex:0 0 36px; width:36px; height:36px; margin:0; transform:none; background-position:right bottom; background-repeat:no-repeat; image-rendering:pixelated; }
#Themeboxes .rank_bottom { display:none; }
.Content #news .NewsHeadlineIcon { width:24px; height:24px; top:2px; left:2px; object-fit:contain; image-rendering:pixelated; }
.Content #news .NewsHeadlineDate { left:38px; width:90px; text-align:left; }
.Content #news .NewsHeadlineText { left:135px; }

/* R228: restore rounded login shape; news reference layout; account contrast. */
.oz-authenticated-ribbon { border-radius:0 0 28px 28px; padding:6px 25px 8px; }
.oz-account-nav { min-height:29px; justify-content:center; gap:32px; }
.oz-account-nav a { font:11px Verdana,sans-serif; letter-spacing:0; }
.oz-account-nav .oz-account-brand { font:bold 13px Georgia,serif; width:auto; }
.Content #news .oz-news-heading-right { display:flex; align-items:center; gap:7px; box-sizing:border-box; height:auto; min-height:30px; padding:4px 8px; background:#20252a!important; }
.Content #news .oz-news-heading-right .NewsHeadlineIcon { position:static; flex:0 0 20px; width:20px; height:20px; margin:0; }
.Content #news .oz-news-heading-right .NewsHeadlineText { position:static; flex:1; min-width:0; font:bold 12px/1.4 Verdana,sans-serif; overflow-wrap:anywhere; color:#e2d8ed; }
.Content #news .oz-news-heading-right .NewsHeadlineDate { position:static; flex:0 0 auto; width:auto; margin-left:auto; font:10px/1.4 Verdana,sans-serif; color:#d8d2e4; text-align:right; white-space:nowrap; }
.Content .oz-account-management,.Content .oz-account-management td { font-size:12px; line-height:1.45; }
.Content .oz-account-management .oz-character-name { font-size:12px; }
.Content .oz-account-management small { font-size:10px; }
.Content .oz-account-management tr[style*="background-color"] { background-color:#160d29!important; }
.Content .oz-account-management tr[style*="background-color"]:nth-child(even) { background-color:#0c0819!important; }
.Content .SmallBox .MessageContainer,.Content .SmallBox .Message { background-color:#160d29!important; color:#e2d8ed; }
@media(max-width:715px) { .oz-account-nav { gap:10px 18px; } .oz-authenticated-ribbon { min-height:44px; margin-bottom:-44px; } .oz-account-nav .oz-account-brand { width:auto; font-size:13px; } }

/* R229: original gameplay captures, proportional display without image distortion. */
.oz-gameplay-carousel {height:auto;background:#08060d;}
.oz-gameplay-carousel .oz-carousel-slides {aspect-ratio:2.4 / 1;}
.oz-gameplay-carousel .oz-carousel-slide {width:100%;height:100%;padding:0;display:block;}
.oz-gameplay-carousel .oz-carousel-slide[hidden] {display:none;}
.oz-gameplay-carousel .oz-carousel-slide>img {display:block;width:100%;height:100%;object-fit:contain;}
.oz-gameplay-carousel .oz-carousel-controls {height:30px;border-top:1px solid #39284c;}
.oz-gameplay-carousel .oz-carousel-prev,.oz-gameplay-carousel .oz-carousel-next {top:calc(50% - 38px);background:#100a20bb;border:1px solid #78623f;border-radius:3px;}

/* Blend only the artwork edges into the existing page background. */
body { background-size:1540px 770px!important; }

/* Compact slideshow inside the existing news ticker rectangle. */
.Content #newsticker .BoxContent { display:flow-root; }
.Content #newsticker .oz-gameplay-carousel { float:right; width:32%; max-width:230px; margin:0 0 0 12px; border:0; box-shadow:none; background:transparent; }
.Content #newsticker .BoxContent .Row { width:auto; overflow:hidden; }
.Content #newsticker .oz-carousel-slides { height:130px; aspect-ratio:auto; }
.Content #newsticker .oz-carousel-slide>img { object-fit:cover; object-position:center; }
.Content #newsticker .oz-carousel-controls { height:22px; border:0; }
.Content #newsticker .oz-carousel-dots { bottom:6px; gap:6px; }
.Content #newsticker .oz-carousel-dots button { width:8px; height:8px; }
.Content #newsticker .oz-carousel-prev,.Content #newsticker .oz-carousel-next { width:20px; height:30px; top:calc(50% - 26px); font-size:22px; }
.Content #newsticker .oz-carousel-pause { right:0; bottom:5px; font-size:9px; }
@media(max-width:715px) {
 .Content #newsticker .oz-gameplay-carousel { width:38%; margin-left:8px; }
}
@media(max-width:480px) {
 .Content #newsticker .oz-gameplay-carousel { float:none; width:100%; max-width:none; margin:0 0 8px; }
}

/* Show legacy news initials in white. */
.Content .oz-news-body img[src*="/images/letters/"] {
    filter: brightness(0) invert(1);
}

.Content #newsticker > .oz-ticker-header {
    position: absolute;
    inset: 0 10px auto;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    z-index: 2;
    pointer-events: none;
}
.oz-ticker-header h2 { margin: 0; color: #e6c389; font: bold 15px Georgia, serif; }
.Content .oz-box-with-languages > .oz-page-title {
    right: 145px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Content .Box > .oz-page-languages {
    position: absolute;
    top: 0;
    right: 10px;
    height: 38px;
    display: flex;
    align-items: center;
    z-index: 2;
}
.oz-language-switch { display: flex; gap: 4px; pointer-events: auto; }
.oz-language-switch button {
    display: grid;
    place-items: center;
    width: 29px;
    height: 24px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent;
    cursor: pointer;
}
.oz-language-switch button:hover, .oz-language-switch button:focus-visible,
.oz-language-switch button[aria-pressed="true"] { border-color: #e6c389; }
.oz-language-switch img { display: block; object-fit: contain; image-rendering: auto; }
.oz-language-status { padding: 6px 9px; margin: 0 0 6px; font-size: 11px; color: #e6c389; }

.oz-news-initial::first-letter { color: #fff; font: bold 1.65em/1 Georgia, serif; }

/* Typography and emphasis from the news reference. */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/cinzel-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: 'Cinzel';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/cinzel-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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/inter-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: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/inter-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;
}
:root {
    --oz-heading-font: Cinzel, Georgia, serif;
    --oz-body-font: Inter, Verdana, sans-serif;
    --oz-news-highlight: #f5ce68;
}

body,
.Content .BoxContent,
.Content .BoxContent td,
#Menu .SubmenuitemLabel,
#Themeboxes,
.oz-login-ribbon input {
    font-family: var(--oz-body-font);
}
body,
.Content .BoxContent,
.Content .BoxContent td {
    font-size: 13px;
    line-height: 1.75;
}

#Menu .Label,
.Content .Box > .oz-page-title,
.Content #newsticker .oz-section-title,
.oz-ticker-header h2,
#Themeboxes [class$='_header'],
#OldSkullStreamers .OldSkullStreamHeading,
.oz-status h2,
.oz-login-ribbon button,
.oz-login-ribbon .oz-create-account {
    font-family: var(--oz-heading-font);
    font-weight: 800;
}

.Content #newsticker .NewsTickerText {
    font: 400 13px/1.75 var(--oz-body-font);
}
.Content #newsticker .NewsTickerShortText {
    height: auto;
    min-height: 1.75em;
}
.Content #newsticker .NewsTickerDate {
    color: var(--oz-news-highlight);
    font-weight: 700;
}
.Content .oz-news-body .OldSkullNewsArticle {
    font: 400 13px/1.75 var(--oz-body-font);
}
.Content #news .oz-news-heading-right .NewsHeadlineText,
.Content #news .oz-news-heading-right .NewsHeadlineDate {
    font-family: var(--oz-body-font);
}
.Content .oz-news-body :is(strong, b, u) {
    color: var(--oz-news-highlight);
}

/* Keep the translated date and news preview in separate columns. */
.Content #newsticker .NewsTickerText {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 5px;
    line-height: 20px;
}
.Content #newsticker .NewsTickerDate {
    position: static;
    float: none;
    grid-column: 1;
    grid-row: 1;
    white-space: nowrap;
}
.Content #newsticker .NewsTickerShortText,
.Content #newsticker .NewsTickerFullText {
    grid-column: 2;
    grid-row: 1;
    margin-left: 0;
    min-width: 0;
}
.Content #newsticker .NewsTickerShortText {
    min-height: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Guest login actions */
.oz-login-ribbon:not(.oz-authenticated-ribbon) {
    width: min(700px, 94%);
    min-height: 42px;
    margin-bottom: -42px;
    --oz-login-gap: 8px;
    gap: var(--oz-login-gap);
}
.oz-login-ribbon:not(.oz-authenticated-ribbon) form {
    gap: var(--oz-login-gap);
}
.oz-login-ribbon:not(.oz-authenticated-ribbon) input {
    width: 121px;
    height: 23px;
}
.oz-login-ribbon:not(.oz-authenticated-ribbon) button {
    width: 107px;
    height: 23px;
}
@media (max-width: 715px) {
    .oz-login-ribbon:not(.oz-authenticated-ribbon) {
        margin-bottom: -66px;
    }
    .oz-login-ribbon:not(.oz-authenticated-ribbon) input {
        width: 90px;
    }
    .oz-login-ribbon:not(.oz-authenticated-ribbon) button {
        width: 80px;
    }
}

.oz-login-ribbon :is(.oz-create-account, .oz-download-client) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 96px;
    min-height: 23px;
    padding: 3px 8px;
    border: 1px solid;
    border-radius: 4px;
    font: 800 10px/1.25 var(--oz-heading-font);
    text-transform: uppercase;
}
.oz-login-ribbon .oz-create-account {
    color: #301b13;
    border-color: #ffe8a4;
    background: linear-gradient(#ffe7a0, #c88c28);
}
.oz-login-ribbon .oz-download-client {
    color: #fff;
    border-color: #a8e2a2;
    background: linear-gradient(#58b558, #166529);
}
.oz-login-ribbon :is(.oz-create-account, .oz-download-client):hover {
    filter: brightness(1.12);
}

/* Server status uses the same rows in every language. */
#Themeboxes .serversave_header {
    display: grid;
    place-items: center;
    height: 43px;
    padding: 0 4px;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: .15px;
    white-space: nowrap;
}
#Themeboxes .serversave_content {
    box-sizing: border-box;
    height: 60px;
    grid-template-rows: 16px 16px;
    gap: 4px;
    padding: 12px 4px;
}
#Themeboxes .serversave_text,
#Themeboxes .oz-save-line {
    white-space: nowrap;
}
#Themeboxes .oz-save-line {
    font: 400 10.25px/16px var(--oz-body-font);
    font-variant-numeric: tabular-nums;
}

#Themeboxes .oz-panel-empty {
    margin: 0;
    padding: 4px;
    color: var(--oz-text);
    font: 400 11px/1.5 var(--oz-body-font);
    text-align: center;
}