/* ARDREAM62 R64 — semantic homepage. Decorative image art only.
 * Every label, button, count and ranking is real HTML; no baked UI screenshots.
 * CSS Grid and flexible blocks replace crop-positioned fixed sprite panels. */
@font-face{font-family:Cinzel;src:url(cinzel.woff2) format('woff2');font-display:swap}
:root{--gold:#d8b263;--bright:#ffdfa0;--blue:#064f91;--red:#7b0c20;--ink:#04131e;--line:#7d5a2b}
*{box-sizing:border-box}html{background:#0d1012;color-scheme:dark;scroll-behavior:smooth}
body.a62-home{margin:0;background:radial-gradient(ellipse at 50% -10%,#1d2630,#171717 70%);color:#e4ecf3;font:14px/1.4 Arial,Helvetica,sans-serif;overflow-x:hidden}
body.a62-home a{color:inherit;text-decoration:none}body.a62-home a:hover{color:#ffe8a6}
body.a62-home button,body.a62-home input{font:inherit}
body.a62-home a:focus-visible,body.a62-home summary:focus-visible,body.a62-home button:focus-visible,body.a62-home input:focus-visible{outline:2px solid #fff0aa;outline-offset:3px}
body.a62-home h1,body.a62-home h2,body.a62-home p{margin:0}
.ko62-sr,.a62-skip:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;padding:0;margin:-1px;border:0}
.a62-skip:focus{position:fixed;z-index:9999;top:4px;left:4px;color:#fff;background:#000;padding:12px}
.ko62-svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}
.ko62-shell{position:relative;width:min(100%,1604px);margin:0 auto;min-height:100vh;isolation:isolate;background:linear-gradient(130deg,#3b120c12 5%,#03131b 40%,#041b2b 97%);border-left:1px solid #5c4328;border-right:1px solid #5c4328;box-shadow:0 0 40px #000a}
/* Statues + side architectural scenery are an entirely decorative image layer. */
.ko62-shell::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;pointer-events:none;background:url(v33-side-decor.webp) center 0 / 100% auto no-repeat}
.ko62-masthead{height:auto;aspect-ratio:1672/241;background:url(precision46-hero.png) center / cover no-repeat;position:relative}
.ko62-brand{display:block;width:100%;height:100%;position:absolute;inset:0}
.a62-version-badge{display:none}
/* The menu uses CSS/graphic trims only; never screenshot crops of menu text. */
.ko62-nav{position:relative;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:57px;margin:0 4.1%;border-block:2px solid #a98540;border-inline:1px solid #84622f;background:linear-gradient(110deg,#321008,#061827 42%,#03172c);box-shadow:inset 0 0 0 2px #04111c,0 6px 16px #0009}
.ko62-nav>a,.ko62-nav>.ko62-dropdown>summary{min-height:53px;display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 6px;color:#ffdf91;text-shadow:0 2px 3px #000;font:700 clamp(12px,1.13vw,19px)/1.15 Georgia,serif;text-align:center;cursor:pointer;list-style:none;border-right:1px solid #79602d;transition:background .16s,color .16s}
.ko62-nav>a:last-child{border-right:0}.ko62-nav>.ko62-dropdown>summary::-webkit-details-marker{display:none}
.ko62-nav .ko62-svg{width:22px;height:22px}
.ko62-nav>a[aria-current="page"],.ko62-nav>a:hover,.ko62-nav>.ko62-dropdown>summary:hover,.ko62-nav>.ko62-dropdown[open]>summary{background:linear-gradient(#7b2a1038,#a6691826);color:#ffedb8;box-shadow:inset 0 -3px #dfb55d}
.ko62-dropdown{min-width:0;position:relative}
.ko62-dropdown>div{position:absolute;z-index:80;left:0;top:100%;width:max(100%,230px);max-height:65vh;overflow-y:auto;padding:7px;background:#031521f7;border:1px solid #aa803c;box-shadow:0 15px 30px #000d}
.ko62-dropdown>div>a{display:block;padding:9px 10px;color:#ead19b;font-size:13px;border-bottom:1px solid #2d4149}
.ko62-dropdown>div>a:hover{background:#a88b2926}
/* Outer board: real three-column CSS Grid; no fixed 1604px sprite coordinates. */
.f62-board{display:grid;grid-template-columns:minmax(245px,310px) minmax(0,1fr) minmax(255px,320px);gap:12px;align-items:start;padding:12px 4.1% 10px;position:relative;min-width:0}
.f62-left,.f62-middle,.f62-right{min-width:0}
.f62-left{display:flex;flex-direction:column;gap:12px}
/* All panels are pure CSS surfaces, border accents are decorative transparent corner images. */
.ko62-box,.f62-join,.f62-direct,.f62-pop,.f62-weekly,.f62-peak,.f62-ranks,.f62-event,.f62-right{position:relative;min-width:0;background:linear-gradient(128deg,#092333f0,#03131df5 62%);border:1px solid #98733a;box-shadow:inset 0 0 0 2px #06111b,0 2px 7px #0009}
.ko62-account::before,.f62-middle::before,.f62-right::before,.f62-pop::before,.f62-weekly::before,.f62-peak::before,.f62-ranks::before,.f62-event::before{content:"";position:absolute;z-index:2;top:0;left:0;width:45px;height:45px;pointer-events:none;background:url(v34-panel-corner-tl.png) left top / contain no-repeat}
.ko62-account::after,.f62-middle::after,.f62-right::after,.f62-pop::after,.f62-weekly::after,.f62-peak::after,.f62-ranks::after,.f62-event::after{content:"";position:absolute;z-index:2;top:0;right:0;width:45px;height:45px;pointer-events:none;background:url(v34-panel-corner-tr.png) right top / contain no-repeat}
.ko62-title,.f62-kings-title{display:flex;align-items:center;gap:8px;min-height:33px;padding:5px 15px;color:#ffe5a3;border-bottom:1px solid #735b36;background:#061722b5;font:700 16px Georgia,serif;white-space:nowrap}
.ko62-title .ko62-svg{width:19px;height:19px}
.ko62-login{padding:10px 11px 13px}
.ko62-field{display:flex;align-items:center;gap:7px;background:linear-gradient(#21496c,#102f4b);height:37px;margin-bottom:7px;border:1px solid #366184;border-radius:4px;box-shadow:inset 0 1px 4px #001a30}
.ko62-field>.ko62-svg,.ko62-field>span:first-child{width:35px;display:grid;place-items:center;color:#dbeaf5;flex:none}
.ko62-field .ko62-svg{width:20px;height:20px}
.ko62-field input{width:100%;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;padding:0 8px;font-size:13px}
.ko62-field input::placeholder{color:#bfd0df;opacity:1}
.ko62-gold{display:block;width:100%;border:1px solid #f7d17d;background:linear-gradient(#ffe18e,#e6bc57 50%,#bd8128);box-shadow:inset 0 0 0 2px #ab7533,0 2px 6px #0006;color:#291506!important;font:bold 18px Georgia,serif;text-align:center;min-height:38px;padding:7px 10px;cursor:pointer}
.ko62-gold:hover{filter:brightness(1.1)}.ko62-login-links{display:flex;gap:11px;align-items:center;justify-content:center;padding-top:10px;color:#e7edee;font:12px Georgia,serif}.ko62-login-links a:first-child{color:#ffdf73;text-decoration:underline}
.ko62-welcome{display:grid;gap:10px;padding:15px;text-align:center}.ko62-welcome>span{color:#c0d3d9}.ko62-welcome strong{font:700 19px Georgia;color:#ffe09c;overflow-wrap:anywhere}
.ko62-verify{max-width:min(430px,90vw);background:#081b27;color:#fff;border:2px solid #bd9950;padding:20px}.ko62-verify::backdrop{background:#000a}
.f62-join{padding:7px;display:grid;gap:5px}
.f62-download,.f62-discord{display:flex;align-items:center;gap:13px;min-height:46px;padding:8px 14px;font:bold 18px Georgia,serif;color:#fff4db!important;border:1px solid #bd6b36;background:linear-gradient(115deg,#a2090b,#43060a)}
.f62-discord{background:linear-gradient(115deg,#084d9c,#062762);border-color:#3182d8}
.f62-download:hover,.f62-discord:hover{filter:brightness(1.18)}.f62-download .ko62-svg{width:29px;height:29px}.f62-discord img{width:30px;height:27px;object-fit:contain}.f62-help{display:block;text-align:center;font-size:11px;text-decoration:underline!important;color:#cfdce4!important;padding:3px}
.f62-direct{display:flex;align-items:center;gap:13px;min-height:62px;padding:10px 14px}.f62-direct-icon{color:#f9d581}.f62-direct-icon .ko62-svg{width:30px;height:30px}.f62-direct strong{display:block;color:#ffe3a0;font:700 17px Georgia,serif}.f62-direct small{display:block;color:#c0d0df;font-size:11px}.f62-direct>b{margin-left:auto;color:#ffdf85;font-size:25px}
.f62-middle{min-width:0;background:linear-gradient(#042033d9,#041827de);border:1px solid #967135;box-shadow:inset 0 0 0 2px #071723}
.f62-stats{min-height:102px;display:flex;justify-content:center;align-items:center;padding:12px 15px;background:linear-gradient(90deg,#4b170e60,#04162850 49%,#062c5280),url(v33-status-castles.webp) center top / cover no-repeat}
.f62-status-row{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;width:100%}
.f62-status,.f62-online{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 12px;min-height:50px;border:1px solid #3b5261;border-radius:3px;background:linear-gradient(#082435ee,#02131def);font:bold 13px Georgia,serif;color:#f8dfab;box-shadow:0 2px 7px #0007}
.f62-status span,.f62-online span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.f62-status strong{font:bold 25px Arial;color:#60e49b}.f62-online strong{font:bold 25px Arial;color:#ffe07b}
.f62-status i{width:12px;height:12px;background:#999;border-radius:50%;display:inline-block}
.f62-status[data-state=on] i{background:#00e87a;box-shadow:0 0 11px #00e87a}.f62-status[data-state=off] i{background:#e33}.f62-status[data-state=off] strong{color:#f77}
.f62-center-inner{padding:7px 9px 9px;display:grid;gap:8px}
.f62-pop{padding:0 8px 8px;border-radius:4px;background:linear-gradient(90deg,#062542,#071722 55%,#350b13)}
.f62-pop h2{text-transform:uppercase;color:#ffe19a;font:700 15px Georgia,serif;text-align:center;padding:5px;letter-spacing:.02em}
.f62-balance-content{display:grid;grid-template-columns:minmax(95px,130px) minmax(0,1fr) minmax(95px,130px);gap:9px;align-items:center}
.f62-balance-label{display:flex;gap:7px;align-items:center;color:#e0ebfd;font:700 12px Georgia,serif}.f62-balance-label img{width:40px;height:40px;object-fit:contain}.f62-balance-label strong{display:block;font:700 22px Arial;color:#d9e6fd}.f62-balance-label.karus{justify-content:flex-end;text-align:right;color:#ffe2a4}
.f62-balance-track{display:flex;overflow:hidden;min-height:23px;background:#0d2031;border:1px solid #ae7c2e;border-radius:5px;box-shadow:0 0 8px #7e41063d}
.f62-balance-blue,.f62-balance-red{height:22px;min-width:0}.f62-balance-blue{background:linear-gradient(#3ad3ff,#007cdb,#04406e)}.f62-balance-red{background:linear-gradient(#ff5b74,#d10d2c,#750516)}
.f62-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.f62-weekly,.f62-peak{min-height:98px;padding-bottom:12px;border-radius:4px}
.f62-card-title,.f62-title{display:flex;gap:7px;align-items:center;justify-content:flex-start;min-height:30px;padding:5px 10px;color:#ffe09d;font:700 13px Georgia,serif;border-bottom:1px solid #775a31;background:#03131e91;position:relative;z-index:3}
.f62-title{justify-content:center}.f62-title .ko62-svg,.f62-card-title .ko62-svg{width:19px;height:19px}
.f62-card-label{display:block;padding:6px 12px 0;color:#c0d2e2;font-size:11px}
.f62-count{display:block;padding:2px 12px;color:#ffe16e;font:bold clamp(18px,2vw,24px) Arial;text-shadow:0 1px 3px #000;position:relative;z-index:3;white-space:nowrap}
.f62-weekly{background:linear-gradient(90deg,#09212deb,#041725de),url(v34-panel-corner-tl.png) top left / 50px no-repeat}
.f62-peak{background:linear-gradient(90deg,#08212dee,#041925ef)}
.f62-leader-row{display:block}.f62-ranks{position:relative;min-height:158px;border-radius:4px;padding-bottom:20px}
.f62-rank-tables{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px 8px}
.f62-rank-nation{min-width:0;background:linear-gradient(115deg,#042540,#03101d);border:1px solid #1c5680}
.f62-rank-nation.nation-1{background:linear-gradient(115deg,#320a14,#100711);border-color:#7c2334}
.f62-rank-nation header{display:flex;align-items:center;gap:7px;padding:2px 6px;min-height:27px;color:#eff7ff;border-bottom:1px solid #1a6fa1;background:#064373;font:700 12px Georgia,serif}
.f62-rank-nation.nation-1 header{background:#500c1c;border-color:#a53243;color:#ffe4d5}
.f62-rank-nation header img{width:21px;height:21px;object-fit:contain}.f62-rank-nation header span{margin-left:auto;color:#acdeff}
.f62-rank-nation table{width:100%;border-collapse:collapse;font:12px Arial}.f62-rank-nation table thead{position:absolute;clip:rect(0,0,0,0);height:1px;overflow:hidden}.f62-rank-nation td{padding:4px 5px;color:#d7e9f8;border-top:1px solid #233845;min-width:0}.f62-rank-nation td:first-child{width:30px}.f62-rank-nation td:last-child{text-align:right;color:#b2d5e7}.f62-rank-nation td:nth-child(2){max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f62-rank-nation td small{display:block;font-size:10px;color:#aebaca}
.a24-medal{display:inline-grid;place-items:center;border-radius:50%;width:19px;height:19px;color:#292018;font-weight:700;background:linear-gradient(#ffdc87,#a36a24);border:1px solid #6b481d}.a24-medal-2{background:linear-gradient(#ecf3fc,#86929b)}.a24-medal-3{background:linear-gradient(#ebba8e,#90532b)}
.f62-weekly-note{margin:4px 8px 0;text-align:center;color:#b9ccd6;font-size:11px}.f62-weekly-note[hidden]{display:none}
.f62-event{display:grid;grid-template-columns:75px minmax(0,1fr);gap:6px;padding:0 8px 8px;min-height:116px;border-radius:4px;align-items:center}.f62-event h2{grid-column:1/-1;margin:0 -8px}.f62-event-image{display:block;width:75px;height:72px;object-fit:cover;border:1px solid #7c693c}.f62-event-image[hidden]{visibility:hidden}.f62-event-info{display:flex;flex-direction:column;justify-content:center;min-width:0;color:#dbe7ef;gap:3px}.f62-event-info strong{font:700 15px Georgia,serif;color:#ffe3a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f62-event-info span{font-size:11px}.f62-event-info b{font:bold 22px Arial;color:#ffe073}.f62-event-info small{font-size:10px;color:#afcbd7}.f62-bell{display:none}
.f62-right{padding-bottom:8px}.f62-kings-title{margin-bottom:3px}
.f62-kings-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 5px}.f62-king{min-width:0;position:relative;background:linear-gradient(#063050,#041b2c 66%,#071a30);border:1px solid #9f742f}
.f62-king.king-1{background:linear-gradient(#46101b,#270c16 70%,#1c0811)}
.f62-king-portrait{width:100%;height:auto;aspect-ratio:150/268;background:url(v33-king-elmorad.webp) center top / cover no-repeat;border-bottom:1px solid #ae802e}
.f62-king.king-1 .f62-king-portrait{background-image:url(v33-king-karus.webp)}
.f62-king-link{position:absolute;z-index:2;left:0;right:0;top:0;aspect-ratio:150/268}.f62-king-link:hover{box-shadow:inset 0 0 18px #f7bd5770}
.f62-king-data{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-height:69px;padding:5px 4px;border-bottom:1px solid #72562d;overflow-wrap:anywhere}
.f62-king-data strong{color:#ffe19a;font:700 12px Georgia,serif}.f62-king-name{color:#fff4da;font:700 13px Georgia,serif;min-height:17px;display:block;max-width:100%;overflow-wrap:anywhere}.f62-king-state{display:block;font-size:9px;color:#acc2cc}.f62-king-state.is-online{color:#56ef9e}
.f62-king-message{min-height:69px;padding:12px 5px 3px;text-align:center;color:#f7e7cf;font:italic 12px/1.35 Georgia,serif;overflow-wrap:anywhere}
.f62-king-banner{height:auto;aspect-ratio:146/170;background:url(v33-flag-elmorad.webp) center top / contain no-repeat}.f62-king.king-1 .f62-king-banner{background-image:url(v33-flag-karus.webp)}
.ko62-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:#a5b6c4;padding:10px 4.5% 16px;font-size:11px}.ko62-footer-line,.ko62-legal-links{display:flex;gap:10px;flex-wrap:wrap}.ko62-footer a:hover{color:#fbdc93}
@media(min-width:1100px){.ko62-dropdown:hover>div{display:block}.ko62-dropdown:not([open])>div{display:none}.ko62-dropdown:hover:not([open])>div{display:block}}
@media(max-width:1120px){.f62-board{grid-template-columns:minmax(235px,1fr) minmax(0,2.1fr);padding:12px 3%}.f62-right{grid-column:1/-1}.f62-kings-pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:580px;margin:auto}.f62-king-portrait{max-height:300px;background-size:cover}.f62-king-banner{max-height:160px;background-size:contain}.ko62-nav{margin:0 3%}}
@media(max-width:740px){.ko62-masthead{min-height:105px}.ko62-nav{display:flex;flex-wrap:wrap;justify-content:center;margin:0 6px;min-height:0}.ko62-nav>a,.ko62-nav>.ko62-dropdown{flex:1 1 30%;min-width:95px}.ko62-nav>.ko62-dropdown>summary,.ko62-nav>a{min-height:42px;font-size:13px;gap:5px;padding:6px}.ko62-nav .ko62-svg{width:17px;height:17px}.ko62-dropdown>div{width:245px;max-width:90vw}.f62-board{grid-template-columns:minmax(0,1fr);padding:8px 10px;gap:10px}.f62-middle,.f62-right{grid-column:1}.f62-left{grid-row:auto}.f62-right{max-width:540px;width:100%;justify-self:center}.f62-king-portrait{max-height:245px}.f62-stats{min-height:85px}.f62-status,.f62-online{min-height:38px;padding:7px;font-size:11px}.f62-status strong,.f62-online strong{font-size:19px}.f62-cards{gap:5px}.f62-pop{padding:0 5px 5px}.f62-balance-content{gap:4px;grid-template-columns:90px minmax(0,1fr) 90px}.f62-balance-label{gap:2px;font-size:9px}.f62-balance-label img{width:25px;height:25px}.f62-balance-label strong{font-size:16px}.f62-balance-track{min-height:17px}.f62-balance-blue,.f62-balance-red{height:16px}.f62-rank-tables{gap:4px;padding:4px}.f62-rank-nation header{font-size:10px}.f62-rank-nation table{font-size:11px}.f62-title,.f62-card-title{font-size:11px}.f62-count{font-size:17px}.f62-event{grid-template-columns:65px minmax(0,1fr)}.f62-event-image{width:65px;height:65px}}
@media(max-width:380px){.f62-status-row{gap:4px}.f62-status,.f62-online{gap:4px}.ko62-nav>a,.ko62-nav>.ko62-dropdown{flex-basis:30%}.ko62-nav .ko62-svg{width:15px}.f62-king-data strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Explicit hidden-dropdown rule prevents offscreen menu geometry on phones. */
.ko62-dropdown:not([open])>div{display:none}
@media(min-width:1101px){.ko62-dropdown:hover:not([open])>div{display:block}}
@media(max-width:740px){
  .ko62-masthead{width:100%;height:120px;min-height:0;aspect-ratio:auto;background-size:auto 120px;background-position:center top}
  .ko62-nav>.ko62-dropdown:nth-child(n+4)>div{left:auto;right:0}
}
/* King cards keep matched bottom banner positions when names/messages differ. */
.f62-king{display:flex;flex-direction:column}
.f62-king-bottom{display:flex;flex-direction:column;flex:1;min-height:230px}
.f62-king-message{flex:none;max-height:150px;overflow:auto}
.f62-king-banner{margin-top:auto;flex:none;width:100%}


/* R65: art direction matched to the reference, preserving semantic text. */
@media(min-width:1121px){
 .ko62-shell{width:min(100%,1672px)}
 .ko62-masthead{height:241px;aspect-ratio:auto;background-size:100% 100%}
 .ko62-nav{margin:0 5.12%;min-height:57px}
 .f62-board{grid-template-columns:minmax(0,320fr) minmax(0,803fr) minmax(0,329fr);gap:15px;padding:12px 6.36% 4px 5.12%}
 .ko62-account{min-height:224px}
 .ko62-login{padding:10px 12px 15px}
 .ko62-field{height:38px;margin-bottom:8px}
 .ko62-gold{min-height:40px}
 .f62-left{gap:12px}
 .f62-join{min-height:150px;padding:8px}
 .f62-download,.f62-discord{min-height:47px}
 .f62-direct{min-height:60px}
 .f62-right{align-self:start}
 .f62-king-data{min-height:54px;gap:2px;padding-top:4px;padding-bottom:3px}
 .f62-king-bottom{min-height:238px}
 .f62-king-message{min-height:69px}
 .f62-ranks{min-height:153px;padding-bottom:8px}
 .f62-rank-nation td{padding:2px 5px}
 .f62-weekly-note{margin:4px 8px 0}
 .f62-event{min-height:122px}
}
/* Continuous gothic-red-to-ice-blue navigation, with TEXT-FREE original ornamental edge strips */
.ko62-nav{isolation:isolate;background:radial-gradient(ellipse at 13% 99%,#9e290e88,transparent 30%),radial-gradient(ellipse at 96% 90%,#074fa78a,transparent 45%),linear-gradient(100deg,#140708,#03141f 48%,#071629);border:0;box-shadow:0 2px 0 #ca9651,0 -1px 0 #e4b55d,inset 0 0 0 1px #684426;overflow:visible}
.ko62-nav::before,.ko62-nav::after{position:absolute;content:"";left:0;right:0;pointer-events:none;z-index:4;background-repeat:no-repeat;background-size:100% 100%}
.ko62-nav::before{top:-3px;height:14px;background-image:url(v34-navbar-upper.png)}
.ko62-nav::after{bottom:-6px;height:22px;background-image:url(v34-navbar-lower.png)}
.ko62-nav>a,.ko62-nav>.ko62-dropdown>summary{min-height:56px;font-family:Georgia,serif;color:#ffde97;letter-spacing:.035em;text-shadow:0 2px 3px #000,0 0 7px #050506;border-color:#714824;position:relative;z-index:5}
.ko62-nav>a[aria-current=page],.ko62-nav>a:hover,.ko62-nav>.ko62-dropdown>summary:hover,.ko62-nav>.ko62-dropdown[open]>summary{background:radial-gradient(ellipse at bottom,#bd532638,transparent 80%),linear-gradient(90deg,#5d1a0a44,#230e0944);box-shadow:inset 0 -4px #ca862d,0 0 18px #b84a1050;color:#ffe5b1}
/* jewel is decoration only; not a screenshot slice with labels */
.f62-board::before{content:"";position:absolute;top:-27px;left:50%;transform:translateX(-50%);width:60px;height:39px;background:url(v34-navbar-jewel.png) center/contain no-repeat;z-index:35;pointer-events:none}
.ko62-box,.f62-join,.f62-direct,.f62-pop,.f62-weekly,.f62-peak,.f62-ranks,.f62-event,.f62-right{border-color:#98723c;box-shadow:inset 0 0 0 1px #311a0b,inset 0 0 0 3px #081921,0 2px 7px #0009}
.ko62-title,.f62-kings-title{background:linear-gradient(#0b1d23d9,#04131ec9);border-bottom:1px solid #906530;letter-spacing:.02em;text-shadow:0 1px 3px #000;min-height:35px}
.ko62-title{font-size:16px}.f62-kings-title{font-size:16px}
.ko62-account::before,.f62-middle::before,.f62-right::before,.f62-pop::before,.f62-weekly::before,.f62-peak::before,.f62-ranks::before,.f62-event::before{background-image:url(v34-left-corner-tl.png);width:48px;height:48px}
.ko62-account::after,.f62-middle::after,.f62-right::after,.f62-pop::after,.f62-weekly::after,.f62-peak::after,.f62-ranks::after,.f62-event::after{background-image:url(v34-left-corner-tr.png);width:48px;height:48px}
.f62-middle{background:linear-gradient(#081a28e0,#031521e3);border-color:#ad8445}
.f62-stats{background:linear-gradient(#02080c1c,#020e1819),url(v34-status-scenery.webp) center/100% 100% no-repeat;min-height:99px;padding:14px 13px}
.f62-status-row{gap:8px}
.f62-status,.f62-online{min-height:49px;background:linear-gradient(#0a2332f5,#021722fa);border-color:#31576d;box-shadow:0 2px 8px #000a,inset 0 0 0 1px #04101b;gap:11px}
.f62-online span::before{content:"";display:inline-block;width:15px;height:20px;background:#0ca5f4;clip-path:polygon(50% 0,65% 4%,75% 23%,65% 44%,85% 52%,92% 95%,8% 95%,15% 52%,35% 44%,25% 23%,35% 4%);margin-right:2px;filter:drop-shadow(0 0 5px #00a5ff)}
.f62-center-inner{padding:7px 7px 8px;gap:8px}
.f62-pop{border-radius:3px;min-height:99px;padding:0 8px 8px;background:linear-gradient(90deg,#0a2b48,#071926 60%,#3a0d18);box-shadow:inset 0 0 0 2px #050c13,0 0 0 1px #84623a}
.f62-pop h2{font-size:16px;min-height:29px;padding:5px}
.f62-balance-content{grid-template-columns:minmax(100px,135px) minmax(0,1fr) minmax(105px,135px);gap:9px}
.f62-balance-label{font-size:13px}.f62-balance-label img{width:42px;height:42px}
.f62-balance-track{min-height:22px}.f62-balance-blue,.f62-balance-red{height:21px}
.f62-card-title,.f62-title{border-bottom:1px solid #675331;background:linear-gradient(#0b202dc2,#04131c85);min-height:29px;z-index:3}
.f62-weekly,.f62-peak{min-height:95px;overflow:hidden;background:linear-gradient(125deg,#0b2b40ee,#031521f0)}
.f62-weekly{background-image:url(v34-crown.png),linear-gradient(115deg,#0e2c3bed,#061723eb);background-repeat:no-repeat;background-position:right 12px center,center;background-size:72px 69px,cover}
.f62-peak{background-image:url(v34-users.png),linear-gradient(115deg,#0b2c43ee,#061723f0);background-repeat:no-repeat;background-position:right 12px center,center;background-size:68px 63px,cover}
.f62-ranks{background:linear-gradient(135deg,#092335ea,#031725f5);border-radius:2px}
.f62-rank-nation table td{height:22px}
.f62-rank-tables{gap:8px;padding:5px 8px 0}
.f62-event{background:linear-gradient(110deg,#0b2d45,#041522 90%)}
.f62-event-info{padding:4px 32px 4px 7px}
.f62-event-info::after{content:"›";position:absolute;right:15px;top:51%;transform:translateY(-50%);font-size:28px;color:#f9d887;pointer-events:none}
.f62-event-info:hover::after{color:#fff2be}
.f62-right{border-color:#a27a43;background:linear-gradient(115deg,#061d2c,#061523)}
.f62-king{border-color:#aa7e37;box-shadow:inset 0 0 0 1px #32231a}
.f62-king-data strong{text-shadow:0 1px 3px #000}
.f62-king-bottom{background:linear-gradient(#03203a,#02162b)}
.f62-king.king-1 .f62-king-bottom{background:linear-gradient(#390810,#260a12)}
.f62-king-message{border-top:1px solid #112f41}
.f62-king-banner{background-position:center bottom}
.f62-join{background:linear-gradient(#071d29ed,#03121bfa)}
.f62-download{background:linear-gradient(135deg,#be1015,#630407 75%);box-shadow:inset 0 0 0 1px #ca6846,inset 0 0 0 3px #57090b}
.f62-discord{background:linear-gradient(115deg,#075db7,#022965 85%);box-shadow:inset 0 0 0 1px #4189e4,inset 0 0 0 3px #061948}
.f62-direct{background:linear-gradient(115deg,#0d2433f5,#02131df5)}
@media(max-width:1120px){.ko62-nav::before{background-size:100% 100%}.ko62-nav::after{background-size:100% 100%}.f62-stats{background-size:cover}.f62-weekly,.f62-peak{background-size:65px auto,cover}}
@media(max-width:740px){.f62-board::before{display:none}.ko62-nav{margin:0 6px}.ko62-nav>a,.ko62-nav>.ko62-dropdown>summary{min-height:42px;font-size:12px}.ko62-nav::after{bottom:-3px;height:9px}.ko62-nav::before{height:8px}.f62-weekly,.f62-peak{background-size:50px auto,cover}.f62-pop h2{font-size:13px}.f62-balance-content{grid-template-columns:80px minmax(0,1fr) 80px;gap:3px}.f62-balance-label{font-size:10px}.f62-balance-label img{width:23px;height:23px}.f62-balance-label strong{font-size:15px}.f62-king-data{min-height:60px}}
/* Long character IDs must not break into orphan letters or stretch the king columns. */
.f62-king-name{display:block;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;line-height:18px}
/* Narrow phones: real text must never collide with neighboring navigation items. */
@media(max-width:380px){
 .ko62-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ko62-nav>a,.ko62-nav>.ko62-dropdown{flex:none;width:100%;min-width:0}
 .ko62-nav>a:last-child{grid-column:1/-1}
 .ko62-nav>.ko62-dropdown>summary,.ko62-nav>a{justify-content:center;gap:4px;padding-inline:3px;font-size:11px}
 .f62-weekly{background-image:linear-gradient(115deg,#0e2c3bed,#061723eb)}
 .f62-peak{background-image:linear-gradient(115deg,#0b2c43ee,#061723f0)}
 .f62-count{font-size:15px;padding-inline:6px;white-space:normal;overflow-wrap:normal}
 .f62-card-title{font-size:10px;padding:3px 6px}
 .f62-card-label{padding-left:6px}
}