/* Light is a mobile game: preserve the brand artwork and adapt interaction/layout. */
html{scroll-padding-top:20px}body.odd-refresh{overflow-x:clip}body.odd-refresh main,body.odd-refresh main .container,body.odd-refresh .content-stack,body.odd-refresh .sidebar{min-width:0}
body.odd-refresh .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}body.odd-refresh input:not([type=checkbox]):not([type=radio]),body.odd-refresh select,body.odd-refresh textarea{max-width:100%}
body.odd-refresh .manual-price-offer{flex-wrap:wrap;gap:10px;min-height:32px}.odd-refresh .manual-price-offer del{color:#75644d!important;font-size:.95rem}.odd-refresh .manual-price-offer strong{background:#8d2b21!important;color:#fff4d2!important;padding:6px 10px!important;border-radius:5px!important}.odd-refresh #cps-catalog-status{padding:12px 16px;background:#fff0c8;color:#674e20;border:1px solid #c5a466;border-radius:6px;text-align:center}
body.cps-modal-open{overflow:hidden!important;overscroll-behavior:none}body.odd-refresh .cps-payment{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;overflow-y:auto;overscroll-behavior:contain}body.odd-refresh .cps-payment-box{width:min(580px,100%);max-height:calc(100dvh - 28px);max-height:calc(var(--light-viewport-height,100svh) - 28px)!important;overscroll-behavior:contain;scrollbar-gutter:stable}body.odd-refresh .cps-close{width:44px;height:44px;line-height:1;top:8px;inset-inline-end:8px;inset-inline-start:auto;color:#7d251e!important}
@media(max-width:1000px){
 body.odd-refresh .site-header{z-index:1000!important}body.odd-refresh .site-header .nav-shell{position:relative!important;min-width:0;gap:10px!important}
 body.odd-refresh .primary-nav{position:absolute!important;top:calc(100% + 4px)!important;inset-inline:0!important;width:100%!important;max-width:100%!important;max-height:calc(100dvh - 100px);max-height:calc(var(--light-viewport-height,100svh) - 100px);overflow-y:auto!important;overscroll-behavior:contain;padding:12px!important;gap:6px!important;box-shadow:0 14px 26px #0006;z-index:1001!important;border-radius:8px!important;transform:none!important}
 body.odd-refresh .primary-nav:not(.open){display:none!important}body.odd-refresh .primary-nav.open{display:grid!important;grid-template-columns:minmax(0,1fr)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 body.odd-refresh .primary-nav>a{width:100%;justify-content:flex-start!important;min-height:46px!important;padding:12px 16px!important;font-size:14px!important}
 body.odd-refresh .primary-nav .language-switcher{display:block!important;width:100%!important;position:relative!important;margin:0!important;order:20}
 body.odd-refresh .primary-nav .language-button{display:flex!important;justify-content:space-between!important;width:100%!important;min-height:46px!important;padding:12px 16px!important}
 body.odd-refresh .primary-nav .language-menu{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;margin-top:6px!important;transform:none!important}
 body.odd-refresh .primary-nav .language-switcher:not(.open) .language-menu{display:none!important}body.odd-refresh .primary-nav .language-switcher.open .language-menu{display:grid!important;grid-template-columns:minmax(0,1fr)!important;visibility:visible!important;opacity:1!important}
 body.odd-refresh .language-menu button{min-height:46px!important;width:100%;font-size:14px!important}body.odd-refresh .menu-toggle{display:inline-flex!important;min-width:44px!important;min-height:44px!important;align-items:center;justify-content:center;flex:0 0 44px}
 body.odd-refresh .site-header .brand{width:clamp(108px,26vw,180px)!important;flex:0 1 clamp(108px,26vw,180px)!important}body.odd-refresh .site-header .brand img{width:100%!important;max-height:60px!important}
 body.odd-refresh #account-area{margin-inline-start:auto!important;min-width:0!important;max-width:160px}.odd-refresh .account-user{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.odd-refresh .account-login-link{min-height:44px!important;min-width:62px!important;padding:10px!important}.odd-refresh .nav-controls{gap:8px!important;min-width:0}
 body.odd-refresh .button,body.odd-refresh button[type=submit]{min-height:44px}body.odd-refresh input:not([type=checkbox]):not([type=radio]),body.odd-refresh select,body.odd-refresh textarea{font-size:16px!important;min-height:46px}
 body.odd-refresh .cps-main{max-width:calc(100% - 24px)!important;width:calc(100% - 24px)!important;margin:24px auto!important;padding:0!important}
 body.odd-refresh .rank-table{min-width:650px}.odd-refresh .tab-button{min-height:44px!important}
}
@media(max-width:620px){
 body.odd-refresh .site-header .nav-shell{width:calc(100% - 24px)!important}body.odd-refresh .container{width:calc(100% - 28px);max-width:100%}body.odd-refresh .form-grid{grid-template-columns:minmax(0,1fr)!important}.odd-refresh .field{min-width:0}
 body.odd-refresh[data-page=home] .hero{height:620px!important;padding:150px 14px 32px!important;background-position:27% top!important;background-size:auto 620px!important;align-items:flex-end!important}.odd-refresh[data-page=home] .hero-inner{width:100%!important}.odd-refresh[data-page=home] .hero-inner picture{width:min(340px,94%)!important}.odd-refresh[data-page=home] .hero-kicker{font-size:clamp(1.1rem,5vw,1.5rem)!important;line-height:1.35!important;margin-block:12px!important}.odd-refresh[data-page=home] .hero-copy{font-size:13px!important;line-height:1.7!important}.odd-refresh[data-page=home] .hero-actions{gap:10px!important;flex-wrap:wrap}.odd-refresh[data-page=home] .hero-actions .button{flex:1 1 130px!important;min-width:0!important;min-height:48px!important;font-size:11px!important;padding:12px 8px!important}
 body.odd-refresh .home-feature-slider{overflow:hidden}.odd-refresh .feature-content{max-width:100%;padding-inline:20px}.odd-refresh .feature-content h2{font-size:clamp(1.4rem,6vw,2rem)!important;overflow-wrap:anywhere}
 body.odd-refresh .cps-catalog{width:100%!important;padding-inline:0!important}.odd-refresh .cps-grid{grid-template-columns:minmax(0,420px)!important;gap:20px!important;width:100%!important}.odd-refresh .cp-package-content{padding:22px 16px!important}.odd-refresh .cp-package-content small{font-size:12px!important}.odd-refresh .cp-price strong{font-size:25px!important}.odd-refresh .cp-buy-button{min-height:50px!important;font-size:14px!important;letter-spacing:.4px!important}
 body.odd-refresh .cps-payment{align-items:center!important}.odd-refresh .cps-payment-box{padding:52px 18px 22px!important;border-radius:12px!important}.odd-refresh .cps-payment-box form{width:100%;margin:16px 0!important}.odd-refresh #cps-selected-title{font-size:1.05rem!important;line-height:1.6;overflow-wrap:anywhere}
 body.odd-refresh .support-contact .contact-toolbar{flex-wrap:wrap}.odd-refresh .support-contact .contact-toolbar .button{flex:1 1 130px}.odd-refresh .support-contact .form-actions{flex-wrap:wrap}.odd-refresh .support-contact .form-actions .button{flex:1 1 140px}.odd-refresh .attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.odd-refresh .facebook-timeline-wrap{max-height:430px;overflow:auto;-webkit-overflow-scrolling:touch}.odd-refresh .od-mobile-footer-grid{gap:26px!important}.odd-refresh .od-mobile-footer a{display:inline-block;min-height:36px;line-height:1.5}
}
@media(max-width:360px){body.odd-refresh .site-header .nav-shell{gap:7px!important}.odd-refresh .account-login-link{font-size:11px!important}.odd-refresh .hero-actions .button{flex-basis:100%!important}.odd-refresh .cp-price strong{font-size:23px!important}.odd-refresh .od-mobile-footer-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body.odd-refresh .primary-nav{transition:none!important}}

/* Keep navigation and authenticated controls in separate, bounded columns. */
body .site-header.site-header.site-header .nav-shell{display:grid!important;grid-template-columns:180px minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;width:calc(100% - 48px)!important;max-width:1600px!important;min-height:86px!important}
body .site-header.site-header.site-header .brand{width:180px!important;min-width:0!important;max-width:100%!important;flex:none!important;margin:0!important;transform:none!important}
body .site-header.site-header.site-header .brand picture{display:block!important;width:100%!important}body .site-header.site-header.site-header .brand img{display:block!important;width:100%!important;height:auto!important;max-height:72px!important;object-fit:contain!important;transform:none!important}
body .site-header.site-header.site-header .primary-nav{width:auto!important;min-width:0!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important;margin:0!important;transform:none!important}
body .site-header.site-header.site-header .primary-nav>a{white-space:nowrap!important;padding:10px!important;font-size:12px!important}
body .site-header.site-header.site-header #account-area,body .site-header.site-header.site-header .nav-controls{min-width:0!important;max-width:340px!important;gap:8px!important;margin:0!important;flex-wrap:wrap!important;justify-content:flex-end!important}
body .site-header.site-header.site-header .account-greet{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .site-header.site-header.site-header .menu-toggle{display:none!important}
.light-help-links{display:grid;gap:10px;margin-bottom:20px;min-width:0}.light-help-links a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:12px 16px;border:1px solid #ba8d43;border-radius:8px;background:linear-gradient(135deg,#362319,#17110f);box-shadow:0 6px 18px #0003;color:#ffe0a0;text-decoration:none;text-align:center}.light-help-links a:hover{border-color:#ffdb88;background:#422a1b}.light-help-links a:focus-visible{outline:3px solid #f5ce79;outline-offset:3px}.light-help-links strong{display:block;font-size:14px;line-height:1.4}.light-help-links small{display:block;font-size:11px;line-height:1.5;color:#e1c49a;margin-top:4px}.light-help-emblem{position:relative;display:block;flex:0 0 48px;width:48px;height:48px}.light-help-emblem img{width:100%;height:100%;object-fit:contain}.light-help-emblem svg{position:absolute;inset:0;width:100%;height:100%}.light-help-floating{position:fixed;inset-inline-end:14px;top:40%;width:176px;z-index:70}
@media(max-width:1500px){
body .site-header.site-header.site-header .nav-shell{grid-template-columns:minmax(110px,180px) 44px minmax(0,1fr)!important;gap:12px!important;position:relative!important}
body .site-header.site-header.site-header .menu-toggle{display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important}
body .site-header.site-header.site-header .primary-nav{position:absolute!important;top:100%!important;inset-inline:0!important;width:100%!important;max-width:100%!important;max-height:calc(100dvh - 100px)!important;overflow:auto!important;padding:12px!important;background:#21160f!important;border:1px solid #8b6335;border-radius:8px;z-index:1001!important}
body .site-header.site-header.site-header .primary-nav:not(.open){display:none!important}body .site-header.site-header.site-header .primary-nav.open{display:grid!important;grid-template-columns:1fr!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body .site-header.site-header.site-header .primary-nav>a{width:100%;min-height:44px!important;justify-content:flex-start!important;font-size:14px!important}
body .site-header.site-header.site-header .primary-nav .language-switcher{width:100%!important;order:20}body .site-header.site-header.site-header .primary-nav .language-button{width:100%!important;min-height:44px!important;justify-content:space-between!important}body .site-header.site-header.site-header .primary-nav .language-menu{position:static!important;width:100%!important;transform:none!important}
.light-help-floating{position:static;width:min(720px,calc(100% - 28px));margin:24px auto;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){body .site-header.site-header.site-header .nav-shell{width:calc(100% - 24px)!important;grid-template-columns:112px 44px minmax(0,1fr)!important;gap:8px!important}body .site-header.site-header.site-header .brand{width:112px!important}body .site-header.site-header.site-header #account-area,body .site-header.site-header.site-header .nav-controls{max-width:100%!important;justify-content:flex-end!important}body .site-header.site-header.site-header .account-greet{max-width:120px;font-size:11px}body .site-header.site-header.site-header .account-logout,body .site-header.site-header.site-header .account-login-link{min-height:44px!important;padding:8px!important;font-size:11px!important}.light-help-links strong{font-size:12px}.light-help-links a{padding:10px}.light-help-emblem{flex-basis:38px;width:38px;height:38px}}

.light-help-links .light-game-rules{flex-direction:column;gap:0}

@media(max-width:1800px){.light-help-floating{position:static;width:min(720px,calc(100% - 28px));margin:24px auto;grid-template-columns:repeat(2,minmax(0,1fr))}}
