/* A quiet gold hall. All rules are scoped to the logo navigation and its dialogs. */
#logo-menu{width:310px;min-width:0;max-width:calc(100vw - 24px);padding:12px;background:linear-gradient(145deg,#28231b,#141411 75%);border:1px solid #80673d;border-radius:16px;box-shadow:0 24px 65px #000b;box-sizing:border-box;max-height:calc(100dvh - 80px);overflow:auto}
#logo-menu.open{animation:hf-arrive .22s ease-out}
#divDock #logo-menu.open{display:block!important}
#divDock:has(#logo-menu.open){z-index:1101!important}
.app-mode #logo-menu-toggle img:first-child{width:32px!important;height:32px!important}
.app-mode #logo-menu-toggle img:last-child{height:26px!important}
#logo-menu .hf-menu-heading{display:flex;flex-direction:column;gap:5px;padding:8px 10px 16px}
#logo-menu .hf-menu-heading span{font:9px Arial,sans-serif;letter-spacing:.25em;color:#b29460}
#logo-menu .hf-menu-heading b{font:20px Georgia,serif;color:#f1e4c7}
#logo-menu button,#logo-menu a{box-sizing:border-box;display:flex;align-items:center;gap:12px;margin:2px 0;width:100%;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#eee1c8;text-align:left;text-decoration:none;font:13px Arial,sans-serif;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
#logo-menu button:hover,#logo-menu a:hover{background:#dec0870d;border-color:#a68b4c55;transform:translateX(2px)}
#logo-menu .hf-art{width:37px;height:37px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 5px #0006)}
#logo-menu button>span,#logo-menu a>span{flex:1;min-width:0;display:grid;gap:5px}
#logo-menu b{font-size:13px;font-weight:600}#logo-menu small{font-size:10px;color:#a79c87;font-weight:400}
#logo-menu .hf-glyph{width:16px;height:16px;flex-shrink:0;color:#aa8f5b}
.hf-glyph{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#logo-menu .hf-menu-divider{height:1px;margin:8px 10px;background:linear-gradient(90deg,transparent,#87724c66,transparent)}
#logo-menu button.hf-home{color:#b4a487;font-size:12px;padding:10px 12px}
#logo-menu-toggle{background:transparent;border:0;padding:0;display:flex;align-items:center;gap:8px;cursor:pointer}
#logo-menu :focus-visible,#logo-menu-toggle:focus-visible,.hf-overlay :focus-visible{outline:2px solid #e9c77f;outline-offset:3px}
.hf-overlay.modal{display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#080908bd;backdrop-filter:blur(7px);overflow:hidden}
.hf-shell{--hf-gold:#dfbf7e;--hf-muted:#b3a68e;width:790px;max-width:100%;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #987949;border-radius:20px;background:radial-gradient(ellipse at 50% 0,#5a43232a,transparent 60%),#171814;color:#ede5d4;box-shadow:0 25px 110px #000b,inset 0 1px #f4dc9c25;animation:hf-arrive .3s ease-out;font:13px/1.5 Arial,sans-serif;text-align:left}
.hf-shell *{box-sizing:border-box}.hf-shell h2,.hf-shell h3,.hf-shell p{margin:0}.hf-shell button{font-family:inherit;cursor:pointer}
.hf-shell .hf-header{display:flex;align-items:center;gap:18px;padding:27px 30px 23px;border-bottom:1px solid #c6a25e26;position:relative}
.hf-header>.hf-art{width:66px;height:66px;object-fit:contain;border-radius:50%;border:1px solid #a58b4c55;filter:drop-shadow(0 5px 12px #0006)}
.hf-eyebrow{display:block;color:#b8a075;font:9px/1.5 Arial,sans-serif;letter-spacing:.16em}
.hf-header h2{font:32px/1.15 Georgia,serif;color:#f1dfb5;margin:5px 0 8px}.hf-header p{font-size:11px;color:var(--hf-muted)}
.hf-shell .hf-close{align-self:flex-start;margin-left:auto;width:32px;height:32px;display:grid;place-items:center;padding:0;background:#090b092e;border:1px solid #b99a5a3b;border-radius:50%;color:#cbbb9a;flex-shrink:0}
.hf-close:hover{background:#c7a56222!important;color:#fff!important}
.hf-tabs{display:flex;align-items:center;gap:8px;padding:14px 28px 0}
.hf-tabs button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #b5a06e38;color:#b9ac92;padding:10px 16px;border-radius:8px;font-size:12px}
.hf-tabs button.active{color:#f0dbac;background:linear-gradient(120deg,#aa85372e,#c8a34b13);border-color:#bca06399;box-shadow:inset 0 1px #ecc87722}
.hf-tabs>span{margin-left:auto;font-size:8px;letter-spacing:.15em;color:#95896f}
.hf-scroll{padding:18px 28px 16px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8b7141 #1e1d17;min-height:0}
.hf-podiums{display:grid;grid-template-columns:1fr 1.16fr 1fr;align-items:end;gap:12px;padding-top:18px;padding-bottom:22px}
.hf-podiums.hf-count-1{grid-template-columns:minmax(0,280px);justify-content:center}.hf-podiums.hf-count-2{grid-template-columns:1fr 1fr}
.hf-shell .hf-podium{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:18px 12px 40px;background:radial-gradient(ellipse at 50% 30%,#d4be8b12,transparent 70%),linear-gradient(160deg,#2b2c25,#1c1e19);border:1px solid #a1a58c50;border-radius:12px;color:#c4c9bb;text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s}
.hf-shell .hf-podium.hf-rank-1{padding-top:24px;padding-bottom:45px;border-color:#d0a75f99;background:radial-gradient(ellipse at 50% 30%,#d9b25421,transparent 70%),linear-gradient(150deg,#383021,#211e17);color:#ebc87d;box-shadow:0 9px 24px #0003,inset 0 1px #f4d58b44}
.hf-shell .hf-podium.hf-rank-3{color:#d3a47f;border-color:#a27c5b66;background:radial-gradient(ellipse at 50% 30%,#c58b5810,transparent 70%),linear-gradient(150deg,#2d2822,#201d19)}
.hf-shell .hf-podium:hover{transform:translateY(-4px);border-color:currentColor;box-shadow:0 8px 25px #0006}
.hf-place{display:flex;align-items:center;gap:6px;text-transform:uppercase;font-size:9px;letter-spacing:.15em;margin-bottom:10px}.hf-place svg{width:17px;height:17px}
.hf-portrait{position:relative;display:grid;place-items:center;width:105px;height:110px;border-radius:50% 50% 14px 14px;background:radial-gradient(ellipse at 50% 60%,#ffe3a51a,transparent 68%);overflow:hidden}
.hf-rank-1 .hf-portrait{width:120px;height:126px}
.hf-portrait>img,.hf-portrait>svg{width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;filter:drop-shadow(0 6px 5px #0006)}
.hf-portrait>img.hf-custom{object-fit:cover!important;border-radius:50%!important;width:90px!important;height:90px!important;border:1px solid #dfc69255}
.hf-name{width:100%;font:600 17px/1.3 Georgia,serif;color:#f0e6d1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:12px 0 6px}
.hf-rank-1 .hf-name{font-size:20px}.hf-you{font-size:9px;color:#cfbc85;line-height:1.2}.hf-score{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-top:3px;line-height:1.2;color:#d9cbaa}
.hf-score>b{font:700 30px/1.2 Georgia,serif;color:inherit;font-variant-numeric:tabular-nums}.hf-rank-1 .hf-score>b{font-size:36px;color:#f4d89e}.hf-score>span{font-size:10px;color:#b8ad98}
.hf-measure{font-size:9px;color:#aeaa98;margin-top:5px}.hf-progress{width:72%;height:3px;background:#0004;border-radius:10px;overflow:hidden;margin:10px auto 0}.hf-progress i{display:block;height:100%;background:currentColor;box-shadow:0 0 6px currentColor}
.hf-medal{position:absolute;bottom:-22px;width:49px;height:56px;filter:drop-shadow(0 3px 4px #0008)}
.hf-table-head{display:flex;justify-content:space-between;padding:15px 12px 8px;text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:#9e947e}
.hf-rankings{display:grid;gap:5px}.hf-shell .hf-row{width:100%;display:flex;align-items:center;gap:14px;padding:8px 12px;border:1px solid #c7b17e1c;border-radius:8px;background:#ffffff03;color:#e3dac6;text-align:left;transition:background .18s,border-color .18s}
.hf-shell .hf-row:hover{background:#ddbb7520;border-color:#bd9e5966}.hf-shell .hf-self{border-color:#c5a85c80}
.hf-position{font:16px Georgia,serif;color:#a49270;min-width:22px}.hf-mini-avatar{width:36px;height:40px;overflow:hidden;border-radius:8px;background:#85734415;flex-shrink:0}.hf-mini-avatar>img,.hf-mini-avatar>svg{width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;border-radius:0!important}.hf-mini-avatar>img.hf-custom{object-fit:cover!important}
.hf-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.hf-row-score{display:flex;flex-direction:column;align-items:end;gap:1px}.hf-row-score b{font:20px Georgia,serif;color:#e1c58d}.hf-row-score small{color:#968c78;font-size:8px}.hf-row>.hf-glyph{width:14px;color:#a18a5c}
.hf-footnote{padding-top:15px!important;text-align:center;font-size:9px;color:#9c927c}
.hf-bottom{display:flex;align-items:center;gap:14px;padding:12px 28px;border-top:1px solid #b99e6126;font:8px Arial,sans-serif;letter-spacing:.15em;color:#867758}.hf-bottom i{height:1px;flex:1;background:linear-gradient(90deg,#a38b512b,transparent)}
.hf-house{width:880px}.hf-curator{display:grid;grid-template-columns:115px 1fr 130px;align-items:center;gap:19px;padding:4px 0 22px;border-bottom:1px solid #b99e6130}.hf-curator-art{height:177px;overflow:hidden;border-radius:80px 80px 10px 10px;background:radial-gradient(ellipse at 50% 50%,#be91402b,transparent 70%);border:1px solid #b79a4f26}.hf-curator-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 8px #0006)}
.hf-shell h3{font:21px/1.3 Georgia,serif;color:#e8d3a6}.hf-curator-copy h3{margin:5px 0 10px}.hf-curator-copy p{font-size:11px;color:#baaf99;line-height:1.8}.hf-location{display:flex;align-items:center;gap:7px;color:#d6bb80;font-size:11px;margin-top:13px}.hf-location>span{display:grid}.hf-location small{font-size:9px;color:#988e78}.hf-location svg{width:17px;height:17px}
.hf-deck{display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center}.hf-deck>b{font:23px Georgia,serif;color:#e0c58d}.hf-deck>span{font-size:10px;color:#c8b48c}.hf-deck>small{font-size:9px;color:#958770}.hf-card-fan{width:90px;height:88px;position:relative;margin:12px 0}.hf-card-fan img{position:absolute;height:83px;width:57px;object-fit:cover;border-radius:5px;border:1px solid #b8a16b;box-shadow:0 3px 10px #0008;left:17px;top:0;transform:rotate(9deg)}.hf-card-fan img:first-child{transform:rotate(-20deg) translate(-14px,5px)}.hf-card-fan img:nth-child(2){transform:rotate(-7deg) translate(-4px,0)}
.hf-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 8px}.hf-section-title h3{font-size:19px}.hf-section-title>span{font:8px Arial,sans-serif;letter-spacing:.08em;color:#9d8f73}.hf-note{font-size:10px;color:#a89d87;line-height:1.7}.hf-prizes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:13px}
.hf-prize{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:10px 4px 8px;border:1px solid #bea66f30;border-radius:10px;background:radial-gradient(ellipse at 50% 40%,#dcb75c15,transparent 75%),#f1d59803;text-decoration:none!important;color:#d8c49a;transition:border-color .2s,transform .2s}.hf-prize:hover{border-color:#e2bd6f;transform:translateY(-3px)}.hf-prize .hf-pokemon,.hf-prize .hf-art{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 4px 4px #0006)}.hf-prize b{font-size:10px;font-weight:500;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}.hf-prize>span{font-size:8px;color:#857a63}
.hf-rewards{display:grid;gap:8px}.hf-reward{display:flex;gap:15px;align-items:center;border:1px solid #b79e6630;border-radius:10px;padding:11px 15px;background:linear-gradient(120deg,#b88d2b10,transparent)}.hf-reward-art{display:grid;place-items:center;width:65px;height:65px;flex-shrink:0;background:radial-gradient(circle,#dbb95d26,transparent 70%)}.hf-reward-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px #0006)}.hf-reward>div{min-width:0}.hf-reward .hf-eyebrow{font-size:7px}.hf-shell .hf-player-link{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;background:none;border:0;padding:3px 0;font:18px Georgia,serif;color:#ebdfc6;white-space:nowrap}.hf-player-link:hover{text-decoration:underline}.hf-reward p{font-size:10px;color:#a99e88}.hf-reward p b{color:#dfc68e;font-weight:500}.hf-reward time{font-size:9px;color:#a19379;margin-left:auto;white-space:nowrap}
.hf-antique-footer{display:flex;align-items:center;gap:18px;margin-top:20px;padding-top:16px;border-top:1px solid #b99e6126}.hf-antique-footer>span{font-size:10px;color:#a99a7e;flex:1}.hf-shell .hf-primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 14px;border:1px solid #bd9b57;border-radius:8px;color:#efdbad;background:linear-gradient(140deg,#82622a66,#7b592121);font-size:11px;white-space:nowrap}.hf-primary:hover{filter:brightness(1.2)}
.hf-empty,.hf-loading{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:25px;color:#c9b995}.hf-empty .hf-art{width:64px;height:64px;object-fit:contain;opacity:.7}.hf-empty p{font-size:11px;color:#aa9e87;max-width:340px}.hf-loading p{font-size:12px}.hf-loader{width:32px;height:32px;border:2px solid #a88a4733;border-top-color:#d8b46c;border-radius:50%;animation:hf-spin 1s linear infinite}
@keyframes hf-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hf-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.hf-overlay.modal{padding:10px}.hf-shell{border-radius:14px;max-height:calc(100dvh - 20px)}.hf-shell .hf-header{padding:18px 15px;gap:10px}.hf-header>.hf-art{width:46px;height:46px}.hf-header h2{font-size:25px}.hf-header p{font-size:10px;padding-right:6px}.hf-eyebrow{font-size:7px;letter-spacing:.1em}.hf-tabs{padding:12px 12px 0;gap:6px}.hf-tabs button{flex:1;justify-content:center;padding:9px 8px;font-size:11px}.hf-tabs>span{display:none}.hf-scroll{padding:15px 12px}.hf-podiums{gap:6px;grid-template-columns:1fr 1.08fr 1fr;padding-top:14px}.hf-shell .hf-podium{padding:13px 5px 33px;border-radius:9px}.hf-shell .hf-podium.hf-rank-1{padding:18px 5px 36px}.hf-place{font-size:7px;letter-spacing:.06em;gap:3px}.hf-place svg{width:13px}.hf-portrait{width:74px;height:80px;max-width:100%}.hf-rank-1 .hf-portrait{width:84px;height:92px}.hf-portrait>img.hf-custom{width:65px!important;height:65px!important}.hf-name{font-size:13px;margin-top:9px}.hf-rank-1 .hf-name{font-size:14px}.hf-score{gap:3px}.hf-score>b{font-size:25px}.hf-rank-1 .hf-score>b{font-size:29px}.hf-score>span,.hf-measure{font-size:8px}.hf-medal{width:39px;height:46px;bottom:-19px}.hf-shell .hf-row{gap:9px;padding:8px}.hf-row-name{font-size:11px}.hf-row-score b{font-size:18px}.hf-bottom{padding:11px 15px;font-size:7px}.hf-curator{grid-template-columns:73px 1fr;gap:13px}.hf-curator-art{height:135px}.hf-curator-copy h3{font-size:22px}.hf-curator-copy p{font-size:10px}.hf-deck{grid-column:1/-1;flex-direction:row;justify-content:center;gap:8px;padding:10px;background:#c0a15b0b;border:1px solid #ad904333;border-radius:8px}.hf-card-fan{width:44px;height:43px;margin:0 10px 0 0}.hf-card-fan img{height:40px;width:28px;left:9px}.hf-deck>small{display:none}.hf-deck>b{font-size:21px}.hf-prizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hf-prize .hf-pokemon,.hf-prize .hf-art{width:70px;height:70px}.hf-section-title h3{font-size:18px}.hf-section-title>span{font-size:7px}.hf-reward{gap:10px;padding:10px}.hf-reward-art{width:48px;height:55px}.hf-shell .hf-player-link{font-size:16px}.hf-reward time{font-size:8px;max-width:55px;white-space:normal;text-align:right}.hf-antique-footer{align-items:stretch;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.hf-shell,#logo-menu.open,.hf-loader{animation:none}.hf-overlay *:not(.hf-loader),#logo-menu *{transition:none!important}}
