#game-modal[data-menu-type="login-rewards"]{width:min(1120px,calc(100vw - 24px));height:min(840px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column}
#game-modal[data-menu-type="login-rewards"] #modal-body{padding:14px;flex:1;min-height:0;max-height:none;overflow:hidden}
.daily-login{height:100%;display:flex;flex-direction:column;gap:10px;color:#dfd5be;min-height:0}
.login-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border:1px solid #886c39;border-radius:10px;background:radial-gradient(ellipse at right top,#a6772833,transparent 65%),linear-gradient(120deg,#193a42,#111e2a);flex:none}
.login-hero h2{font:700 24px 'Barlow Condensed',sans-serif;color:#ffe0a0;margin:4px 0}.login-hero .menu-eyebrow{font-size:9px}.login-seal{display:flex;gap:8px;align-items:baseline;color:#e7c27c}.login-seal b{font:700 25px 'Barlow Condensed',sans-serif}.login-seal span{font-size:10px}
.login-summary{display:flex;gap:12px;align-items:center;color:#a5c8c6;font-size:11px;flex:none}.login-summary strong{color:#edcc8d}.login-summary time{margin-left:auto;font-variant-numeric:tabular-nums}.login-summary button{margin-left:auto;flex:none}
.login-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:7px}
.login-card{position:relative;border:1px solid #35505a;border-radius:7px;padding:7px;background:linear-gradient(155deg,#162f38,#0d1b27);min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center;color:#f2dfb2;cursor:pointer;overflow:hidden}
.login-card header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:3px;font-size:10px;flex:none}.login-card header span{font-size:7px;color:#ffd782}.login-reward-art{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-height:0;width:100%;margin:3px 0;background:radial-gradient(ellipse,#b59a4933,transparent 70%)}.login-reward-art>span{display:flex;flex-direction:column;align-items:center;min-width:0}.login-reward-art img{width:32px;height:32px;max-height:4dvh;object-fit:contain;image-rendering:pixelated}.login-reward-art b{font-size:9px;line-height:1.1}.login-card.grand .login-reward-art img{width:22px;height:22px}.login-card.grand .login-reward-art{gap:2px}.login-reward-copy{font-size:9px;color:#d8d9c6;line-height:1.3;width:100%;flex:none;min-height:24px;display:flex;justify-content:center;align-items:center}.login-reward-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}
.login-card.current{border-color:#e7b85f;box-shadow:inset 0 0 24px #c2901720}.login-card.claimed{border-color:#448278;background:#132b30}.login-card.claimed header span{color:#8de0ab}.login-card.grand{background:radial-gradient(ellipse at top,#9a6c343b,transparent 75%),#192831;border-color:#917142}.login-card[aria-pressed="true"]{outline:1px solid #f2cd80;outline-offset:1px;background:#29413d}.login-card:focus-visible{outline:2px solid #fff0ac;outline-offset:1px}
.login-selection{padding:8px 12px;border:1px solid #546452;background:#19302d;border-radius:7px;flex:none;min-height:50px}.login-selection>b{font-size:10px;color:#e6c681}.login-selection>div{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:3px}.login-selection span{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.3}.login-selection img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}.login-footer{flex:none}.login-footer p{font-size:10px;line-height:1.4;color:#99afb5;margin:0}.login-ready{position:relative}.login-ready:after{content:'';position:absolute;top:6px;right:8px;width:8px;height:8px;background:#efbc59;border:2px solid #22303a;border-radius:50%}
@media(max-width:600px){#game-modal[data-menu-type="login-rewards"]{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}#game-modal[data-menu-type="login-rewards"] #modal-body{padding:8px}.daily-login{gap:8px}.login-hero{padding:8px;gap:6px}.login-hero h2{font-size:20px}.login-hero .menu-eyebrow{font-size:7px}.login-seal{flex-direction:column;gap:1px;align-items:center;flex:none}.login-seal b{font-size:22px}.login-seal span{font-size:8px}.login-summary{flex-wrap:wrap;gap:5px;font-size:9px}.login-summary button{font-size:10px;min-height:32px;padding:5px 8px}.login-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:5px}.login-card{padding:5px 3px}.login-card header{font-size:9px}.login-card header span{font-size:6px}.login-reward-copy{display:none}.login-card.grand .login-reward-art{flex-wrap:wrap;gap:2px}.login-card.grand .login-reward-art>span{flex-direction:row}.login-card.grand .login-reward-art img{width:17px;height:17px}.login-card.grand .login-reward-art b{font-size:7px}.login-selection{padding:6px 8px}.login-selection>div{gap:4px 8px}.login-selection span{font-size:9px}.login-selection img{width:18px;height:18px}.login-footer p{font-size:9px}}
@media(max-height:650px){.login-hero{padding:6px 10px}.login-hero h2{font-size:19px}.login-hero .menu-eyebrow{display:none}.daily-login{gap:5px}.login-reward-copy{display:none}.login-selection{padding:5px 8px;min-height:0}.login-footer p{font-size:8px}.login-card{padding:4px}.login-summary{font-size:9px}}