/* KO panel visual typography only. Loaded by the web panel shell. */
body.ko-panel-shell, .ko-panel-shell table, .ko-panel-shell td,
.ko-panel-shell th, .ko-panel-shell a, .ko-panel-shell a:hover,
.ko-panel-shell p, .ko-panel-shell li, .ko-panel-shell span,
.ko-panel-shell div, .ko-panel-shell font, .ko-panel-shell label,
.ko-panel-shell input, .ko-panel-shell select, .ko-panel-shell textarea,
.ko-panel-shell button {
 font-family:"Algerian","Palatino Linotype","Book Antiqua",serif!important;
}
.ko-panel-shell h1,.ko-panel-shell h2,.ko-panel-shell h3 {
 font-family:"Algerian","Palatino Linotype","Book Antiqua",serif!important;
}
.ko-panel-shell .nav1.ko-sidebar-title {
 box-sizing:border-box;width:190px;margin:12px auto 10px;padding:4px 0 10px;
 color:#d6bf8b;font-size:21px;font-weight:normal;line-height:1.25;
 border-bottom:1px solid #504531;text-shadow:0 1px 2px #000;text-align:center;
}
.ko-panel-shell .nav2 {margin-left:50px;margin-right:30px;color:#cfc4aa;}
.ko-panel-shell .ko-panel-menu {margin:0;padding:0 0 6px;list-style:none;}
.ko-panel-shell .ko-panel-menu li {margin:0;padding:0;list-style:none;}
.ko-panel-shell .ko-panel-menu a {
 position:relative;display:block;box-sizing:border-box;padding:6px 2px 6px 18px;
 font-size:15px;font-weight:normal;line-height:21px;color:#d9c8a3;
 text-decoration:none;text-shadow:0 1px 1px #000;background:transparent;
}
.ko-panel-shell .ko-panel-menu a:before {
 content:"\2022";position:absolute;left:2px;top:6px;font-size:15px;color:#d2b782;
}
.ko-panel-shell .ko-panel-menu a:hover,.ko-panel-shell .ko-panel-menu a:focus {
 color:#f0d7a0;background:linear-gradient(90deg,#574a2c66,transparent);
 outline-offset:1px;
}
.ko-panel-shell .ko-panel-menu a.ko-download,
.ko-panel-shell .ko-panel-menu a.ko-download:before {color:#e0443c;}
.ko-panel-shell .ko-panel-menu a.ko-download:hover {color:#ff6b60;}
.ko-panel-shell .nav2 table {width:100%;border-spacing:0;}
.ko-panel-shell .nav2 td {padding:4px 0;font-size:13px;line-height:18px;vertical-align:middle;}
.ko-panel-shell .nav2 td font,.ko-panel-shell .nav2 td span,
.ko-panel-shell .nav2 td b {color:#d7c9aa;font-size:13px;font-weight:normal;}
.ko-panel-shell .nav2 td:last-child {text-align:right;}
.ko-panel-shell .nav2 .sdurum1 {color:#edcd87;font-weight:bold;}
.ko-panel-shell .ko-rank-table td,.ko-panel-shell .ko-rank-table a {
 font-size:12px!important;line-height:1.3;
}


.ko-ranking{box-sizing:border-box;width:640px;max-width:96%;margin:12px auto 24px;padding:10px;background:linear-gradient(135deg,#24221d,#0c0d0d 35%,#191a18);border:1px solid #8b7346;outline:3px solid #111;box-shadow:inset 0 0 0 3px #151613,0 5px 20px #000;color:#ded8c8;text-align:center}
.ko-rank-title{position:relative;padding:20px 8px 17px;border:1px solid #655333;background:radial-gradient(ellipse at top,#39302355,transparent 70%),repeating-linear-gradient(135deg,#ffffff02 0 1px,transparent 1px 4px),#111211;box-shadow:inset 0 0 0 3px #191914}
.ko-rank-title:before,.ko-rank-title:after{content:"\25c6";position:absolute;top:32px;color:#9d7b3f;font-size:20px}.ko-rank-title:before{left:15px}.ko-rank-title:after{right:15px}
.ko-rank-title h1{margin:0 0 10px;font:small-caps bold 27px Georgia,'Times New Roman',serif;color:#e1bc70;letter-spacing:1px;text-shadow:0 2px 2px #000}
.ko-rank-title p{margin:0;color:#c8b996;font:11px Georgia,serif;letter-spacing:2px}
.ko-rank-tabs{display:flex;gap:6px;margin:10px 0}.ko-ranking .ko-rank-tabs a{box-sizing:border-box;flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:1px solid #655b46;background:linear-gradient(#292a26,#101110);color:#ddd5c2;font:14px Georgia,serif;text-decoration:none;box-shadow:inset 0 0 0 2px #161714;text-shadow:0 1px #000}
.ko-ranking .ko-rank-tabs a:hover,.ko-ranking .ko-rank-tabs a.active{color:#ffe0a0;border-color:#c59846;background:linear-gradient(#634b22,#2b200f);box-shadow:inset 0 0 0 2px #302410}
.ko-rank-tabs img{width:16px;height:16px;border:0}.ko-list-table{width:100%!important;table-layout:fixed;border-collapse:collapse;border:1px solid #716044!important;background:#101211;color:#dcd8cb;font:11px Tahoma,Arial,sans-serif}
.ko-list-table td{box-sizing:border-box;vertical-align:middle!important;height:29px!important;padding:4px 3px;border:1px solid #34332b!important;background:#151715!important;color:#ded9ca;overflow-wrap:anywhere;font:11px Tahoma,Arial,sans-serif}
.ko-list-table tr:nth-child(odd) td{background:#1c1e1b!important}.ko-list-table tr:first-child td{height:34px!important;background:linear-gradient(#303027,#121411)!important;color:#eed296!important;font:bold 12px Georgia,serif}.ko-list-table tr:first-child font{color:inherit!important}
.ko-list-table tr:nth-child(2) td{background:linear-gradient(#56431c,#34290f)!important;border-color:#7d6330!important;color:#ffe5a4}.ko-list-table tr:not(:first-child):hover td{background:#343226!important}
.ko-list-table a{color:#e1c17d!important;text-decoration:none!important;font:11px Tahoma,Arial,sans-serif}.ko-list-table a:hover{color:#ffe4a5!important;text-decoration:underline!important}

.ko-list-table img{width:16px;height:16px;vertical-align:middle;border:0}.ko-list-table .Tips3{font:inherit}.ko-rank-fragment{width:100%;margin:0;padding:0}.ko-rank-empty{padding:25px;color:#cbbb99;font:12px Tahoma,Arial,sans-serif}


.ko-panel-shell .ko-side-box{position:relative;box-sizing:border-box;width:204px;margin:0 auto;padding:12px 8px 14px;border:1px solid #8b754b;outline:2px solid #141513;background:linear-gradient(135deg,#26231d88,transparent 40%),#0b0c0b;box-shadow:inset 0 0 0 3px #161713,inset 0 0 0 4px #50452e,0 2px 5px #000;}
.ko-panel-shell .ko-side-box:before,.ko-panel-shell .ko-side-box:after{content:"";position:absolute;left:5px;right:5px;height:5px;border-left:3px solid #8b754b;border-right:3px solid #8b754b;pointer-events:none;}
.ko-panel-shell .ko-side-box:before{top:5px;border-top:1px solid #74603c}.ko-panel-shell .ko-side-box:after{bottom:5px;border-bottom:1px solid #74603c}
.ko-panel-shell .ko-side-box .ko-sidebar-title{width:auto;margin:5px 8px 10px;font-size:21px;}
.ko-panel-shell .ko-side-box .nav2{margin:0 9px;}
.ko-panel-shell .ko-side-box .nav2 td{font-size:12px;padding:5px 0;}
.ko-panel-shell .ko-side-box .ko-panel-menu a{padding-top:5px;padding-bottom:5px;font-size:14px;}
.ko-panel-shell .ko-side-box .ko-panel-menu a:before{top:5px;}
.ko-panel-shell .ko-side-box .nav2 td:first-child{text-align:left;}
.ko-panel-shell .ko-status-meter{white-space:nowrap;text-align:right;}
.ko-panel-shell .ko-status-meter img{vertical-align:middle;}
.ko-panel-shell .ko-list-table{table-layout:auto;}
.ko-panel-shell .ko-list-table td{font-size:12px;}
.ko-panel-shell .ko-list-table td:last-child{text-align:right;padding-right:9px;font-variant-numeric:tabular-nums;}
.ko-home-card{background:#10110f!important;border:1px solid #6b5d43;box-shadow:inset 0 0 0 3px #1c1c18;vertical-align:top!important;padding:0 7px 12px;}
.ko-home-title{height:53px;display:flex;align-items:center;justify-content:center;gap:10px;margin:5px 0 10px;border:1px solid #6d5b3d;background:linear-gradient(#2a2922,#11120f);color:#d9be85;font-size:19px;font-weight:normal;letter-spacing:.5px;text-shadow:0 2px #000;}
.ko-home-title img{image-rendering:auto;max-height:27px;width:auto;}
.ko-home-card table{border-collapse:collapse;}
.ko-home-card td{height:24px;border-bottom:1px solid #2c2c24;}
.ko-home-card td a{color:#d7bd82;font-size:12px;}

/* Matching header login presentation; original disabled inputs retained. */
.ko-panel-shell .ko-login-box{box-sizing:border-box;width:214px;margin:134px 0 14px;padding:10px 9px;border:1px solid #8b754b;background:linear-gradient(135deg,#2b271d55,transparent),#0b0c0b;box-shadow:inset 0 0 0 2px #151612,inset 0 0 0 3px #4d432f;color:#d7c49d;}
.ko-panel-shell .ko-login-fields{display:grid;grid-template-columns:57px 88px 40px;grid-template-rows:24px 24px;column-gap:4px;row-gap:4px;align-items:center;}
.ko-panel-shell .ko-login-fields label{font-size:12px;line-height:18px;text-shadow:0 1px #000;}
.ko-panel-shell .ko-login-fields input{box-sizing:border-box;width:88px;height:22px;padding:2px 4px;border:1px solid #6b5a3b;background:#171914;color:#cdbd9b;box-shadow:inset 0 1px 4px #000;font-size:12px;opacity:1;}
.ko-panel-shell .ko-login-fields label:nth-of-type(1){grid-column:1;grid-row:1;}
.ko-panel-shell .ko-login-fields label:nth-of-type(2){grid-column:1;grid-row:2;}
.ko-panel-shell #kullad{grid-column:2;grid-row:1;}
.ko-panel-shell #kullsifre{grid-column:2;grid-row:2;}
.ko-panel-shell .ko-login-button{grid-column:3;grid-row:1 / span 2;height:50px;width:40px;padding:0;border:1px solid #8b754b;background:linear-gradient(#3a3322,#191a13);color:#e3ca91;font-size:12px;text-shadow:0 1px #000;cursor:pointer;}
.ko-panel-shell .ko-login-button:hover{background:linear-gradient(#4b4028,#252218);color:#ffe1a2;}
.ko-panel-shell .ko-login-links{display:flex;gap:7px;margin-top:9px;padding-top:8px;border-top:1px solid #4d432f;}
.ko-panel-shell .ko-login-links a{flex:1;text-align:center;box-sizing:border-box;padding:5px 2px;border:1px solid #6b5a3b;background:linear-gradient(#29291f,#11130e);color:#d9c18c;font-size:13px;line-height:18px;text-shadow:0 1px #000;}
.ko-panel-shell .ko-login-links a:hover{border-color:#ad8b4f;color:#f6dca6;}

/* Engraved KO-style metal frames. Transparent, stretchable nine-slice asset. */
.ko-panel-shell .ko-side-box,
.ko-panel-shell .ko-login-box,
.ko-panel-shell .ko-home-card {
 border:12px solid transparent;
 border-image-source:url(ko-engraved-frame.svg);
 border-image-slice:40;
 border-image-width:25px;
 border-image-outset:4px;
 border-image-repeat:stretch;
 outline:0;
 box-shadow:inset 0 0 20px #000,0 3px 8px #000;
 background-color:#0b0c0b;
}
.ko-panel-shell .ko-side-box {width:214px;padding:9px 2px 10px;}
.ko-panel-shell .ko-side-box:before {
 content:"";position:absolute;top:-21px;left:50%;right:auto;transform:translateX(-50%);
 width:60px;height:26px;border:0;background:url(ko-engraved-crest.svg) center/contain no-repeat;
}
.ko-panel-shell .ko-side-box:after {display:none;}
.ko-panel-shell .ko-side-box .nav2 {margin:0 3px;}
.ko-panel-shell .ko-side-box .ko-sidebar-title {font-size:20px;margin:6px 3px 11px;}
.ko-panel-shell .ko-side-box .ko-panel-menu a {font-size:14px;}
.ko-panel-shell .ko-login-box {width:224px;padding:9px 3px 8px;margin-left:-5px;}
.ko-panel-shell .ko-login-fields {grid-template-columns:57px 82px 40px;column-gap:3px;}
.ko-panel-shell .ko-login-fields input {width:82px;}
.ko-panel-shell .ko-login-links a {font-size:12px;}
.ko-panel-shell .ko-home-card {position:relative;padding:0 4px 10px;}
.ko-panel-shell .ko-home-title {font-size:18px;border-color:#79623c;background:linear-gradient(#332e2055,#10110f);}

/* Selected Algerian typeface; local installed font, no external requests. */
.ko-panel-shell .ko-panel-menu a{font-family:"Algerian",Georgia,serif!important;font-weight:normal;font-size:15px;letter-spacing:.15px;}

/* Matching frame around the existing KO1534 NETWORK logo. */
.ko-panel-shell .ko-login-header{position:relative;}
.ko-panel-shell .ko-login-header:before{
 content:"";position:absolute;box-sizing:border-box;top:5px;left:8px;right:8px;height:106px;
 border:10px solid transparent;border-image-source:url(ko-engraved-frame.svg);
 border-image-slice:40;border-image-width:23px;border-image-outset:2px;
 border-image-repeat:stretch;pointer-events:none;z-index:1;
}

/* Homepage notice and client-information frames. */
.ko-panel-shell .ko-announcement-box,.ko-panel-shell .ko-home-info{
 position:relative;box-sizing:border-box;width:620px;max-width:94%;margin:18px auto;
 padding:15px 15px 18px;background:linear-gradient(135deg,#25221b66,transparent 55%),#0c0e0b;
 border:12px solid transparent;border-image-source:url(ko-engraved-frame.svg);
 border-image-slice:40;border-image-width:25px;border-image-outset:3px;border-image-repeat:stretch;
 box-shadow:inset 0 0 22px #000,0 3px 8px #000;color:#dfcc9e;
}
.ko-panel-shell .ko-announcement-box:before{
 content:"";position:absolute;width:60px;height:26px;top:-22px;left:50%;transform:translateX(-50%);
 background:url(ko-engraved-crest.svg) center/contain no-repeat;
}
.ko-panel-shell .ko-announcement-box h2{margin:0 0 15px;padding:0 0 11px;border-bottom:1px solid #605034;color:#d8bf83;font-size:20px;font-weight:normal;text-align:center;}
.ko-panel-shell .ko-announcement-list{min-height:45px;padding:0 3px;text-align:left;}
.ko-panel-shell .ko-announcement-list #newsindex{width:100%;border-collapse:collapse;margin:3px 0;}
.ko-panel-shell .ko-announcement-list #newsindex td{font-size:12px;line-height:21px;vertical-align:middle;}
.ko-panel-shell .ko-announcement-list #newsindex td:first-child{width:12px;font-size:0;}
.ko-panel-shell .ko-announcement-list #newsindex td:first-child:before{content:"\2022";font-size:16px;color:#bf9f61;}
.ko-panel-shell .ko-announcement-list #newsindex a{font-size:12px;color:#d7ba77;}
.ko-panel-shell .ko-home-info{text-align:center;padding:10px 8px 12px;margin-top:15px;margin-bottom:18px;}
.ko-panel-shell .ko-home-info p{margin:5px 0 9px;}
.ko-panel-shell .ko-membership{font-size:12px;color:#d6c292;}
.ko-panel-shell .ko-client-link,.ko-panel-shell .ko-client-link a{font-size:11px;color:#d4b15f;overflow-wrap:anywhere;line-height:18px;}
.ko-panel-shell .ko-beta-notice{margin-top:9px;color:#ffff00;font-size:19px;font-weight:bold;line-height:28px;text-shadow:0 1px 2px #000;}
.ko-panel-shell .ko-beta-notice marquee{display:block;width:100%;color:#ffff00;}

/* Approved class badges: original rank and nation images retained. */
.ko-panel-shell .ko-class-table{table-layout:fixed!important}
.ko-panel-shell .ko-class-table td:nth-child(1){width:5%!important}
.ko-panel-shell .ko-class-table td:nth-child(2),.ko-panel-shell .ko-class-table td:nth-child(3),.ko-panel-shell .ko-class-table td:nth-child(4){width:4%!important;padding:2px!important;text-align:center!important}
.ko-panel-shell .ko-class-table td:nth-child(5){width:31%!important;text-align:left!important;padding-left:7px!important}
.ko-panel-shell .ko-class-table td:nth-child(6){width:6%!important}
.ko-panel-shell .ko-class-table td:nth-child(7){width:25%!important}
.ko-panel-shell .ko-class-table td:nth-child(8){width:21%!important;text-align:right!important}
.ko-panel-shell img.ko-class-icon{width:16px!important;height:16px!important;display:inline-block;vertical-align:middle;border:0}
.ko-panel-shell .ko-home-rankings{width:620px;max-width:96%;table-layout:fixed}
.ko-panel-shell .ko-home-rankings>.ko-home-card{width:50%}
.ko-panel-shell .ko-home-card{height:auto!important}
.ko-panel-shell .ko-home-card>table{width:100%!important;table-layout:fixed}
.ko-panel-shell .ko-home-card table table{width:100%;table-layout:auto}
.ko-panel-shell .ko-home-card table table td{height:25px;padding:2px 1px;vertical-align:middle}
.ko-panel-shell .ko-home-card table table td a{font-size:11px;overflow-wrap:anywhere}
.ko-panel-shell .ko-home-card table table td:first-child{width:18px}
.ko-panel-shell .ko-home-card table table img{width:16px;height:16px;vertical-align:middle}
.ko-panel-shell .ko-home-card .ko-home-symbol{width:18px;min-width:18px}
.ko-panel-shell #Footer1{background-image:url(ko-content-bottom.svg)}
.ko-panel-shell #Footer2{height:40px;background-image:url(ko-footer.svg);background-size:990px 40px}

/* Replace the remaining legacy side caps and vertical content skin. */
.ko-panel-shell .ko-panel-sidebar{
 background-image:none!important;background-color:#10110f!important;
 border-left:1px solid #5b4b30;border-right:1px solid #5b4b30;
 box-shadow:inset 5px 0 0 #171913,inset -5px 0 0 #171913;
}
.ko-panel-shell #columnLeftMid{
 background-image:none!important;background-color:#10110f;
}
.ko-panel-shell #columnLeftTop,.ko-panel-shell #columnLeftBottom{
 position:relative;box-sizing:border-box;background-image:none!important;
 background:linear-gradient(90deg,#0b0d0b,#24231c 50%,#0b0d0b)!important;
 border-left:1px solid #302c21;border-right:1px solid #302c21;
}
.ko-panel-shell #columnLeftTop:before,.ko-panel-shell #columnLeftBottom:before{
 content:"";position:absolute;left:22px;right:22px;top:50%;height:1px;
 background:linear-gradient(90deg,transparent,#8d7447,transparent);
 box-shadow:0 3px 0 #080a08;
}
.ko-panel-shell #columnLeftTop:after,.ko-panel-shell #columnLeftBottom:after{
 content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;
 background:#342c1c;border:1px solid #9f824d;transform:translate(-50%,-50%) rotate(45deg);
}
.ko-panel-shell .ko-panel-content{
 background-image:none!important;background-color:#11130f!important;
 background:linear-gradient(90deg,#24251d 0,#11130f 14px,#171914 50%,#11130f calc(100% - 14px),#24251d 100%)!important;
 border-left:1px solid #8b7143;border-right:1px solid #8b7143;
 box-shadow:inset 4px 0 0 #080a08,inset 5px 0 0 #4e422c,inset -4px 0 0 #080a08,inset -5px 0 0 #4e422c;
}
