/* ARDREAM62 UI System R76: real HTML, decoration-only images, controlled responsive grid. */
/* 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-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),none}
.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: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]{display:none!important}.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}


/* R69: a single canonical decorative system. No screenshot-text or stacked image trims. */
:root{--a62-gold:#cda259;--a62-gold-bright:#f6d58b;--a62-line:#78562f;--a62-panel:#051923}
body.a62-home .ko62-shell{width:min(100%,1672px);overflow:clip;background-color:#07151e}
body.a62-home .ko62-shell::before{background-position:center calc(-1 * min(1.256vw,21px))}
/* The source contains an old navbar edge in its last 21px. Rejoin at the
   artwork boundary; the separate ornamental nav owns the complete new frame. */
body.a62-home .ko62-brand:focus-visible{outline-offset:-5px}
body.a62-home .ko62-masthead{width:100%;height:auto;aspect-ratio:1672/220;background-size:100% auto;background-position:center top}
body.a62-home .ko62-nav{
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:72px;
 margin:-1px 5.1% 0;padding:5px 7px;position:relative;isolation:isolate;z-index:20;
 border:1px solid #c59a52;border-block:3px solid #b8873e;
 background:linear-gradient(180deg,#ffe5a32b 0%,transparent 28%,#02040c55 72%,#dba34120 100%),linear-gradient(100deg,#801126f0 0%,#4b1025eb 28%,#15172aeb 50%,#0a3568eb 73%,#075991f0 100%),url(r70-nav-art.webp) center / cover no-repeat;
 box-shadow:inset 0 1px #ffe4a0,inset 0 -1px #f7d58c,inset 0 0 0 3px #140f0b,0 5px 15px #0009;
}

/* Fixed-size end caps and crest; rails stretch, ornaments never stretch. */
body.a62-home .ko62-nav::before{content:"";position:absolute;inset:-3px -1px;pointer-events:none;z-index:3;background:url(corner-tl-r75.svg) left top / 30px 30px no-repeat,url(corner-tr-r75.svg) right top / 30px 30px no-repeat,url(corner-bl-r75.svg) left bottom / 30px 30px no-repeat,url(corner-br-r75.svg) right bottom / 30px 30px no-repeat}
body.a62-home .ko62-nav::after{content:"";position:absolute;width:112px;height:28px;left:50%;bottom:-16px;transform:translateX(-50%);pointer-events:none;z-index:4;background:url(nav-crest-r75.svg) center / contain no-repeat}
body.a62-home .ko62-nav>a::before,body.a62-home .ko62-nav>.ko62-dropdown>summary::before{content:"";position:absolute;right:-1px;top:14%;bottom:14%;width:2px;background:linear-gradient(transparent,#e9bf73 25%,#785021 50%,#e9bf73 75%,transparent);box-shadow:1px 0 #0008;pointer-events:none}
body.a62-home .ko62-nav>a:last-child::before{content:none}

body.a62-home .ko62-nav>a,body.a62-home .ko62-nav>.ko62-dropdown>summary{position:relative;z-index:1;min-height:58px;margin:0;border:0;background:transparent;box-shadow:none;white-space:normal;color:#ffe2a0;letter-spacing:.025em;font:700 clamp(12px,1.12vw,19px)/1.2 Georgia,serif;text-shadow:0 2px 3px #000;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;cursor:pointer;overflow:visible;transition:background .18s,color .18s}
body.a62-home .ko62-nav>a:last-child{border-right:0}
body.a62-home .ko62-nav>a::after,body.a62-home .ko62-nav>.ko62-dropdown>summary::after{content:"";position:absolute;bottom:0;left:13%;right:13%;height:2px;background:#e4af5c;box-shadow:0 0 8px #ffb957;opacity:0;transition:opacity .15s}
body.a62-home .ko62-nav>a:is(:hover,:focus-visible,[aria-current="page"])::after,body.a62-home .ko62-nav>.ko62-dropdown:is(:hover,[open])>summary::after{opacity:1}
body.a62-home .ko62-nav>a:hover,body.a62-home .ko62-nav>.ko62-dropdown>summary:hover,body.a62-home .ko62-nav>.ko62-dropdown[open]>summary{color:#fff2c7;background:linear-gradient(0deg,#ffffff16,transparent)}
body.a62-home .ko62-nav>a[aria-current="page"]{background:linear-gradient(0deg,#ff798425,transparent 85%);color:#fff0bd;box-shadow:inset 0 -2px #f5d08b}
body.a62-home .ko62-dropdown{position:relative;min-width:0}
body.a62-home .ko62-dropdown:not([open])>div{display:none}
/* panel-v29.js manages pointer hover and Escape. Closed details must remain
   closed, even while the pointer is still over the summary. */
body.a62-home .ko62-dropdown>div{z-index:60;top:100%;left:0;max-width:min(320px,90vw);width:max(100%,235px);padding:6px;border:1px solid #aa843d;background:#03131f;box-shadow:0 12px 26px #000d}
body.a62-home .ko62-dropdown>div a{background:transparent;white-space:normal}
body.a62-home .f62-board{grid-template-columns:minmax(0,320fr) minmax(0,803fr) minmax(0,329fr);gap:16px;padding:22px 5.1% 12px;align-items:start}
/* One centered jewel below navigation; no repeated strip crossings. */
body.a62-home .f62-board::before{display:none!important}
/* Existing vector ornament family replaces contaminated raster crops.
   Insets and header padding keep decoration outside the content safe area. */
body.a62-home :is(.ko62-account,.f62-middle,.f62-right,.f62-join,.f62-direct,.f62-pop,.f62-weekly,.f62-peak,.f62-ranks,.f62-event){--corner:28px;position:relative;border:1px solid #ac8448;border-radius:0;box-shadow:inset 0 0 0 3px #020b12,inset 0 0 0 4px #d2ac5529,0 4px 12px #0006}
body.a62-home :is(.ko62-account,.f62-middle,.f62-right,.f62-join,.f62-direct,.f62-pop,.f62-weekly,.f62-peak,.f62-ranks,.f62-event)::before{content:"";position:absolute;inset:-1px;z-index:3;pointer-events:none;background:url(corner-tl-r75.svg) left top / var(--corner) var(--corner) no-repeat,url(corner-tr-r75.svg) right top / var(--corner) var(--corner) no-repeat,url(corner-bl-r75.svg) left bottom / var(--corner) var(--corner) no-repeat,url(corner-br-r75.svg) right bottom / var(--corner) var(--corner) no-repeat}
body.a62-home :is(.ko62-account,.f62-right){--corner:28px}
body.a62-home .f62-middle::before{background:url(corner-tl-r75.svg) left top / 28px 28px no-repeat,url(corner-tr-r75.svg) right top / 28px 28px no-repeat,url(corner-bl-r75.svg) left bottom / 28px 28px no-repeat,url(corner-br-r75.svg) right bottom / 28px 28px no-repeat}
body.a62-home .ko62-login{padding:13px 15px 18px}
body.a62-home .f62-join{padding:12px;gap:7px}
body.a62-home .f62-direct{padding:15px 24px;min-height:74px}
body.a62-home .ko62-title,body.a62-home .f62-kings-title{padding:10px 28px;min-height:43px;background:linear-gradient(180deg,#35404a70,#071621);color:#f3d69c;border-bottom:1px solid #806239;font-size:16px;letter-spacing:.02em}
body.a62-home .f62-kings-title{margin:0 0 12px;gap:8px;border-bottom:0;background:linear-gradient(90deg,#6c17362b,#12294470,#125d8e2b)}
body.a62-home .f62-middle{min-width:0;background:linear-gradient(#0a2434,#041823)}
/* Reframe the scenery inside the shared border; its old baked frame stays
   outside the viewport instead of colliding with the vector corner pieces. */
body.a62-home .f62-stats{min-height:116px;background:linear-gradient(180deg,transparent,#03142144),url(v34-status-scenery.webp) center / calc(100% + 64px) calc(100% + 64px) no-repeat;border-bottom:1px solid #78562f;padding:24px 18px 18px}
body.a62-home .f62-center-inner{padding:14px;gap:14px}
body.a62-home .f62-pop{padding:0 12px 12px;background:linear-gradient(90deg,#052b4c,#061b2b 60%,#320c18)}
body.a62-home .f62-pop h2{min-height:36px;font:700 14px Georgia,serif;padding:9px 25px;text-transform:none;letter-spacing:.03em}
body.a62-home .f62-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
body.a62-home .f62-card-title,body.a62-home .f62-title{min-height:38px;padding:8px 25px;background:linear-gradient(180deg,#29344388,#071b27);border-bottom:1px solid #806239;font:700 13px/1.35 Georgia,serif;display:flex;gap:7px;align-items:center;position:relative;z-index:2}
body.a62-home .f62-title{justify-content:center}
body.a62-home .f62-weekly,body.a62-home .f62-peak{display:grid;grid-template-columns:minmax(0,1fr) 66px;grid-template-rows:auto auto 1fr;column-gap:4px;min-height:120px;background:linear-gradient(115deg,#0e2a3b,#051924);padding:0 14px 14px;position:relative}
/* Small, unobtrusive ornaments: do not compete with timers and never cause overflows. */
body.a62-home .f62-weekly::selection,body.a62-home .f62-peak::selection{background:#ac8c46}
body.a62-home :is(.f62-weekly,.f62-peak)>.f62-card-title{grid-column:1/-1;margin:0 -14px}
body.a62-home :is(.f62-weekly,.f62-peak)::after{content:"";grid-column:2;grid-row:2/4;align-self:center;width:62px;height:62px;pointer-events:none;background:center / contain no-repeat}
body.a62-home .f62-weekly::after{background-image:url(emblem-crown-r66.svg)}
body.a62-home .f62-peak::after{background-image:url(emblem-players-r66.svg)}

body.a62-home .f62-card-label{grid-column:1;grid-row:2;font-size:13px;padding:9px 0 0}
body.a62-home .f62-count{grid-column:1;grid-row:3;font-variant-numeric:tabular-nums;font-size:clamp(17px,1.5vw,23px);padding:3px 0 0;max-width:100%;overflow-wrap:anywhere;white-space:normal;line-height:1.35}
body.a62-home .f62-rank-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px 12px}
body.a62-home .f62-rank-nation{min-width:0}
body.a62-home .f62-rank-nation table{table-layout:fixed;width:100%}
body.a62-home .f62-rank-nation td:first-child{width:27px}
body.a62-home .f62-rank-nation td:nth-child(2){width:auto;min-width:0;max-width:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.a62-home .f62-rank-nation td:nth-child(2) a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis}
body.a62-home .f62-rank-nation td:last-child{width:80px;text-align:right;white-space:nowrap}
body.a62-home .f62-rank-nation table td{height:23px;padding:2px 5px}
body.a62-home .f62-event{min-height:112px;grid-template-columns:minmax(0,1fr);gap:6px;background:#061d2c;padding:0 8px 8px}
body.a62-home .f62-event h2{grid-row:1;grid-column:1/-1;margin:0 -8px}
body.a62-home .f62-event-image[hidden]{display:none!important}
body.a62-home .f62-event-image{width:100%;height:auto;aspect-ratio:1/1;max-width:82px;object-fit:contain;grid-row:2;grid-column:1;border:1px solid #70532d;background:#071824}
body.a62-home .f62-event.has-event-art,body.a62-home .f62-event:has(> .f62-event-image:not([hidden])){grid-template-columns:82px minmax(0,1fr)}
body.a62-home .f62-event-info{grid-row:2;grid-column:1;min-width:0;max-width:100%;padding:4px 20px 4px 2px;gap:3px;position:relative}
body.a62-home .f62-event.has-event-art .f62-event-info,body.a62-home .f62-event:has(> .f62-event-image:not([hidden])) .f62-event-info{grid-column:2}
body.a62-home .f62-event-info strong{font-size:14px;white-space:normal;overflow-wrap:anywhere}
body.a62-home .f62-event-info::after{content:'›';position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:25px;color:#e2c37e}
body.a62-home .f62-right{min-width:0;padding-bottom:12px;background:linear-gradient(110deg,#071d2c,#111723)}
/* Kings: matched source art, identical card geometry and bottom-aligned flags. */

body.a62-home .f62-kings-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 14px;align-items:stretch}
body.a62-home .f62-king{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:0;background:linear-gradient(180deg,#50132735,transparent 72%);box-shadow:none}
body.a62-home .f62-king.king-1{background:linear-gradient(180deg,#134a7635,transparent 72%)}
body.a62-home .f62-king-portrait{position:relative;width:100%;height:auto;aspect-ratio:190/220;flex:none;border:0;background:url(precision46-hero.png) 17.206478% top / 880% 109.545455% no-repeat}
body.a62-home .f62-king.king-1 .f62-king-portrait{background-image:url(precision46-hero.png);background-position:82.65857% top}
body.a62-home .f62-king-link,body.a62-home .f62-king.king-1 .f62-king-link{position:absolute;z-index:2;inset:0 0 auto;aspect-ratio:190/220;border-radius:0}
body.a62-home .f62-king-data{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:10px 2px 6px;background:transparent;text-align:center;border:0}
body.a62-home .f62-king.king-1 .f62-king-data{background:transparent}
body.a62-home .f62-king-data strong{display:flex;align-items:center;justify-content:center;min-height:2.4em;font:700 12px/1.2 Georgia,serif;color:#ffe4a5}
body.a62-home .f62-king-name{min-height:17px;max-width:100%;display:block;color:#f8e2ab;font:700 12px/1.4 Georgia,serif;overflow-wrap:anywhere;white-space:normal}
body.a62-home .f62-king-state{margin-top:auto;font-size:10px;color:#a9bdca;line-height:1.3}
body.a62-home .f62-king-bottom{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;background:transparent}
body.a62-home .f62-king.king-1 .f62-king-bottom{background:transparent}
body.a62-home .f62-king-message{flex:none;height:90px;min-height:90px;max-height:none;margin:0;padding:10px 5px;overflow:auto;overflow-wrap:anywhere;color:#d5dce4;text-align:center;font:italic 13px/1.5 Georgia,serif;border:0;scrollbar-width:thin;scrollbar-color:#937344 transparent}
body.a62-home .f62-king-message:focus-visible{outline:2px solid #f5d08b;outline-offset:-3px;background-color:#ffffff08}
body.a62-home .f62-king-message{white-space:pre-line}
/* Banner flags: exact 136x220 crops of the already loaded 1672x241 hero.
   El Morad = left red flag (8,8); Karus = right blue flag (1528,8). */
body.a62-home .f62-king-banner{display:block;flex:none;margin:auto auto 6px;width:100%;max-width:112px;height:auto;aspect-ratio:136/220;border:0;box-shadow:none;background:url(precision46-hero.png) .520833% 38.095238% / 1229.411765% 109.545455% no-repeat}
body.a62-home .f62-king.king-1 .f62-king-banner{background-image:url(precision46-hero.png);background-position:99.479167% 38.095238%}
body.a62-home .ko62-footer{background:#05131d}
/* Responsive behavior: two-column tablet, stacked mobile, accessible menus. */
@media(max-width:1320px){
 body.a62-home .f62-board{grid-template-columns:minmax(220px,0.84fr) minmax(0,1.7fr);padding:22px 3% 12px;gap:14px}
 body.a62-home .f62-right{grid-column:1/-1;max-width:400px;width:100%;justify-self:center}
 body.a62-home .ko62-nav{margin:0 3%}
 body.a62-home .ko62-nav>a,body.a62-home .ko62-nav>.ko62-dropdown>summary{font-size:clamp(11px,1.36vw,15px);gap:5px;padding:6px 3px}
 body.a62-home .ko62-nav .ko62-svg{width:17px;height:17px}
 body.a62-home .f62-weekly,body.a62-home .f62-peak{background-size:cover}
 body.a62-home .f62-count{max-width:100%}
}
@media(max-width:740px){
 body.a62-home .ko62-masthead{height:clamp(100px,24vw,165px);aspect-ratio:auto;background-position:center top;background-size:auto 110%}
 body.a62-home .ko62-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 8px;padding:7px}
 body.a62-home .ko62-nav::before{background-size:28px 28px}
 body.a62-home .ko62-nav::after{width:88px;height:22px;bottom:-13px}
 body.a62-home .ko62-nav>:nth-child(even)>summary::before{content:none}
 body.a62-home .f62-center-inner{padding:10px;gap:12px}
 body.a62-home .f62-weekly,body.a62-home .f62-peak{grid-template-columns:minmax(0,1fr) 58px}
 body.a62-home :is(.f62-weekly,.f62-peak)::after{width:54px;height:54px}
 body.a62-home .ko62-nav>a:last-child{grid-column:1/-1}
 body.a62-home .ko62-nav>a,body.a62-home .ko62-nav>.ko62-dropdown>summary{border-bottom:1px solid #77572e}
 body.a62-home .ko62-nav>:nth-child(even)>summary{border-right:0}
 body.a62-home .ko62-nav>a:last-child{border-bottom:0}
 body.a62-home .ko62-nav>.ko62-dropdown:nth-child(2)>div{left:auto;right:0}
 body.a62-home .ko62-login-links{flex-wrap:wrap}
 body.a62-home .ko62-title,body.a62-home .f62-card-title{white-space:normal;line-height:1.35}
 body.a62-home .f62-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
 body.a62-home .ko62-nav>a,body.a62-home .ko62-nav>.ko62-dropdown>summary{min-height:48px;font-size:clamp(12px,2.6vw,14px);padding:6px;gap:5px;white-space:nowrap}
 body.a62-home .ko62-nav>.ko62-dropdown>div{left:0;right:auto;width:max(100%,210px);max-width:calc(100vw - 22px)}
 body.a62-home .ko62-nav>.ko62-dropdown:nth-child(n+4)>div{left:auto;right:0}
 body.a62-home .f62-board{grid-template-columns:minmax(0,1fr);padding:20px 9px 12px;gap:14px}
 body.a62-home .f62-board::before{display:none}
 body.a62-home .f62-middle,body.a62-home .f62-right{grid-column:1}
 body.a62-home .f62-right{max-width:400px}
 body.a62-home .f62-rank-tables{grid-template-columns:minmax(0,1fr);gap:9px}
 body.a62-home .f62-pop h2{font-size:12px}
 body.a62-home .f62-balance-content{grid-template-columns:80px minmax(0,1fr) 80px;gap:3px}
 body.a62-home .f62-balance-label{font-size:9px;gap:3px;white-space:nowrap}
 body.a62-home .f62-balance-label img{width:25px;height:25px}
 body.a62-home .f62-balance-label strong{font-size:15px}
 body.a62-home .f62-stats{min-height:104px}
 body.a62-home .f62-status,body.a62-home .f62-online{padding:7px 6px;min-height:40px;gap:6px;font-size:11px}
 body.a62-home .f62-status strong,body.a62-home .f62-online strong{font-size:18px}
 body.a62-home .f62-card-title,body.a62-home .f62-title{font-size:11px}
 body.a62-home .f62-weekly,body.a62-home .f62-peak{background-image:linear-gradient(115deg,#0e2a3b,#051924);min-height:86px}
 body.a62-home .f62-count{max-width:100%;font-size:clamp(16px,4vw,19px)}
 body.a62-home .f62-event.has-event-art,body.a62-home .f62-event:has(> .f62-event-image:not([hidden])){grid-template-columns:65px minmax(0,1fr)}
 body.a62-home .f62-king-message{font-size:13px}
}
@media(min-width:741px) and (max-width:950px){
 body.a62-home .f62-rank-tables{grid-template-columns:minmax(0,1fr);gap:7px}
 body.a62-home .f62-rank-nation td:last-child{width:72px}
 body.a62-home .f62-right{max-width:400px}
}
@media(max-width:360px){
 body.a62-home .f62-cards{grid-template-columns:minmax(0,1fr)}
 body.a62-home .f62-balance-content{grid-template-columns:70px minmax(0,1fr) 70px}
 body.a62-home .f62-card-title{font-size:11px}
 body.a62-home .ko62-nav>a,body.a62-home .ko62-nav>.ko62-dropdown>summary{font-size:10px;gap:3px;padding:4px 2px}
 body.a62-home .ko62-nav .ko62-svg{width:15px;height:15px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:430px){
 body.a62-home .f62-balance-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.a62-home .f62-balance-label{grid-row:1;font-size:11px;gap:6px}
 body.a62-home .f62-balance-label.human{grid-column:1}
 body.a62-home .f62-balance-label.karus{grid-column:2}
 body.a62-home .f62-balance-label img{width:30px;height:30px}
 body.a62-home .f62-balance-track{grid-column:1/-1;grid-row:2}
}

/* Shared rows keep portraits, identities and banners aligned when names wrap. */
@supports(grid-template-rows:subgrid){
 body.a62-home .f62-kings-pair{row-gap:0}
 body.a62-home .f62-king{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
}

/* Static facets and short interaction-only opacity transitions; no idle animation. */
body.a62-home .f62-king-portrait::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,#071b2c)}
body.a62-home .f62-king-link{transition:box-shadow .15s ease}
@media(hover:hover) and (pointer:fine){body.a62-home .f62-king-link:hover{box-shadow:inset 0 0 16px #e8b65a45}}
@media(prefers-reduced-motion:reduce){body.a62-home .f62-king-link{transition:none}}
