body #mainMenuPanel.hg-ready[data-group]{inset:0!important;width:min(1160px,calc(100vw - 48px))!important;height:min(650px,calc(100dvh - 48px))!important;max-height:none!important;padding:28px!important;overflow:hidden!important;border:1px solid #b99558;border-radius:22px!important;background:radial-gradient(ellipse at 50% 0,#345d44aa,transparent 75%),#071a13;box-shadow:0 24px 100px #000b;color:#f2ddb0;font-family:var(--ui-font)}
body #mainMenuPanel.hg-ready[data-group=world]{background:radial-gradient(ellipse at 50% 0,#64336599,transparent 78%),#110e1d}
body #mainMenuPanel.hg-ready[data-group][open]{display:grid!important;grid-template-rows:60px minmax(0,1fr) 30px;gap:22px}
body #mainMenuPanel.hg-ready[data-group] header{padding-bottom:14px;border-bottom:1px solid #c99c4d44;gap:12px}body #mainMenuPanel.hg-ready[data-group] h2{font:800 34px/1.15 var(--ui-font);color:#ffe4a7;margin:0;display:block!important}body #mainMenuPanel.hg-ready[data-group] #closeMainMenu{width:auto;min-height:38px;padding:7px 13px;font:700 13px var(--ui-font);border-radius:9px;text-align:center;background:#ffffff09;color:#f5d998}body #mainMenuPanel.hg-ready[data-group] #sideMenuHomeBtn{display:none!important}
body #mainMenuPanel.hg-ready[data-group] nav{display:grid;grid-template-columns:repeat(var(--hg-count,3),minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:20px;min-height:0;min-width:0;align-items:stretch}
body #mainMenuPanel.hg-ready[data-group] .hg-card{display:grid;grid-template-rows:minmax(0,1fr) auto 40px;gap:16px;text-align:left;padding:18px;min-width:0;min-height:0;height:100%;border:1px solid #bb914c77;border-radius:16px;background:linear-gradient(155deg,#42634444,#081e12);color:#f4ddac;overflow:hidden;position:relative;box-shadow:inset 0 1px #fff2;font-family:var(--ui-font)}
body #mainMenuPanel.hg-ready[data-group=world] .hg-card{background:radial-gradient(ellipse at 60% 20%,#663b6155,transparent 68%),linear-gradient(135deg,#2c1a3d,#13101f)}
body #mainMenuPanel.hg-ready[data-group] .hg-card:not(:disabled):hover{border-color:#f0cd7c;box-shadow:inset 0 1px #fff3,0 0 24px #eabf6020}body #mainMenuPanel.hg-ready[data-group] .hg-card:disabled{opacity:.5}body #mainMenuPanel.hg-ready[data-group] .hg-card:focus-visible{outline:3px solid #ffe0a2;outline-offset:-4px}body #mainMenuPanel.hg-ready[data-group] button::before,body #mainMenuPanel.hg-ready[data-group] button::after{display:none!important}body #mainMenuPanel.hg-ready[data-group] .hg-card.hidden{display:none!important}
.hg-art{position:relative;min-height:0;display:block;container-type:size;isolation:isolate}.hg-art::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:10%;background:#0008;filter:blur(16px);z-index:-1}.hg-joker{position:absolute;inset:0;background:url('/assets/ui/fortune-character-poses-v1.png') 0 0/300% 200% no-repeat;width:min(100cqw,100cqh);height:min(100cqw,100cqh);margin:auto;filter:drop-shadow(0 10px 16px #0007)}.hg-mentor{background-position:100% 100%}.hg-playing-cards{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;isolation:isolate}.hg-playing-cards img{position:absolute;height:min(85cqh,100cqw);width:auto;aspect-ratio:.64;object-fit:contain;filter:drop-shadow(0 8px 12px #0009);border-radius:8px}.hg-playing-cards img:nth-child(1){transform:translate(-30%,5%) rotate(-18deg);z-index:1}.hg-playing-cards img:nth-child(2){transform:translate(0,-3%);z-index:2}.hg-playing-cards img:nth-child(3){transform:translate(30%,5%) rotate(18deg);z-index:3}.hg-playing-cards.hg-pair img:nth-child(1){transform:translate(-22%,3%) rotate(-12deg)}.hg-playing-cards.hg-pair img:nth-child(2){transform:translate(22%,3%) rotate(12deg)}.hg-rules-art img:nth-child(2){z-index:4}.hg-support-art{height:100%;display:grid;place-items:center}.hg-support-art img{width:min(100cqw,100cqh);height:min(100cqw,100cqh);object-fit:contain;filter:drop-shadow(0 12px 16px #0007)}
body #mainMenuPanel.hg-ready[data-group] .hg-card{align-items:stretch;justify-content:stretch;grid-template-columns:minmax(0,1fr)}
body #mainMenuPanel.hg-ready[data-group=help] #howToPlayBtn{display:grid!important}
.hg-card-copy{display:grid;gap:9px;min-width:0}.hg-card-title{font:800 27px/1.15 var(--ui-font);color:#ffe0a2}.hg-card-description{font:14px/1.45 var(--ui-font);color:#c7bacb;min-height:41px}.hg-card-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cba86044;padding-top:12px;font:700 14px var(--ui-font);color:#e9c887}.hg-card-action>span{font-size:22px}.hg-note{font:14px/1.4 var(--ui-font);color:#c2b4c8;text-align:center;margin:0;align-self:center}
@media(max-width:1099px),(max-height:650px) and (orientation:landscape){body #mainMenuPanel.hg-ready[data-group]{width:calc(100vw - 20px)!important;height:calc(100dvh - 20px)!important;padding:14px!important;border-radius:14px!important}body #mainMenuPanel.hg-ready[data-group][open]{grid-template-rows:38px minmax(0,1fr) 22px;gap:10px}body #mainMenuPanel.hg-ready[data-group] header{padding-bottom:7px}body #mainMenuPanel.hg-ready[data-group] h2{font-size:24px}body #mainMenuPanel.hg-ready[data-group] #closeMainMenu{min-height:30px;font-size:11px;padding:5px 10px}body #mainMenuPanel.hg-ready[data-group] nav{gap:10px}body #mainMenuPanel.hg-ready[data-group] .hg-card{padding:11px;gap:8px;border-radius:11px;grid-template-rows:minmax(0,1fr) auto 24px}.hg-card-title{font-size:20px}.hg-card-description{font-size:11px;min-height:28px;line-height:1.3}.hg-card-copy{gap:5px}.hg-card-action{font-size:11px;padding-top:5px}.hg-card-action>span{font-size:17px}.hg-note{font-size:11px}.hg-playing-cards img{border-radius:5px}}
@media(max-width:600px) and (max-height:350px){.hg-card-title{font-size:17px}.hg-card-description{font-size:10px;min-height:26px}.hg-note{font-size:10px}body #mainMenuPanel.hg-ready[data-group] .hg-card{padding:8px;gap:6px}.hg-playing-cards img{height:min(82cqh,90cqw)}}
@media(orientation:portrait){body #mainMenuPanel.hg-ready[data-group] nav{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--hg-count,3),minmax(0,1fr))}body #mainMenuPanel.hg-ready[data-group] .hg-card{grid-template-columns:30% minmax(0,1fr);grid-template-rows:minmax(0,1fr) 26px;gap:5px 12px}.hg-art{grid-column:1;grid-row:1/3}.hg-card-copy{grid-column:2;justify-content:center;align-content:center}.hg-card-action{grid-column:2}.hg-note{font-size:11px}.hg-playing-cards img{height:min(90cqh,100cqw)}}