#hc373,#hc373 *{box-sizing:border-box}
#hc373{position:fixed;inset:0;z-index:95;display:none;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-user-select:none;user-select:none;
 background:linear-gradient(180deg,rgba(6,14,30,.18) 0%,rgba(6,14,30,.30) 38%,rgba(6,14,30,.62) 100%);overflow:hidden}
#hc373.on{display:block}
#hc373 .hcw{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:clamp(6px,1.4vh,12px);padding:max(env(safe-area-inset-top),10px) 12px max(env(safe-area-inset-bottom),12px);overflow-y:auto;overscroll-behavior:contain}
#hc373 .hcHead{text-align:center;margin-top:auto;padding-top:6px;text-shadow:0 2px 0 rgba(8,16,32,.9),0 2px 10px rgba(0,0,0,.7)}
#hc373 button:focus-visible,#hc373 .hcw:focus-visible{outline:3px solid #fff;outline-offset:2px}#hc373 .hcw{outline:none}
#hc373 .hcT{font-weight:900;color:#fff;letter-spacing:.1em;font-size:clamp(14px,2.6vh,19px)}
#hc373 .hcP{font-weight:800;letter-spacing:.08em;font-size:clamp(11px,1.8vh,14px);opacity:.9}
#hc373 .hcRes{display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:5px 16px 5px 6px;border-radius:999px;background:rgba(14,28,52,.72);border:2px solid rgba(110,150,200,.5);box-shadow:0 4px 14px rgba(0,0,0,.4)}
#hc373 .hcNum{display:flex;align-items:center;justify-content:center;width:clamp(40px,7vh,56px);height:clamp(40px,7vh,56px);border-radius:50%;font-weight:900;font-size:clamp(24px,4.4vh,34px);line-height:1;color:#14263c;background:linear-gradient(180deg,#ffe56a,#ffc21f);box-shadow:0 3px 0 #b97f00}
#hc373 .hcName{font-weight:900;white-space:nowrap;font-size:clamp(18px,5.6vw,30px);line-height:1;color:#fff;text-shadow:0 2px 0 #14263c}
#hc373 .hcPanel{width:min(94vw,430px);background:rgba(14,28,52,.80);border:2px solid rgba(110,150,200,.55);border-radius:18px;padding:clamp(8px,1.5vh,14px) clamp(8px,2.4vw,14px);box-shadow:0 8px 28px rgba(0,0,0,.45)}
#hc373 .hcCardH{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
#hc373 .hcCardH b{font-size:clamp(15px,2.6vh,20px);font-weight:900;letter-spacing:.06em;-webkit-text-stroke:0}
#hc373 .hcCardH span{font-weight:800;font-size:clamp(11px,1.9vh,14px);opacity:.92}
#hc373 .hcCardH em{font-style:normal;color:#ffd23e;font-weight:900;font-size:clamp(14px,2.4vh,18px)}
#hc373 .hcGrid{display:grid;grid-template-columns:repeat(9,1fr);gap:clamp(2px,.7vw,5px)}
#hc373 .hcT9{background:rgba(255,255,255,.09);border:1.5px solid rgba(255,255,255,.12);border-radius:9px;text-align:center;padding:clamp(1px,.4vh,3px) 0 clamp(2px,.5vh,4px);min-width:0}
#hc373 .hcT9 i{display:block;font-style:normal;font-size:clamp(8px,1.4vh,11px);font-weight:700;opacity:.65;line-height:1.2}
#hc373 .hcT9 b{display:block;font-size:clamp(14px,2.7vh,22px);font-weight:900;line-height:1.05}
#hc373 .hcT9 s{display:block;text-decoration:none;font-size:clamp(8px,1.4vh,11px);font-weight:800;line-height:1.1;min-height:1.1em}
#hc373 .hcT9.un{opacity:.4}
#hc373 .hcT9.cur{border-color:#ffd23e;box-shadow:0 0 0 1.5px #ffd23e,0 0 10px rgba(255,210,62,.5);background:rgba(255,210,62,.12)}
#hc373 .hcT9.cur i{color:#ffd23e;opacity:1}
#hc373 .hcUnder{color:#5fe08a}#hc373 .hcOver{color:#ff7a6a}
#hc373 .hcSum{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:6px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.14);text-align:center}
#hc373 .hcSum div i{white-space:nowrap;display:block;font-style:normal;font-size:clamp(8px,1.4vh,11px);font-weight:800;letter-spacing:.07em;opacity:.7}
#hc373 .hcSum div b{font-size:clamp(14px,2.5vh,19px);font-weight:900;color:#ffd23e}
#hc373 .hcRew{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center}
#hc373 .hcRew div{display:flex;align-items:center;gap:10px;justify-content:center}
#hc373 .hcRew div+div{border-left:1px solid rgba(255,255,255,.16)}
#hc373 .hcIcon{width:clamp(26px,4.6vh,38px);height:clamp(26px,4.6vh,38px);border-radius:50%;flex:none}
#hc373 .hcIcon.j{background:radial-gradient(circle at 35% 30%,#e0b8ff,#8b4fe0 60%,#5a2aa8);border-radius:55% 55% 55% 55%/65% 65% 45% 45%;box-shadow:0 0 10px rgba(160,100,255,.6)}
#hc373 .hcIcon.c{background:radial-gradient(circle at 35% 30%,#fff3a0,#ffc72e 55%,#d98c00);box-shadow:0 0 10px rgba(255,200,50,.5)}
#hc373 .hcRew i{display:block;font-style:normal;font-size:clamp(9px,1.5vh,12px);font-weight:800;letter-spacing:.07em;opacity:.8}
#hc373 .hcRew b{font-size:clamp(17px,3vh,24px);font-weight:900}
#hc373 .hcRew .j b{color:#e0b8ff}#hc373 .hcRew .c b{color:#ffd23e}
#hc373 .hcNext{width:min(94vw,430px);border:0;border-radius:999px;padding:clamp(12px,2.2vh,18px) 10px;font:900 clamp(20px,3.8vh,30px) system-ui;letter-spacing:.06em;color:#14263c;background:linear-gradient(180deg,#ffe56a,#ffc21f);box-shadow:0 5px 0 #b97f00,0 10px 22px rgba(0,0,0,.45);cursor:pointer;touch-action:manipulation}
#hc373 .hcNext:active{transform:translateY(3px);box-shadow:0 2px 0 #b97f00,0 5px 12px rgba(0,0,0,.45)}
#hc373 .hcRep{margin-top:clamp(2px,.8vh,6px);border:1.5px solid rgba(255,255,255,.35);background:rgba(20,38,60,.65);color:#fff;border-radius:999px;padding:clamp(7px,1.3vh,11px) 22px;font:800 clamp(11px,1.9vh,14px) system-ui;letter-spacing:.08em;cursor:pointer;touch-action:manipulation}
#hc373 .hcLeft,#hc373 .hcRight{display:contents}
@media (orientation:landscape) and (max-height:520px){
 #hc373 .hcT9 b{font-size:clamp(11px,3.6vh,18px)}#hc373 .hcT9 i,#hc373 .hcT9 s{font-size:clamp(7px,2.2vh,10px)}
 #hc373 .hcPanel{padding:5px 8px;border-radius:14px}#hc373 .hcCardH{margin-bottom:3px}#hc373 .hcSum{margin-top:4px;padding-top:4px;gap:4px}
 #hc373 .hcSum div b{font-size:clamp(11px,3.4vh,16px)}#hc373 .hcRew b{font-size:clamp(14px,4.4vh,20px)}#hc373 .hcIcon{width:clamp(20px,6vh,30px);height:clamp(20px,6vh,30px)}
 #hc373 .hcNext{padding:clamp(8px,2.6vh,14px) 10px;font-size:clamp(16px,5.4vh,26px)}#hc373 .hcRep{padding:5px 18px}
 #hc373 .hcRight{gap:5px}
 #hc373 .hcw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto auto auto auto;align-content:center;justify-items:center;column-gap:16px;row-gap:6px;padding:8px 14px}
 #hc373 .hcLeft{display:flex;flex-direction:column;align-items:center;gap:6px;grid-column:1;grid-row:1/6;justify-content:flex-end;align-self:stretch;width:100%;padding-bottom:6px}
 #hc373 .hcRight{display:flex;flex-direction:column;align-items:center;gap:8px;grid-column:2;grid-row:1/6;justify-content:center;width:100%}
 #hc373 .hcHead{margin-top:0}
 #hc373 .hcPanel,#hc373 .hcNext{width:100%}
 #hc373 .hcNum{width:clamp(30px,12vh,44px);height:clamp(30px,12vh,44px);font-size:clamp(18px,7.5vh,28px)}#hc373 .hcName{font-size:clamp(15px,6.5vh,24px)}
}
@media (orientation:portrait) and (max-height:640px){#hc373 .hcT{font-size:13px}#hc373 .hcP{font-size:10px}#hc373 .hcRes{margin-top:3px;padding:3px 12px 3px 4px}#hc373 .hcNum{width:34px;height:34px;font-size:22px}#hc373 .hcName{font-size:19px}#hc373 .hcw{gap:5px}#hc373 .hcNext{padding:10px}#hc373 .hcRep{padding:6px 18px}}
@media (prefers-reduced-motion:no-preference){#hc373.on .hcw{animation:hcIn .35s ease-out}@keyframes hcIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}