.login{position:relative;z-index:5;max-width:460px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px 30px}
.lg-hero{position:relative;height:190px;margin-top:6px}
.lg-sham{position:absolute;left:0;bottom:0;width:150px;height:188px;filter:drop-shadow(0 0 18px rgba(255,100,20,.35))}
.lg-bubble{position:absolute;left:140px;right:0;top:26px;padding:11px 13px;border-radius:16px 16px 16px 4px;font-size:13px;line-height:1.45;font-weight:700;color:#f1e3c8;background:linear-gradient(160deg,rgba(28,24,22,.96),rgba(8,7,6,.98));border:1px solid rgba(255,140,50,.45);box-shadow:0 0 20px rgba(255,100,20,.25)}
.lg-head{text-align:center;margin:12px 0 16px}
.lg-head h1{font-family:'Cinzel Decorative';font-weight:900;font-size:30px;line-height:1.1;margin:8px 0}
.lg-head p{font-size:14px;line-height:1.55;color:#d9c7a6;max-width:360px;margin:0 auto}
.lg-feats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.lg-feats div{padding:10px;border-radius:14px;background:rgba(12,8,6,.85);border:1px solid rgba(255,140,50,.28)}
.lg-feats span{font-size:20px}
.lg-feats b{display:block;font-size:13px;color:#f1e3c8;margin-top:4px}
.lg-feats small{display:block;font-size:11px;line-height:1.4;color:#b9a382;margin-top:3px}
.lg-card{position:relative;text-align:center;padding:20px 18px 16px;border-top:3px solid #ff7a2a}
.lg-badge{display:inline-block;font:800 10px Manrope,sans-serif;letter-spacing:1.5px;color:#ffb04a;background:rgba(255,120,40,.12);border:1px solid rgba(255,120,40,.4);border-radius:10px;padding:3px 10px}
.lg-big{font-family:'Cinzel Decorative';font-weight:900;font-size:34px;margin:10px 0 12px}
.lg-form{display:grid;gap:10px;text-align:left}
.lg-form label{display:grid;gap:4px;font:800 10px Manrope,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#b9a382}
.lg-form input:not([type=checkbox]){height:46px;border-radius:12px;border:1px solid rgba(255,120,40,.45);background:#0c0806;color:#f1e3c8;font:700 16px Manrope,sans-serif;padding:0 14px}
.lg-form .keep{display:flex;align-items:center;gap:8px;font:700 13px Manrope,sans-serif;letter-spacing:0;text-transform:none;color:#d9c7a6;cursor:pointer}
.lg-form .keep input{width:18px;height:18px;accent-color:#ff7a2a}
.lg-form .btnl{margin-top:2px}
.lg-form .err{min-height:18px;text-align:center}
.lg-offer{margin:-2px 0 14px;padding:8px 10px;border-radius:12px;background:rgba(255,120,40,.07);border:1px dashed rgba(255,140,50,.4)}
.lg-offer .lg-badge{font-size:9px;padding:2px 8px}
.lg-offer b{display:block;margin-top:5px;font-family:Cinzel;font-weight:800;font-size:13px;letter-spacing:1.5px;color:#ffb04a}
.lg-offer span{display:block;margin-top:3px;font-size:12px;line-height:1.5;color:#b9a382}
.lg-offer i{font-style:normal;font-weight:800;color:#ffcf73}
.lg-creds{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0 14px;font-size:13px;color:#b9a382}
.lg-creds b{font:800 15px Manrope,sans-serif;color:#ffcf73;background:rgba(255,120,40,.14);border:1px solid rgba(255,120,40,.4);border-radius:8px;padding:2px 10px;margin-left:6px;letter-spacing:.5px}
.lg-small{font-size:12px;line-height:1.5;color:#b9a382;margin-top:10px}
.lg-small a,.terms a{color:#ffb04a;font-weight:700}
.lg-disc{margin:14px 6px 0;font-size:11.5px;line-height:1.55;color:#a8977d;text-align:center}
.lg-disc b{color:#f1e3c8}
.terms{position:relative;z-index:5;max-width:760px;margin:0 auto;padding:calc(22px + env(safe-area-inset-top)) 16px 40px}
.terms h1{font-family:'Cinzel Decorative';font-weight:900;font-size:26px;line-height:1.15;margin:12px 0 4px}
.terms .slab{margin-top:12px}
.terms h2{font-family:Cinzel;font-weight:800;font-size:15px;color:#ffcf73;margin-bottom:6px}
.terms p,.terms li{font-size:13.5px;line-height:1.6;color:#e6d6bb;margin-top:6px}
.terms ul{padding-left:18px}
.login,.terms{color:#eadbc2}
.app .phone:has(.login),.app .phone:has(.terms){padding-left:0;padding-bottom:0}
@media (min-width: 900px){
  .login{max-width:1040px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;min-height:100vh;padding-top:0}
  .lg-hero{height:240px}.lg-sham{width:190px;height:238px}.lg-bubble{left:190px;top:40px;font-size:14px}
  .lg-head{text-align:left}.lg-head p{margin:0}
  .lg-head h1{font-size:40px}
}
.lg-track{grid-column:1/-1;margin-top:22px;text-align:center}
.lg-track h2{font-family:'Cinzel Decorative';font-weight:900;font-size:24px;margin:6px 0 12px}
.tr-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.tr-tiles div{padding:12px 8px;border-radius:14px;background:rgba(12,8,6,.88);border:1px solid rgba(255,140,50,.3)}
.tr-tiles b{display:block;font-family:'Cinzel Decorative';font-weight:900;font-size:24px;color:#ffcf73}
.tr-tiles span{font-size:11px;font-weight:700;color:#b9a382}
.tr-list{margin-top:12px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,140,50,.3);background:rgba(12,8,6,.88);text-align:left}
.tr-row{display:grid;grid-template-columns:64px 1fr 46px 28px;gap:8px;align-items:center;padding:9px 12px;font-size:12px;color:#e6d6bb}
.tr-row+.tr-row{border-top:1px solid rgba(240,196,106,.12)}
.tr-d{font-family:Cinzel;font-weight:800;color:#c8a35a}.tr-o{font-family:Cinzel;font-weight:800;color:#ffcf73;text-align:right}
.tr-l i{font-style:normal;font-weight:800;color:#ffcf73}.tr-r{text-align:center;font-size:16px}
.tr-row.lose{opacity:.75}
@media (min-width: 900px){.tr-tiles{grid-template-columns:repeat(4,1fr)}.lg-track{max-width:820px;margin:10px auto 40px}}
.tr-row{grid-template-columns:52px 1fr 44px 46px;padding:10px 12px}
.tr-leg+.tr-leg{margin-top:6px}
.tr-leg small{display:block;font-size:11px;font-weight:700;color:#ffb04a;margin-top:1px}
.tr-r{display:flex;justify-content:center}
.tr-r b{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:19px;font-style:normal}
.tr-r em{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font:900 10px Manrope,sans-serif;font-style:normal;color:#06240f}
.badge-win{background:radial-gradient(circle,#173d22,#0c1f12);box-shadow:0 0 0 2.5px #3fe07f,0 0 14px rgba(63,224,127,.45)}
.badge-win em{background:#3fe07f}
.badge-lose{background:radial-gradient(circle,#3a1410,#1f0a08);box-shadow:0 0 0 2.5px #ff4a3a,0 0 14px rgba(255,74,58,.4)}
.badge-lose em{background:#ff4a3a;color:#2a0604}
.tr-row.lose{opacity:1}
.tr-leg i{white-space:nowrap}
