/* 시스템 한글 글꼴로 먼저 표시하고 장식에 쓰는 연산만 줄인다. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif}
html[data-visual-quality="lite"] :is(.modal,.modal-card,.real-popover,.real-popover-card,.luck-main,.online-game-content,.fish-game-titlebar,.jukdol-pet-companion,.arcade-topbar,.game-tile){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-visual-quality="lite"] :is(.arcade-deco,.fish-bubbles,.fish-caustics,.fish-light-rays,.fish-sun-rays,.roulette-confetti,.game-burst,.global-tap-fx,#v14GameFxLayer){display:none!important}
html[data-visual-quality="lite"] :is(.game-tile,.real-hero__art,.real-category-card,.real-tool-link,.arcade-brand-mini){animation:none!important;filter:none!important;transition:background-color .12s,border-color .12s!important}
html[data-visual-quality="lite"] body[data-page-kind="hub"]{background-attachment:scroll!important}
html[data-visual-quality="lite"] body[data-page-kind="hub"] :is(.real-home,.arcade-topbar,.real-tools,.game-tile){box-shadow:0 2px 6px #16325410!important}
@media(max-width:820px){
 body[data-page-kind="game"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){font-size:16px!important}
 body[data-page-kind="game"] :is(.modal-card,.bgm-panel,.real-popover-card){max-width:calc(100vw - 20px);max-height:88dvh;overflow-y:auto}
 body[data-page-kind="hub"] .real-hero-action{min-width:44px;min-height:44px}
 body[data-page-kind="hub"] :is(.real-menu-list a,.real-menu-list button,.real-popover-close){min-height:44px}
 body[data-page-kind="hub"] .real-tool-link strong{font-size:13px!important;line-height:1.4!important}
 body[data-page-kind="hub"] .real-tool-grid{gap:7px!important}
 body[data-page-kind="hub"] :is(.real-popover-card,.real-search-results){max-height:80dvh;overflow-y:auto;overscroll-behavior:contain}
 body[data-page-kind="hub"] #realSearchInput{font-size:16px!important;min-height:44px}
}
@media(max-width:380px){body[data-page-kind="hub"] .real-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* 세로 휴대폰은 넓은 게임판 아래에 족보를 배치한다. */
@media(max-width:820px) and (orientation:portrait){
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus){height:auto!important;max-height:none!important;overflow-y:auto!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"]{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] .luck-stage{display:flex!important;flex-direction:column!important;gap:12px!important;padding:8px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;flex:none!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] #luckMain{width:100%!important;padding:12px!important;flex:none!important;height:auto!important;min-height:610px!important;max-height:none!important;overflow:visible!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] #luckGameContent{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:584px!important;max-height:none!important;overflow:visible!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] .dice-solo-shell{height:auto!important;min-height:584px!important;grid-template-rows:auto auto auto!important;gap:10px!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] .dice-solo-table{min-height:390px!important;padding:12px!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] .dice-roll-stage{min-height:230px!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] .dice-game-copy strong{font-size:18px!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] :is(.dice-game-copy small,.dice-game-copy span,.dice-keep-hint){font-size:12px!important;line-height:1.5!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] .dice-primary-btn{min-height:48px!important;font-size:16px!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] .luck-side{display:block!important;width:100%!important;max-width:none!important;height:auto!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] .dice-hand-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] .dice-hand-list strong{font-size:13px!important}
html body[data-view="luck-game"][data-page-kind="game"][data-boot-game="dice"]:not(.jukdol-mobile-focus) #luckGameScreen[data-game="dice"] .dice-how-card{display:none!important}
}