/* Fixed Immortal layout; neutral text and original template panel artwork. */
.proto-public { font-family:MuseoSans,Arial,sans-serif; color:#e6e6e6; font-size:13px; text-align:left; }
.proto-public p { margin:8px 0; line-height:1.6; }
.proto-section-title { font:normal 16px/1.5 MuseoSlab,Georgia,serif; color:#c9c9c9; padding:7px 0; margin:12px 0 6px; border-bottom:1px solid #161616; }
.proto-public h4 { color:#c9c9c9; font:normal 14px/1.5 MuseoSlab,Georgia,serif; margin-top:12px; }
.proto-data { width:100%; border-collapse:collapse; margin:6px 0; font:inherit; color:#e6e6e6; }
.proto-data th { color:#c9c9c9; font-weight:normal; text-align:left; padding:6px 5px; border-bottom:1px solid #303035; }
.proto-data td { color:#e6e6e6; padding:6px 5px; border-bottom:1px solid #161616; vertical-align:top; }
.proto-tabs { border-bottom:1px solid #303035; padding-bottom:8px; line-height:2; }
.proto-tabs a { display:inline-block; padding:4px 9px; margin:0 3px 4px 0; background:rgba(0,0,0,.2); border:1px solid #303035; color:#c9c9c9; }
.proto-tabs a.is-current { color:#fff; background:rgba(255,255,255,.05); }
.proto-filters { margin:12px 0; line-height:2; }
.proto-caption { color:#999; font-size:11px; }
.proto-bullets { padding-left:16px; }
.proto-bullets li { list-style:disc; margin:7px 0; }
.proto-public a { color:#c9c9c9; }
.proto-public a:hover { color:#fff; }
.proto-home-actions { display:flex; gap:8px; }
.proto-home-actions a { padding:7px 12px; border:1px solid #303035; background:rgba(0,0,0,.2); }
#top_menu li a { padding-left:13px; padding-right:13px; }
#protomu-world-panel { position:static; width:auto; display:block; padding:8px 12px 10px; margin:0; background:rgba(0,0,0,.2); border-bottom:1px solid #161616; box-shadow:none; }
.proto-timer-title { font:normal 13px/20px MuseoSlab,Georgia,serif; color:#c9c9c9; margin-bottom:5px; }
.proto-timer-title span { float:right; font:normal 11px/20px MuseoSans,Arial,sans-serif; color:#999; }
#proto-event-list { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin:0; padding:0; }
.proto-event-row { list-style:none; padding:0; border:1px solid #242424; background:rgba(0,0,0,.2); }
.proto-event-heading { display:block; width:100%; border:0; border-radius:0; padding:5px 3px; margin:0; text-align:center; background:none; font:normal 11px/16px MuseoSans,Arial,sans-serif; color:#e6e6e6; cursor:pointer; }
.proto-event-heading > span { display:block; }
.proto-event-heading:hover,.proto-event-heading[aria-expanded="true"] { background:rgba(255,255,255,.05); }
.proto-event-heading:focus-visible { outline:1px solid #999; }
.proto-event-countdown { color:#c9c9c9; white-space:nowrap; font:normal 12px/16px MuseoSans,Arial,sans-serif; font-variant-numeric:tabular-nums; }
#proto-event-expanded { padding:10px 4px 2px; color:#c9c9c9; font:normal 12px/1.5 MuseoSans,Arial,sans-serif; }
#proto-event-expanded[hidden] { display:none; }
#proto-event-expanded p { margin:5px 0; }
#proto-event-expanded button { background:rgba(0,0,0,.2); border:1px solid #303035; color:#c9c9c9; padding:4px 10px; cursor:pointer; }
#left .proto-ranking-panel .body { padding:7px 10px 9px; }
.proto-ranking-panel .proto-data { font:normal 11px/15px MuseoSans,Arial,sans-serif; table-layout:auto; }
.proto-ranking-panel .proto-data th,.proto-ranking-panel .proto-data td { padding:8px 4px; text-align:center; vertical-align:middle; line-height:17px; }
.proto-ranking-panel .proto-data td:nth-child(2),.proto-ranking-panel .proto-data th:nth-child(2) { text-align:left; }
.proto-ranking-more { display:block; text-align:right; font:normal 11px/18px MuseoSans,Arial,sans-serif; color:#999; }
.proto-ranking-panel .proto-data td:nth-child(3) { white-space:normal; }
.proto-ranking-progression .proto-data { table-layout:fixed; }
.proto-ranking-progression .proto-data th:nth-child(1) { width:6%; }
.proto-ranking-progression .proto-data th:nth-child(2) { width:24%; }
.proto-ranking-progression .proto-data th:nth-child(3) { width:24%; }
.proto-ranking-progression .proto-data th:nth-child(4) { width:12%; }
.proto-ranking-progression .proto-data th:nth-child(5) { width:14%; }
.proto-ranking-progression .proto-data th:nth-child(6) { width:20%; }
.proto-ranking-progression .proto-data th { white-space:normal; overflow-wrap:break-word; }
.proto-ranking-progression .proto-data td:nth-child(2) { overflow-wrap:break-word; }
.proto-empty { color:#999; font:normal 12px/20px MuseoSans,Arial,sans-serif; margin:3px 0; }

/* Use Immortal's original textured button sprite for all primary controls. */
.proto-home-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:5px 0 9px; }
.proto-home-actions a,
.proto-event-heading,
.proto-tabs a,
#proto-event-expanded button {
    box-sizing:border-box;
    background:#161619 url('../images/button_bg.png') center top repeat-x;
    background-size:auto 120px;
    border:1px solid #55555c;
    border-top-color:#73737b;
    border-bottom-color:#353539;
    border-radius:3px;
    box-shadow:0 1px 2px #000,inset 0 0 0 1px rgba(0,0,0,.45);
    color:#e6e6e6;
    text-shadow:1px 1px 1px #000;
    text-decoration:none;
}
.proto-home-actions a { display:flex; align-items:center; justify-content:center; height:54px; padding:8px 10px; font:normal 15px/20px MuseoSlab,Georgia,serif; }
.proto-home-actions a:hover,
.proto-event-heading:hover,
.proto-event-heading[aria-expanded="true"],
.proto-tabs a:hover,
.proto-tabs a.is-current,
#proto-event-expanded button:hover {
    background-image:url('../images/button_bg.png');
    background-position:center bottom;
    background-color:#202024;
    border-color:#96969f;
    color:#fff;
    box-shadow:0 1px 3px #000,inset 0 0 0 1px rgba(255,255,255,.07);
}
#proto-event-list { gap:8px; }
.proto-event-row { border:0; background:none; }
.proto-event-heading { position:relative; height:58px; padding:7px 7px 7px; font-size:12px; line-height:18px; }
.proto-event-heading > span:first-child { font-family:MuseoSlab,Georgia,serif; color:#e6e6e6; padding-right:6px; }
.proto-event-countdown { color:#e6e6e6; font-size:12px; line-height:20px; }
.proto-event-heading::after { content:'+'; position:absolute; right:6px; top:3px; color:#c9c9c9; font:normal 12px/14px Arial,sans-serif; }
.proto-event-heading[aria-expanded="true"]::after { content:'−'; }
.proto-home-actions a:focus-visible,
.proto-event-heading:focus-visible,
.proto-tabs a:focus-visible,
#proto-event-expanded button:focus-visible { outline:2px solid #e6e6e6; outline-offset:2px; }
.proto-tabs a { padding:6px 10px; }
#proto-event-expanded button { padding:6px 14px; }
#proto-event-expanded:not([hidden]) { margin-top:9px; padding:12px; border:1px solid #353539; background:#10100f url('../images/body_bg.png') center top; }

/* Clickable area aligned with the existing header CREATE ACCOUNT artwork. */
#hand7 { display:block; position:absolute; width:279px; height:52px; margin-left:650px; margin-top:-62px; z-index:7; cursor:pointer; }
#hand7:hover,#hand7:focus-visible { background:url('../images/createhov.png') center center no-repeat; }
#hand7:focus-visible { outline:2px solid #e6e6e6; outline-offset:2px; }
