/* Mobile-first refinement: smaller reward, larger game targets, dedicated player. */
.welcome{padding:14px 20px;margin-bottom:22px}.welcome h2{font-size:18px;margin:5px 0}.welcome p{font-size:11px}.welcome .eyebrow{font-size:9px}.welcome button{padding:12px 18px}.coin-art{font-size:90px;bottom:-24px}
.game-tabs{display:flex;gap:7px;margin:0 0 18px}.game-tabs button{background:#15161c;color:#a9a5b5;padding:10px 16px;border-radius:24px;font-size:12px}.game-tabs button.active{background:#33204c;color:#d7bcff;border:1px solid #64418b}.demo-badge{position:absolute;bottom:7px;left:7px;background:#120d1de8;border:1px solid #66508080;border-radius:4px;padding:4px 5px;font-size:8px;letter-spacing:.4px;color:#e2ceff;pointer-events:none}.demo-badge.pending{color:#aaa;border-color:#555}.game-overlay{z-index:1}
.reward-modal{width:min(360px,calc(100% - 32px));padding:24px}.reward-modal .brand{margin:0 0 18px}.reward-modal .brand strong{font-size:22px}.reward-modal .brand img{width:25px}.reward-modal .bonus-value{font-size:54px;letter-spacing:-2px;margin:14px 0 10px}.reward-modal .bonus-value small{font-size:14px}.reward-modal h2{font-size:19px;margin:10px 0}.reward-modal p{font-size:12px;line-height:1.65}.reward-modal .auth-switch{font-size:12px;padding:10px 0}.reward-modal button.primary{padding:12px}
.demo-detail{display:flex;gap:18px;align-items:center;margin:4px 0 20px}.demo-detail img{width:90px;border-radius:7px}.demo-detail h2{font-size:21px;margin:8px 0}.demo-detail small{color:#c7b5e1;font-size:10px}.official-link{display:block;text-align:center;background:#7b1cff;border-radius:7px;padding:15px 12px;font-size:13px;font-weight:bold;margin-top:10px}.official-link.secondary{background:#282231}.demo-note{font-size:11px!important;color:#a9a1b6!important}.game-modal{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:#08060d;overflow:hidden}.game-modal #close{position:absolute;top:max(9px,env(safe-area-inset-top));right:12px;z-index:3;background:#282033;min-width:42px;min-height:42px}.game-modal #modalBody{height:100%;display:flex;flex-direction:column}.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:max(12px,env(safe-area-inset-top)) 68px 12px 16px;background:#19131f;min-height:64px;border-bottom:1px solid #31263e}.player-toolbar strong{font-size:13px;display:block}.player-toolbar small{font-size:10px;color:#b69bd7}.player-toolbar button{padding:10px;font-size:11px;white-space:nowrap}.player-frame{width:100%;flex:1;min-height:0;border:0;background:#08060d}.player-help{background:#19131f;padding:10px 15px max(10px,env(safe-area-inset-bottom));font-size:10px;color:#aaa;line-height:1.5;display:flex;gap:15px;align-items:center;justify-content:space-between}.player-help a{color:#c8a3ff;white-space:nowrap}.age-check{font-size:12px;display:flex;gap:9px;align-items:flex-start;line-height:1.6;margin:18px 0}.age-check input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:#8a32ff}.age-check span{padding-top:1px}.age-error{color:#ff9f9f;font-size:12px;min-height:16px}.player-loading{font-size:11px;color:#b89bd8;min-height:14px}
@media(max-width:720px){header{height:58px;padding:0 14px}.brand strong{font-size:21px}.brand img{width:24px}.header-actions{gap:5px}.header-actions button{min-height:40px;padding:10px 12px;white-space:nowrap}.header-actions select{max-width:66px}#account{font-size:10px;max-width:114px;overflow:hidden;text-overflow:ellipsis}.page-heading{height:62px;padding:14px}h1{font-size:20px}.content{padding:12px 14px}.welcome{display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px;margin-bottom:16px;border-radius:7px;min-height:78px}.welcome>div:first-child{min-width:0;flex:1}.welcome .eyebrow{display:none}.welcome h2{font-size:14px;line-height:1.45;margin:0 0 4px}.welcome p{font-size:9px;line-height:1.5;max-width:230px}.welcome button{font-size:11px;padding:11px 12px;margin:0;flex-shrink:0;min-height:40px}.coin-art{font-size:72px;right:2px;bottom:-24px;opacity:.18;pointer-events:none}.filters{margin-bottom:13px;gap:7px}.search-box input{height:44px;font-size:13px}.filters select{padding:11px 9px;font-size:11px;min-height:40px}.game-tabs{gap:6px;margin-bottom:15px}.game-tabs button{font-size:11px;padding:9px 13px;min-height:36px}.games{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.demo-badge{font-size:7px;bottom:5px;left:5px;padding:3px 4px}.game{aspect-ratio:.714}.game-overlay b{font-size:11px}#gift{bottom:calc(76px + env(safe-area-inset-bottom));right:12px;padding:10px 12px;font-size:17px;opacity:.92}#gift span{font-size:11px}.mobile-nav{padding-bottom:max(10px,env(safe-area-inset-bottom))}.mobile-nav a,.mobile-nav button{min-height:42px}.reward-modal{width:min(330px,calc(100% - 36px));padding:22px}.reward-modal .bonus-value{font-size:48px;margin:10px 0}.reward-modal h2{font-size:18px}.reward-modal .brand{margin-bottom:14px}.reward-modal p{font-size:11px}.reward-modal .eyebrow{font-size:9px}.demo-detail{gap:14px}.demo-detail img{width:80px}.demo-detail h2{font-size:19px}.player-toolbar{min-height:60px}.player-help{flex-wrap:wrap;gap:5px}.providers h2,.information h2{font-size:18px}.catalogue-end{margin:22px 0 30px}aside{top:58px}.menu-collapsed .brand{margin-right:0}}
@media(max-width:350px){.header-actions select{max-width:50px}.brand strong{font-size:18px}.welcome h2{font-size:12px}.welcome button{font-size:10px;padding-inline:9px}.demo-badge{font-size:6px}}
@media(orientation:landscape) and (max-height:500px){.game-modal .player-toolbar{min-height:44px;padding-top:6px;padding-bottom:6px}.game-modal #close{top:3px;min-height:36px}.player-help{padding-top:5px;padding-bottom:5px}}
