/* screens.css — merge-v2. Positions come from decon/*.json (target % -> px of the 1920x1080 stage). Kit parts only via .hc-* classes or kit/assets PNGs. */
.bg{position:absolute;inset:0;background:center/cover no-repeat}
.mapbg{background-image:url(kit/assets/backgrounds/map_snow_nohud.jpg)}
.boardbg{background-image:url(art/bg/board_bg.jpg)}
i{display:block;background:center/contain no-repeat;font-style:normal}
.ic{position:absolute}
.ic.coin{background-image:url(kit/assets/icons/coin_disk.png)}
.ic.plus{background-image:url(kit/assets/icons/plus_green.png)}
.ic.clock{background-image:url(kit/assets/icons/clock_small.png)}
.close-c{position:absolute;inset:0;background-image:url(kit/assets/icons/red_circle.png)}
.close-x{position:absolute;left:50%;top:50%;width:52%;height:52%;transform:translate(-50%,-50%);background-image:url(kit/assets/icons/close_white_b.png)}
[data-action],[data-open],[data-go],[data-close]{cursor:pointer}

/* ---------- MAP ---------- */
.map-ev{top:200px;right:110px;width:190px;height:240px;margin-right:0}
.ev-glow{mix-blend-mode:screen;position:absolute;left:-40px;top:-40px;width:270px;height:270px;background-image:url(kit/assets/effects/glow_gold_disk.png);opacity:.8;animation:breathe 2.4s ease-in-out infinite}
.ev-base{position:absolute;left:10px;top:10px;width:170px;height:170px;background-image:url(kit/assets/icons/orb_blue.png)}
.ev-emb{position:absolute;left:28px;top:28px;width:134px;height:134px;object-fit:contain;border-radius:50%}
.ev-ring{position:absolute;left:0;top:0;width:190px;height:190px;background-image:url(kit/assets/icons/ring_gold.png)}
.ev-badge{position:absolute;right:0;top:4px;min-width:52px;height:52px;padding:0 10px;display:none;align-items:center;justify-content:center;background:url(kit/assets/icons/red_circle.png) center/100% 100% no-repeat;font-size:28px}
.ev-badge.on{display:flex}
.ev-tm{position:absolute;left:50%;top:178px;transform:translateX(-50%);width:210px;height:52px;font-size:24px;white-space:nowrap}
.map-ho{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);width:520px}
@keyframes breathe{50%{transform:scale(1.08);opacity:1}}

/* ---------- BOARD HUD ---------- */
.heroine{position:absolute;left:30px;top:76px;height:1004px;width:auto;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.hud-coins{top:22px;left:67px;width:290px;height:76px}
.hud-timer{top:22px;left:375px;width:250px;height:76px}
.hud-coins .pill,.hud-timer .pill{position:absolute;left:30px;right:0;top:8px;height:60px;font-size:34px;justify-content:center;padding-left:46px}
.hud-coins .coin{left:0;top:0;width:76px;height:76px}
.hud-coins .plus{left:50px;top:46px;width:34px;height:34px}
.hud-timer .clock{left:2px;top:2px;width:68px;height:72px}

.track{position:absolute;left:662px;top:22px;width:999px;height:110px}
.trk-body{position:absolute;inset:0}
.trk-rail{position:absolute;left:52px;right:150px;top:46px;height:18px}
.rail-d{position:absolute;left:0;right:0;top:2px;width:auto!important;height:12px!important;opacity:.7}
.rail-bw{position:absolute;left:0;top:0;height:14px;overflow:hidden;width:0}
.rail-b{width:800px;height:13px!important}
.trk-slots{position:absolute;left:40px;right:140px;top:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center}
.slot{position:relative;width:64px;height:84px;display:flex;align-items:center;justify-content:center}
.slot img{max-width:100%;max-height:100%;object-fit:contain}
.slot img.sil{opacity:1}
.slot.goal::before{mix-blend-mode:screen;content:"";position:absolute;inset:-26px;background:url(kit/assets/effects/glow_gold_disk.png) center/contain no-repeat;animation:breathe 1.8s ease-in-out infinite}
.slot .chk{position:absolute;right:-6px;bottom:-2px;width:28px;height:26px;background-image:url(kit/assets/badges/season_check_green_l.png)}
.trk-end{position:absolute;right:14px;top:6px;width:112px;height:98px}
.end-glow{mix-blend-mode:screen;position:absolute;inset:-22px;background-image:url(kit/assets/effects/glow_gold_disk.png);opacity:.7}
.end-card{position:absolute;inset:8px;width:auto!important;height:auto!important}
.end-frame{position:absolute;inset:0;width:auto!important;height:auto!important}
.end-chest{position:absolute;left:4px;top:0;width:104px;height:98px;background-image:url(kit/assets/icons/season_chest_red_gold.png)}

.board-shadow{position:absolute;background:url(kit/assets/effects/shadow_blob.png) center/100% 100% no-repeat;opacity:.45;pointer-events:none}
.board-frame{position:absolute}
.grid{position:absolute;left:var(--gp,8px);top:var(--gp,8px)}   /* inside the 9-slice border of the frame; equal padding on all sides */
.cell{position:absolute;background:center/100% 100% no-repeat}
.cell.a{background-image:url(art/gen/cell_a.png)}
.cell.b{background-image:url(art/gen/cell_b.png)}
.cell.lock{background-image:url(art/ui/crown_tile.png);background-size:85% 85%}   /* same visible footprint as cell_a/b (opaque 218/256 = 85%) */
.it{position:absolute;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:2}
.it img{width:86%;height:86%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 4px rgba(60,30,0,.35))}
.it.glass::after{content:"";position:absolute;inset:0;background:url(art/gen/glass.png) center/100% 100% no-repeat;opacity:1;pointer-events:none}
.it.glass img{opacity:1}
.it.drag{z-index:20;transform:scale(1.12)}
.it.land{animation:land .3s ease-out}
.it.pop{animation:pop .35s cubic-bezier(.2,1.6,.4,1)}
@keyframes land{0%{transform:translateY(-20px) scale(.8)}100%{transform:none}}
@keyframes pop{0%{transform:scale(.5)}100%{transform:none}}
.burst{position:absolute;pointer-events:none;background:url(kit/assets/effects/burst_sparkle_a.png) center/contain no-repeat;z-index:30;animation:burst .45s ease-out forwards}
@keyframes burst{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.4);opacity:0}}
.stage-tab{position:absolute;width:340px;font-size:28px;z-index:4;white-space:nowrap;display:flex;align-items:center;justify-content:center;padding-top:10px;box-sizing:border-box}

.gen{position:absolute;left:1047px;top:808px;width:230px;height:230px}
.gen::before{content:"";position:absolute;left:-10%;right:-10%;bottom:-4%;height:30%;background:url(kit/assets/effects/shadow_blob.png) center/100% 100% no-repeat;opacity:.55}
.gen-glow{mix-blend-mode:screen;position:absolute;left:-45px;top:-30px;width:320px;height:280px;background-image:url(kit/assets/effects/glow_orange.png);opacity:.75}
.gen-obj{position:absolute;left:5px;top:5px;width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.gen.off .gen-obj{filter:grayscale(.6) brightness(.8)}
.gen-free{position:absolute;right:4px;top:10px;width:64px;height:64px;display:none;align-items:center;justify-content:center;background:url(kit/assets/icons/red_circle.png) center/100% 100% no-repeat;font-size:30px}
.gen-free.on{display:flex}
.gen.shake{animation:shake .4s}
@keyframes shake{25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}

.sp-bar{top:908px;left:56px;width:520px;height:160px}
.sp-track{position:absolute;left:70px;top:32px;width:404px;height:50px}
.sp-fill-wrap{position:absolute;left:78px;top:38px;height:38px;width:0;overflow:hidden;max-width:388px;border-radius:19px}
.sp-fill{width:388px;height:38px!important}
.sp-frame{position:absolute;left:70px;top:34px;width:404px}
.sp-num{position:absolute;left:70px;width:404px;top:35px;height:44px;display:flex;align-items:center;justify-content:center;font-size:30px;z-index:3}
.sp-ticket{position:absolute;left:-6px;top:4px;width:126px;height:96px;background-image:url(kit/assets/tickets/season_gold_ticket.png);z-index:4}
.sp-chest{position:absolute;left:432px;top:-6px;width:112px;height:110px;background-image:url(kit/assets/icons/season_chest_red_gold.png);z-index:4}
.sp-lvl{position:absolute;left:150px;top:96px;width:250px;height:52px;font-size:28px}
.sp-bar.pulse,.tokens.pulse{animation:pulse .35s ease-out}

.sp-icon{top:172px;right:40px;width:160px;height:160px}
.spi-glow{mix-blend-mode:screen;position:absolute;inset:-40px;background-image:url(kit/assets/effects/glow_gold_disk.png);animation:breathe 2.2s ease-in-out infinite}
.spi-base{position:absolute;inset:8px;background-image:url(kit/assets/icons/orb_blue.png)}
.spi-ticket{position:absolute;left:22px;top:38px;width:116px;height:88px;background-image:url(kit/assets/tickets/season_gold_ticket.png)}
.spi-ring{position:absolute;inset:0;background-image:url(kit/assets/icons/ring_gold.png)}

.help{top:26px;right:104px;width:40px;height:58px}
.help-base{display:none}
.help-q{position:absolute;inset:0;background-size:contain;background-image:url(kit/assets/icons/question_white.png)}
.close{top:28px;right:30px;width:50px;height:50px}
.close .close-c{display:none}
.close .close-x{width:100%;height:100%;background-image:url(kit/assets/icons/close_white_c.png);background-size:contain}

.tokens{top:860px;right:26px;width:250px;height:160px}
.tok-btn{position:absolute;right:0;top:28px;width:220px;transform:scale(1.15);transform-origin:right top}
.tok-btn b{font-size:46px;padding-left:34px}
.tok-ic{position:absolute;left:-14px;top:14px;width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4));z-index:2}
.tok-plus{position:absolute;right:-8px;top:2px;width:44px;height:44px;background-image:url(kit/assets/icons/plus_green.png);z-index:2}

.tip-bubble{position:absolute;left:50%;top:150px;transform:translateX(-50%);padding:22px 40px;opacity:0;transition:opacity .25s;pointer-events:none;z-index:50;border:solid transparent;border-width:20px;border-image:url(kit/assets/plates/cream_wide.png) 40 fill / 20px stretch}
.tip-bubble.on{opacity:1}

/* ---------- generic window parts ---------- */
.win .w-body{position:absolute;left:0;right:0;top:44px;bottom:0}
.win .w-title{position:absolute;left:50%;top:0;transform:translateX(-50%);width:62%;z-index:5;font-size:38px}
.win .w-close{position:absolute;right:-22px;top:-6px;width:92px;height:92px;z-index:6}
.win .w-x{position:absolute;right:20px;top:66px;width:76px;height:76px;z-index:6}
.w-x .close-x{width:100%;height:100%}

/* ---------- INTRO ---------- */
.btn-glow{mix-blend-mode:screen;position:absolute;left:-70px;right:-70px;top:-30px;height:160px;background-image:url(kit/assets/effects/season_green_button_glow.png);background-size:100% 100%}

/* ---------- CHAIN ---------- */
.rw{display:flex;align-items:center;gap:6px;font-size:30px;color:var(--ink)}
.rw i{width:64px;height:64px}

/* reward icons */
.ri-coin{background-image:url(kit/assets/icons/coins_pile.png)}
.ri-boost{background-image:url(kit/assets/icons/booster_circle_d.png)}
.ri-rocket{background-image:url(kit/assets/icons/season_booster_atom_bolt.png)}
.ri-chest{background-image:url(kit/assets/icons/season_chest_red_gold.png)}

/* ---------- SEASON PASS ---------- */
.sp-scene{position:absolute;inset:16px;border-radius:14px;background:url(art/bg/board_bg.jpg) center/cover;opacity:.95}
.sp-tickets{position:absolute;left:36px;top:96px;width:170px;height:560px}
.spt{position:absolute;left:0;width:170px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.spt.free{top:0}.spt.prem{top:300px}
.spt i{width:150px;height:110px}
.spt.free i{background-image:url(kit/assets/tickets/season_blue_ticket.png)}
.spt.prem i{background-image:url(kit/assets/tickets/season_gold_ticket.png)}
.spt b{font-size:21px;white-space:nowrap}
.sp-row{position:absolute;left:200px;right:60px;display:flex;justify-content:space-between}
.free-row{top:110px}.prem-row{top:430px}
.drop{position:relative;width:150px;height:200px;cursor:pointer}
.drop .db{position:absolute;inset:0;width:auto!important;height:auto!important}
.drop .tail{position:absolute;left:50%;width:56px;height:22px;transform:translateX(-50%);background:url(kit/assets/panels/bubble_tail_down_a.png) center/100% 100%}
.free-row .drop .tail{bottom:-20px}
.prem-row .drop .tail{top:-20px;transform:translateX(-50%) rotate(180deg)}
.drop .card{position:absolute;left:12px;top:12px;right:12px;bottom:12px;background-size:100% 100%}
.drop .card.fb{background-image:url(kit/assets/cards/season_card_blue_plain_a.png)}
.drop .card.fbd{background-image:url(kit/assets/cards/season_card_blue_plain_dim.png)}
.drop .card.pf{background-image:url(kit/assets/cards/season_card_purple_frame_a.png)}
.drop .card.pp{background-image:url(kit/assets/cards/season_card_purple_plain_a.png)}
.drop .card.pd{background-image:url(kit/assets/cards/season_card_purple_frame_dim.png)}
.drop .rwi{position:absolute;left:24px;right:24px;top:30px;height:96px}
.drop .xn{position:absolute;left:0;right:14px;bottom:24px;text-align:right;font-size:28px}
.drop .lock{position:absolute;right:2px;top:2px;width:44px;height:52px;background-image:url(kit/assets/badges/season_lock_gold.png)}
.drop .ok{position:absolute;right:-4px;top:-4px;width:54px;height:50px;background-image:url(kit/assets/badges/season_check_green_l.png)}
.drop.dim{opacity:.8}
.sp-nodes{position:absolute;left:200px;right:60px;top:340px;height:70px}
.sp-nodes .ln{position:absolute;left:60px;right:60px;top:28px;height:14px}
.sp-nodes .lnb{position:absolute;left:60px;top:28px;height:14px;overflow:hidden}
.node{position:absolute;top:0;width:70px;height:70px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;font-size:30px}
.node.on{background:url(kit/assets/icons/coin_disk.png) center/contain no-repeat;color:var(--ink)}
.node.off{background:url(kit/assets/icons/help_button_back.png) center/contain no-repeat;color:#fff}
.node.off::after{content:"";position:absolute;inset:-4px;background:url(kit/assets/icons/ring_gold.png) center/contain no-repeat}
.sp-buy{position:absolute;left:190px;right:70px;top:668px;height:96px}
.sp-buy .strip{position:absolute;inset:0;width:auto!important}
.sp-buy .chest{position:absolute;left:-60px;top:-30px;width:150px;height:150px;background-image:url(kit/assets/icons/season_chest_red_gold.png)}
.sp-buy .cap{position:absolute;left:110px;right:330px;top:0;bottom:0;display:flex;align-items:center;font-size:30px}
.sp-buy .hc-buttons-green-pill{position:absolute;right:20px;top:-2px;width:290px}
.sp-tip{position:absolute;width:330px;padding:12px 18px;border:solid transparent;border-width:26px;border-image:url(kit/assets/plates/cream_wide.png) 50 fill / 26px stretch;display:none;z-index:8;color:var(--ink);font-size:26px;text-align:center}
.sp-tip.on{display:block}
.sp-tip .rws{display:flex;justify-content:center;gap:16px;margin-top:10px;flex-wrap:wrap}
#spWin.bought .sp-scene{filter:hue-rotate(250deg) saturate(.6) brightness(1.15)}

/* ---------- BUY PASS ---------- */
.spb-sub{position:absolute;left:0;right:0;top:150px;text-align:center;font-size:30px}
.spb-cards{position:absolute;left:120px;right:120px;top:220px;display:flex;justify-content:space-between}
.spbc{position:relative;width:280px;height:340px;background:url(kit/assets/cards/season_card_purple_frame_large.png) center/100% 100% no-repeat}
.spbc i{position:absolute;left:50px;right:50px;top:50px;height:180px}
.spbc b{position:absolute;left:0;right:0;bottom:40px;text-align:center;font-size:40px}
.spb-btn{position:absolute;left:50%;top:620px;transform:translateX(-50%);width:400px}
.purple-rib{height:114px;width:760px!important}
.pr-l,.pr-r{position:absolute;top:0;width:410px;height:114px;background-image:url(kit/assets/ribbons/season_purple_ribbon_left.png);background-size:100% 100%}
.pr-l{left:0}.pr-r{right:0;transform:scaleX(-1)}
.purple-rib b{position:absolute;left:0;right:0;top:44px;text-align:center;font-size:38px}

/* ---------- HOW TO ---------- */
.hc-scrim.dark{background:rgba(3,2,6,.94)}   /* HC helper/reward screens sit on a near-black screen */
.howto{position:absolute;inset:0;animation:fadein .25s}
.s1 img{position:absolute;left:150px;top:60px;width:260px;height:260px;object-fit:contain}
.s1 .tok1{position:absolute;left:10px;top:120px;width:170px;height:170px;object-fit:contain;z-index:2}
.s2 img{position:absolute;width:140px;height:140px;object-fit:contain}
.s2 .m1{left:20px;top:40px}.s2 .m2{left:150px;top:40px}.s2 .m3{left:120px;top:170px;width:190px;height:190px}
.s3 .m4{position:absolute;left:130px;top:-20px;width:170px;height:170px;object-fit:contain}

/* ---------- MORE ---------- */

/* ---------- NEW ITEM / GRAND ---------- */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes blink{50%{opacity:.55}}

/* ---------- SMALL WINDOWS ---------- */
.win.small .w-title{width:70%}
.ho-btns{position:absolute;left:80px;right:80px;top:300px;display:grid;grid-template-columns:1fr 1fr;gap:26px 30px}
.ho-btns>div{width:auto;font-size:30px}

/* ---------- TUTORIAL ---------- */
.tut{position:absolute;inset:0;z-index:400;display:none;pointer-events:none}
.tut.on{display:block}
.tut-hole{position:absolute;border-radius:44px;box-shadow:0 0 0 4000px rgba(0,0,0,.6),0 0 40px 10px rgba(0,0,0,.6) inset;pointer-events:none;transition:all .25s}  /* hc-allow-solid: tutorial dimming (scrim) */
.tut-dlg{position:absolute;width:640px;height:150px}
.tut-dlg img{position:absolute;left:0;top:0;width:140px;height:140px;border-radius:50%}
.tut-dlg .hc-plates-cream-wide{position:absolute;left:150px;right:0;top:10px;min-height:120px;font-size:28px;padding:10px 20px}
.tut-arrow{position:absolute;width:100px;height:130px;animation:bob .9s ease-in-out infinite}
.tut-arrow i{position:absolute;inset:0;background:url(kit/assets/icons/tutorial_pointer_gold.png) center/contain no-repeat}   /* prototype-1 pointer (customer art in the kit) until the green HC arrow arrives */
@keyframes bob{50%{transform:translateY(-16px)}}
.fly img{display:block;filter:drop-shadow(0 6px 6px rgba(0,0,0,.4))}

/* ---- intro: HC event start window, measured on 1.97_Winstreak_Comp_Start_wnd_01 (1600x1200, 4:3 frame -> x = 240 + x%*14.4, y = y%*10.8) ---- */
.intro>*{position:absolute}
.intro-particles{left:355px;top:86px;width:1181px;height:961px;background:url(kit/assets/effects/particles_ring.png) center/100% 100% no-repeat;pointer-events:none}
.intro-tray{left:537px;top:660px;width:846px;height:340px}
.intro-art{left:516px;top:276px;width:888px;height:394px;overflow:hidden;border-radius:12px;background:url(art/bg/board_bg.jpg) center 62%/cover no-repeat}
.intro-hero{position:absolute;left:5%;top:9%;height:132%;width:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.intro-glow{position:absolute;right:7%;top:24%;width:230px;height:230px;background:url(kit/assets/effects/glow_gold_disk.png) center/contain no-repeat;mix-blend-mode:screen;opacity:.85}
.intro-prize{position:absolute;right:10.5%;top:35%;width:150px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.intro-frame{left:508px;top:268px;width:904px;height:410px;pointer-events:none}
.intro-title{left:516px;width:888px;top:281px;text-align:center;font-size:30px;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.6)}
.intro-tm{left:516px;width:888px;top:621px;text-align:center;font-size:27px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.7)}
.intro-text{left:560px;width:800px;top:732px;text-align:center;font-size:27px;line-height:34px;color:#f3e6cc;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.intro-play{left:845px;top:862px;width:230px;height:72px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.intro-btn{position:relative;width:380px;font-size:34px;transform:scale(.7)}
.intro-btn-glow{position:absolute;inset:-10px -12px;background:url(kit/assets/effects/season_green_button_glow.png) center/100% 100% no-repeat;opacity:.55;pointer-events:none}
.intro-x{left:1429px;top:188px;width:34px;height:34px;background:url(kit/assets/icons/close_white_b.png) center/contain no-repeat;cursor:pointer}
.intro-help{left:454px;top:181px;width:29px;height:43px;background:url(kit/assets/icons/question_white.png) center/contain no-repeat;cursor:pointer}

/* ---- Season Pass window: HC standard, recipe Season_Pass_Retina (positions in index.html comment) ---- */
.spw{position:absolute;inset:0}
.spw-bg{position:absolute;inset:0;background:#05040a url(kit/assets/backgrounds/season_city_map_dark.png) center/cover no-repeat}
.spw-bg::after{content:"";position:absolute;inset:0;background:rgba(4,3,10,.9)} /* hc-allow-solid: recipe Layer 1 darkening over the map */
.spw-corner{position:absolute;pointer-events:none;background:center/100% 100% no-repeat;z-index:1}
.spw-corner.tl{left:0;top:0;width:230px;height:270px;background-image:url(kit/assets/decor/season_corner_tl.png)}
.spw-corner.tr{right:0;top:0;width:230px;height:292px;background-image:url(kit/assets/decor/season_corner_tr.png)}
.spw-corner.bl{left:0;bottom:0;width:432px;height:259px;background-image:url(kit/assets/decor/season_corner_bl.png)}
.spw-corner.br{right:0;bottom:0;width:418px;height:259px;background-image:url(kit/assets/decor/season_corner_br.png)}
.spw-ff{position:absolute;left:0;top:162px;width:202px;height:97px;background:url(kit/assets/effects/season_fireflies_left.png) center/100% 100% no-repeat;z-index:1;pointer-events:none}
.spw-sp{position:absolute;right:43px;top:173px;width:72px;height:76px;background:url(kit/assets/effects/season_sparks_corner_tr.png) center/100% 100% no-repeat;z-index:1;pointer-events:none}
.spw-help{position:absolute;left:16px;top:12px;width:30px;height:46px;background:url(kit/assets/icons/question_white.png) center/contain no-repeat;z-index:3;cursor:pointer}
.spw-x{position:absolute;right:20px;top:14px;width:38px;height:38px;background:url(kit/assets/icons/close_white_c.png) center/contain no-repeat;z-index:3;cursor:pointer}
.spw-in{z-index:2}
.spw-in>*{position:absolute}
.spw-title{left:560px;width:800px;top:104px;text-align:center;font-size:34px;letter-spacing:.03em;text-transform:uppercase;color:#f4d98a;text-shadow:0 2px 3px rgba(0,0,0,.85)}
.spw-prog{left:701px;top:184px;width:490px;height:86px}
.spw-prog>*{position:absolute}
.spw-ptrack{left:34px;top:18px;width:431px;height:48px}
.spw-pfill-wrap{left:40px;top:23px;height:38px;width:0;overflow:hidden}
.spw-pfill{width:419px;height:38px}
.spw-pframe{left:34px;top:20px;width:431px;height:46px}
.spw-dice{left:0;top:0;width:83px;height:86px;background:url(kit/assets/icons/season_progress_dice.png) center/contain no-repeat}
.spw-dend{left:431px;top:11px;width:59px;height:64px;background:url(kit/assets/markers/season_diamond_gold_end.png) center/contain no-repeat}
.spw-gift{left:446px;top:25px;width:29px;height:36px;background:url(kit/assets/icons/season_gift_brown.png) center/contain no-repeat}
.spw-pnum{left:34px;width:431px;top:20px;height:46px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.8)}
.spw-left{left:341px;top:238px;width:245px;height:626px}
.spw-gold{left:312px;top:227px;width:274px;height:270px;pointer-events:none}
.spw-gold i{position:absolute;background:center/100% 100% no-repeat}
.spw-gold .g1{left:0;top:0;width:99%;height:100%;background-image:url(kit/assets/effects/season_starburst_white.png)}
.spw-gold .g2{left:7%;top:10%;width:93%;height:77%;background-image:url(kit/assets/effects/season_ticket_glow_shape.png)}
.spw-gold .g3{left:15%;top:19%;width:76%;height:60%;background-image:url(kit/assets/tickets/season_gold_ticket.png)}
.spw-gold .g4{left:10%;top:14%;width:82%;height:70%;background-image:url(kit/assets/effects/season_sparks_ticket.png)}
.spw-gold .g5{right:14%;top:12%;width:64px;height:58px;background-image:url(kit/assets/badges/season_check_green_l.png);display:none}
.spw.bought .spw-gold .g5{display:block}
.spw-buybtn{left:326px;top:432px;width:259px;height:108px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.spw-buybtn .hc-buttons-season-green-pill{width:259px;font-size:30px}
.spw.bought .spw-buybtn{display:none}
.spw-blue{left:370px;top:616px;width:187px;height:140px;background:url(kit/assets/tickets/season_blue_ticket.png) center/contain no-repeat}
.spw-free{left:341px;width:245px;top:770px;text-align:center;font-size:27px;color:#7fb4ff;text-shadow:0 2px 2px rgba(0,0,0,.6)}
.spw-band{left:586px;top:259px;width:994px;height:572px}
.spw-scroll{left:586px;top:259px;width:690px;height:572px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.spw-scroll::-webkit-scrollbar{display:none}
.spw-row{position:absolute;left:14px;height:216px;display:flex;gap:36px}
.spw-row.prem{top:22px}.spw-row.free{top:346px}
.spw-steps{position:absolute;left:0;top:259px;height:54px}
.spw-steps .ln{position:absolute;top:21px;height:13px}
.spw-steps .lnb{position:absolute;top:22px;height:11px;overflow:hidden}
.spw-steps .dm{position:absolute;top:-6px;width:66px;height:66px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;font-size:24px;color:#4a2a05;background:center/contain no-repeat}
.spw-steps .dm.on{background-image:url(kit/assets/markers/season_diamond_gold_m.png)}
.spw-steps .dm.off{background-image:url(kit/assets/markers/season_diamond_dark_locked.png);color:#c9b8e8;width:52px;height:52px;top:1px}
.spc{position:relative;flex:0 0 176px;height:215px;cursor:pointer;background:center/100% 100% no-repeat}
.spc .ic{position:absolute;left:18%;right:18%;top:16%;height:56%;background:center/contain no-repeat;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35))}
.spc .xn{position:absolute;right:16px;bottom:12px;font-size:30px;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.85)}
.spc .lk{position:absolute;right:10px;top:8px;width:40px;height:44px;background:url(kit/assets/badges/season_lock_gold.png) center/contain no-repeat}
.spc .ck{position:absolute;right:6px;top:6px;width:52px;height:46px;background:url(kit/assets/badges/season_check_green_s.png) center/contain no-repeat}
.spw-fade{position:absolute;top:259px;height:572px;width:20px;background:center/100% 100% no-repeat url(kit/assets/effects/season_row_edge_fade.png);pointer-events:none}
.spw-fade.l{left:586px}.spw-fade.r{left:1256px;transform:scaleX(-1)}
.spw-super{left:1277px;top:270px;width:302px;height:540px;cursor:pointer}
.spw-super>*{position:absolute}
.spw-sp-panel{inset:0}
.spw-sp-glow{inset:1%;background:url(kit/assets/effects/season_superprize_glow.png) center/100% 100% no-repeat}
.spw-sp-ring{left:13%;top:30%;width:73%;height:40%;background:url(kit/assets/effects/season_sparks_ring.png) center/100% 100% no-repeat}
.spw-sp-chest{left:11%;top:29%;width:79%;height:44%;background:url(kit/assets/icons/season_chest_red_gold.png) center/contain no-repeat}
.spw-chains{left:0;top:97px;width:346px;height:313px;pointer-events:none}
.spw-chains i{position:absolute;background:center/100% 100% no-repeat}
.spw-chains .c1{left:0;top:2%;width:95%;height:92%;background-image:url(kit/assets/decor/season_chains_x_shadow.png)}
.spw-chains .c2{left:0;top:2%;width:95%;height:91%;background-image:url(kit/assets/decor/season_chains_x.png)}
.spw-chains .c3{left:23%;top:32%;width:50%;height:43%;background-image:url(kit/assets/tickets/season_gold_ticket_on_chest.png)}
.spw-chains.off{display:none}
.spw-sp-cap{left:8%;right:8%;bottom:7%;text-align:center;font-size:27px;line-height:32px;color:#f6e6a8;text-shadow:0 2px 2px rgba(0,0,0,.7)}
.spw-rib{left:1262px;top:302px;width:317px;height:86px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;text-shadow:0 2px 2px rgba(120,50,0,.8)}
.spw-timer{left:760px;width:400px;top:872px;text-align:center;font-size:30px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.85)}

/* ---- how-to: HC Detective_Helper recipe ---- */
.hw>*{position:absolute}
.hw-title{left:560px;width:800px;top:58px;text-align:center;font-size:40px;text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.8)}
.hw-step.s1{left:355px;top:292px;width:446px;height:400px}
.hw-step.s2{left:758px;top:281px;width:418px;height:378px}
.hw-step.s3{left:1147px;top:313px;width:446px;height:400px}
.hw-step>*{position:absolute}
.hw-glow{inset:0;background:center/100% 100% no-repeat;mix-blend-mode:screen}
.hw-glow.g1{background-image:url(kit/assets/effects/glow_yellow_b.png)}
.hw-glow.g2{background-image:url(kit/assets/effects/glow_yellow_a.png)}
.hw-glow.g3{background-image:url(kit/assets/effects/glow_orange.png)}
.hw-ho{left:30%;top:16%;width:54%;height:54%;object-fit:contain}
.hw-tok{left:14%;top:50%;width:28%;height:28%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4))}
.hw-step .m1,.hw-step .m2{width:26%;height:30%;top:16%;object-fit:contain}.hw-step .m1{left:22%}.hw-step .m2{left:52%}
.hw-step .m3{left:27%;top:42%;width:46%;height:46%;object-fit:contain}
.hw-pile{left:14%;top:14%;width:65%;height:65%;background:url(kit/assets/icons/chests_treasure_pile.png) center/contain no-repeat}
.hw-step .m4{left:46%;top:6%;width:34%;height:34%;object-fit:contain}
.hw-arrow{top:464px;width:90px;height:54px;background:url(kit/assets/icons/arrow_gold.png) center/contain no-repeat}
.hw-arrow.a1{left:715px}.hw-arrow.a2{left:1100px}
.hw-caps{left:355px;width:1238px;top:688px;display:flex;justify-content:space-between}
.hw-caps span{width:400px;text-align:center;font-size:25px;line-height:31px;color:#feeebd;text-shadow:0 2px 2px rgba(0,0,0,.8)}
.hw-tap{left:560px;width:800px;top:966px;text-align:center;font-size:27px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.8)}
.hw-x{left:1579px;top:22px;width:76px;height:76px;cursor:pointer}
/* ---- new item: HC reward notification recipe ---- */
.ni>*{position:absolute}
/* ---- grand: HC reward_congrats recipe ---- */
.gr>*{position:absolute}
.gr-title{left:460px;width:1000px;top:62px;text-align:center;font-size:96px;font-weight:700;color:#ffd84a;-webkit-text-stroke:2px #a35a00;text-shadow:0 5px 0 #8a4300,0 8px 12px rgba(0,0,0,.6)}
.gr-sub{left:460px;width:1000px;top:206px;text-align:center;font-size:30px;color:#f3e2b4;text-shadow:0 2px 2px rgba(0,0,0,.8)}
.gr-glow{left:398px;top:356px;width:1138px;height:583px;background:url(kit/assets/effects/glow_yellow_c.png) center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.28;pointer-events:none}
.gr-row{left:300px;width:1320px;top:530px;height:200px;display:flex;justify-content:center;gap:44px}
.gr-it{position:relative;width:158px;height:162px}
.gr-it .bs{position:absolute;left:-20%;top:-14%;width:140%;height:128%;background:url(kit/assets/effects/burst_sparkle_b.png) center/contain no-repeat;mix-blend-mode:screen}
.gr-it .ic{position:absolute;inset:0;background:center/contain no-repeat;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
.gr-it b{position:absolute;right:-6px;bottom:-4px;font-size:32px;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.9)}
.gr-rocket{left:460px;width:1000px;top:770px;text-align:center;font-size:26px;color:#f3e2b4;text-shadow:0 2px 2px rgba(0,0,0,.8)}
.gr-tap{left:560px;width:800px;top:982px;text-align:center;font-size:27px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.8)}

/* ---- buy pass: HC golden pass promo recipe ---- */
.pb>*{position:absolute}
.pb-oval{left:125px;top:76px;width:1670px;height:778px;background:url(kit/assets/effects/season_glow_gold_oval.png) center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.55;pointer-events:none}
.pb-burst{left:110px;top:108px;width:1714px;height:788px;background:url(kit/assets/effects/season_starburst_white.png) center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.22;pointer-events:none}
.pb-head{left:470px;top:22px;width:907px;height:184px}
.pb-head>*{position:absolute}
.pb-rl,.pb-rr{top:29%;width:46%;height:63%;background:center/100% 100% no-repeat}
.pb-rl{left:8%;z-index:2;background-image:url(kit/assets/ribbons/season_purple_ribbon_left.png)}
.pb-rr{left:54%;z-index:1;background-image:url(kit/assets/ribbons/season_purple_ribbon_right.png)}
.pb-tk{z-index:3;left:0;top:0;width:21%;height:100%;background:url(kit/assets/tickets/season_gold_ticket_sparkle.png) center/contain no-repeat}
.pb-head b{z-index:3;left:20%;right:12%;top:42%;text-align:center;font-size:36px;text-transform:uppercase;color:#fff;text-shadow:0 2px 3px rgba(40,0,60,.9)}
.pb-x{z-index:3;left:90%;top:44%;width:4%;height:20%;background:url(kit/assets/icons/close_white_c.png) center/contain no-repeat;cursor:pointer}
.pb-sub{left:460px;width:1000px;top:236px;text-align:center;font-size:30px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.85)}
.pb-items{left:330px;width:1260px;top:340px;height:380px;display:flex;align-items:center;justify-content:center;gap:70px}
.pbi{position:relative;width:240px;height:240px}
.pbi.big{width:380px;height:380px}
.pbi i{position:absolute;inset:0;background:center/contain no-repeat;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}
.pbi .gl{inset:-18%;background-image:url(kit/assets/effects/season_superprize_glow.png);mix-blend-mode:screen;filter:none}
.pbi b{position:absolute;right:0;bottom:6px;font-size:40px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.9)}
.pb-bub{left:758px;top:745px;width:504px;height:119px}
.pb-bubp{position:absolute;inset:0}
.pb-bub span{position:absolute;left:12%;right:4%;top:0;bottom:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:24px;line-height:29px;color:#fff}
.pb-btn{left:802px;top:907px;width:302px;height:108px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pb-btn .hc-buttons-green-pill{width:302px;font-size:42px}
/* ---- last chance: HC last_chance_buy_real recipe ---- */
.lc>*{position:absolute}
.lc-glow{left:485px;top:227px;width:936px;height:670px;background:url(kit/assets/effects/season_glow_gold_wide.png) center/100% 100% no-repeat;mix-blend-mode:screen;pointer-events:none}
.lc-burst{left:686px;top:281px;width:547px;height:540px;background:url(kit/assets/effects/season_starburst_white_large.png) center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.7;pointer-events:none}
.lc-head{left:586px;top:151px;width:763px;height:119px}
.lc-head>*{position:absolute}
.lc-head .pb-x{left:88%;top:34%;width:5%;height:36%}
.lc-head .pb-rl{left:0;top:0;width:54%;height:100%}.lc-head .pb-rr{left:46%;top:0;width:54%;height:100%}
.lc-head b{z-index:3;left:0;right:0;top:30%;text-align:center;font-size:38px;text-transform:uppercase;color:#fff;text-shadow:0 2px 3px rgba(40,0,60,.9)}
.lc-sub{left:460px;width:1000px;top:286px;text-align:center;font-size:30px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.85)}
.lc-card{left:802px;top:367px;width:331px;height:400px}
.lc-card>*{position:absolute}
.lc-cardbg{inset:0;background:url(kit/assets/cards/season_card_purple_frame_large.png) center/100% 100% no-repeat}
.lc-ic{left:17%;top:19%;width:65%;height:60%;background:url(art/gen/token_pile.png) center/contain no-repeat;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}
.lc-dm{left:65%;top:3%;width:101px;height:97px;background:url(kit/assets/markers/season_diamond_gold_large.png) center/contain no-repeat}
.lc-n{left:65%;top:3%;width:101px;height:97px;display:flex;align-items:center;justify-content:center;font-size:34px;color:#4a2a05}
.lc-btn{left:802px;top:702px;width:331px;height:130px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lc-btn .hc-buttons-season-green-flat-386{width:320px;font-size:27px;white-space:nowrap}
.lc-cap{left:460px;width:1000px;top:858px;text-align:center;font-size:27px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.85)}
.pb-head .pb-rib{left:8%;top:29%;width:92%;height:63%;z-index:1}
.lc-head .pb-rib{left:0;top:0;width:100%;height:100%;z-index:1}

/* ---- HC HUD counters and event icons (kit: Main_Menu_UX_New_Retina recipe main_hud) ---- */
.hcc{position:absolute;width:236px;height:56px}
.hcc>*{position:absolute}
.hcc-bar{left:22px;right:18px;top:8px;height:42px;width:auto!important}
.hcc-ic{left:0;top:0;width:56px;height:56px;background:center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}
.hcc-ic.clock{background-image:url(kit/assets/icons/clock_small.png)}
.hcc b{left:56px;right:44px;top:8px;height:42px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.8);white-space:nowrap}
.hcc-plus{right:0;top:7px;width:44px;height:44px;background:url(kit/assets/buttons/hud_plus_round_green.png) center/contain no-repeat}
.hud-coins{top:24px;left:60px}
.hud-timer{top:24px;left:316px}
.hud-timer b{right:16px}
.map-hud{top:20px;right:26px;display:flex;gap:18px;position:absolute}
.map-hud .hcc{position:relative}
.tokens{top:930px;right:40px;width:300px;height:80px}
.tokens .hcc-bar{left:40px;right:30px;top:12px;height:58px}
.tokens .tok-ic{position:absolute;left:0;top:0;width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45))}
.tokens b{left:80px;right:66px;top:12px;height:58px;font-size:40px}
.tokens .hcc-plus{right:0;top:11px;width:60px;height:60px}
.sp-icon{top:178px;right:44px;width:140px;height:170px}
.spi-base{position:absolute;left:0;top:0;width:140px;height:140px;background:url(kit/assets/icons/event_backing_round_violet.png) center/contain no-repeat}
.spi-ticket{position:absolute;left:20px;top:34px;width:100px;height:74px;background:url(kit/assets/tickets/season_gold_ticket.png) center/contain no-repeat}
.spi-rib{position:absolute;left:-6px;top:112px;width:152px;height:54px;background:url(kit/assets/ribbons/event_icon_ribbon_purple.png) center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center}
.spi-rib b{font-size:22px;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.8);padding-top:4px}
.map-ev{top:130px;right:60px;width:150px;height:184px}
.ev-glow{left:-30px;top:-30px;width:210px;height:210px}
.ev-base{left:0;top:0;width:150px;height:150px;background:url(kit/assets/icons/event_backing_round_teal_glow.png) center/contain no-repeat}
.ev-emb{left:18px;top:16px;width:114px;height:114px;border-radius:0}
.ev-rib{position:absolute;left:-8px;top:120px;width:166px;height:58px;background:url(kit/assets/ribbons/event_icon_ribbon_green.png) center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center}
.ev-rib b{font-size:22px;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.8);padding-top:4px;white-space:nowrap}
.ev-new{position:absolute;left:-4px;top:-4px;width:40px;height:40px;background:url(kit/assets/badges/notify_red_exclaim_s.png) center/contain no-repeat;display:none}
.map-ev.is-new .ev-new{display:block}
.ev-badge{right:-6px!important;top:-6px!important}

/* ---- SP bar on the board: same HC parts as the season pass progress bar (recipe Season_Pass_Retina progress) ---- */
.sp-bar{top:944px;left:56px;width:520px;height:120px}
.sp-bar>*{position:absolute}
.sp-bar .sp-track{left:84px;top:22px;width:388px;height:46px}
.sp-bar .sp-fill-wrap{left:90px;top:26px;height:38px;width:0;overflow:hidden}
.sp-bar .sp-fill{width:376px;height:38px!important}
.sp-bar .sp-frame{left:84px;top:23px;width:388px;height:44px}
.sp-bar .sp-num{left:84px;width:388px;top:23px;height:44px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.85)}
.sp-bar .sp-ticket{left:0;top:-4px;width:118px;height:96px;background:url(kit/assets/tickets/season_gold_ticket.png) center/contain no-repeat}
.sp-bar .sp-dend{left:446px;top:12px;width:62px;height:66px;background:url(kit/assets/markers/season_diamond_gold_end.png) center/contain no-repeat}
.sp-bar .sp-gift{left:462px;top:28px;width:30px;height:36px;background:url(kit/assets/icons/season_gift_brown.png) center/contain no-repeat}
.sp-bar .sp-lvl{left:84px;width:388px;top:72px;text-align:center;font-size:26px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.9);background:none}

/* ---- more tokens: HC purchase-window language ---- */
.mo>*,.chn>*{position:absolute}
.mo-head{left:586px;top:110px;width:763px;height:119px}
.mo-head>*{position:absolute}
.mo-head .pb-rib{left:0;top:0;width:100%;height:100%;z-index:1}
.mo-head b{left:0;right:0;top:30%;text-align:center;font-size:38px;text-transform:uppercase;color:#fff;text-shadow:0 2px 3px rgba(40,0,60,.9);z-index:3}
.mo-head .pb-x{left:88%;top:34%;width:5%;height:36%;z-index:3}
.mo-sub{left:410px;width:1100px;top:250px;text-align:center;font-size:28px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.85)}
.mo-card{top:330px;width:331px;height:400px}
.mo-card.c1{left:403px}.mo-card.c2{left:794px}.mo-card.c3{left:1185px}
.mo-card>*{position:absolute}
.mo-cbg{inset:0;background:url(kit/assets/cards/season_card_purple_frame_large.png) center/100% 100% no-repeat}
.mo-ic{left:17%;top:14%;width:66%;height:56%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}
.mo-dm{left:62%;top:2%;width:110px;height:106px;background:url(kit/assets/markers/season_diamond_gold_large.png) center/contain no-repeat}
.mo-n{left:62%;top:2%;width:110px;height:106px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#4a2a05}
.mo-cap{left:8%;right:8%;top:68%;text-align:center;font-size:26px;line-height:30px;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.85)}
.mo-cap small{font-size:21px;color:#f3e2b4}
.mo-btn{left:0;right:0;top:350px;height:110px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mo-btn .hc-buttons-season-green-flat-386{width:260px;font-size:32px;white-space:nowrap}
.mo-coin{display:inline-block;width:40px;height:40px;margin-right:8px;vertical-align:middle;background:url(kit/assets/icons/hud_coin_gold.png) center/contain no-repeat}
/* ---- chain: HC season card language ---- */
.chn-cards{left:330px;width:1260px;top:270px;display:grid;grid-template-columns:repeat(6,176px);gap:34px 36px;justify-content:center}
.chc{position:relative;width:176px;height:215px;background:center/100% 100% no-repeat}
.chc.found{background-image:url(kit/assets/cards/season_card_blue_frame_a.png)}
.chc.unknown{background-image:url(kit/assets/cards/season_card_blue_plain_dim.png)}
.chc img{position:absolute;left:16%;top:16%;width:68%;height:62%;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.4))}
.chc .dm{position:absolute;left:-14px;top:-14px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#4a2a05;background:url(kit/assets/markers/season_diamond_gold_m.png) center/contain no-repeat}
.chc .ch{position:absolute;right:6px;bottom:6px;width:58px;height:54px;background:url(kit/assets/icons/season_chest_red_gold.png) center/contain no-repeat}
.chc .ck{position:absolute;right:2px;top:4px;width:52px;height:46px;background:url(kit/assets/badges/season_check_green_s.png) center/contain no-repeat}
.chc.goal::before{content:"";position:absolute;inset:-26px;background:url(kit/assets/effects/glow_gold_disk.png) center/contain no-repeat;mix-blend-mode:screen;animation:breathe 1.8s ease-in-out infinite}
.chn-tip{left:410px;width:1100px;top:790px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:28px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.85)}
.chn-tip .rws{display:flex;gap:30px}
.chn-tip .rw{color:#fff}
/* ---- summary: HC item info window (template window_tip) ---- */
.smw-win{--hcw-w:900px;position:absolute;left:510px;top:380px}
.smw-ic{width:74%;height:74%;object-fit:contain}
.smw .hc-window-text{font-size:28px;line-height:40px}
.smw-btn{display:flex;justify-content:center;cursor:pointer}
.smw-btn .hc-buttons-green-gold-edge{width:260px;font-size:32px}

.chc.unknown img{filter:brightness(0) invert(1);opacity:.32}
.smw .hc-window-tip-slot{width:190px;height:190px;flex:0 0 190px}
.smw-ic{width:150px;height:150px}
.ni-card{top:200px;height:560px}
.ni-desc{top:782px}
.ni-row .rw{flex-direction:row}
.ni-row .rw i{width:64px;height:64px}
.ni-tap{top:1010px}

/* ---- new item: HC reward notification recipe (restored) ---- */
.ni-rib{left:614px;top:65px;width:706px;height:92px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;text-shadow:0 2px 2px rgba(90,0,0,.8);text-transform:uppercase}
.ni-card{left:773px;top:200px;width:389px;height:560px}
.ni-art{position:absolute;inset:8px;border-radius:8px;overflow:hidden;background:url(art/bg/board_bg.jpg) 62% 60%/auto 120% no-repeat}
.ni-glow{position:absolute;left:-10%;top:12%;width:120%;height:80%;background:url(kit/assets/effects/glow_gold_disk.png) center/contain no-repeat;mix-blend-mode:screen}
.ni-art img{position:absolute;left:12%;top:24%;width:76%;height:52%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
.ni-frame{position:absolute;inset:0}
.ni-desc{left:560px;width:800px;top:782px;text-align:center;font-size:26px;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.8)}
.ni-row{display:flex;justify-content:center;gap:28px;margin-top:10px}
.ni-row .rw{flex-direction:row;color:#fff;font-size:28px;text-shadow:0 2px 2px rgba(0,0,0,.9)}
.ni-row .rw i{width:64px;height:64px}
.ni-x{left:1608px;top:43px;width:36px;height:36px;background:url(kit/assets/icons/close_white_c.png) center/contain no-repeat;cursor:pointer}
.ni-tap{left:560px;width:800px;top:1010px;text-align:center;font-size:24px;color:#e8dcc0;text-shadow:0 2px 2px rgba(0,0,0,.8)}