*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;font-family:Arial,"Segoe UI",sans-serif}body.mobile-app-page{color:#f7e4b8;background:#120a07 url('../images/bombom-home-hero.jpg') center/cover fixed no-repeat;overflow-x:hidden}.mobile-app-page:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(11,5,3,.86),rgba(31,12,5,.48) 48%,rgba(11,5,3,.86)),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.58));pointer-events:none}.app-auth-shell{position:relative;z-index:1;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;gap:44px;padding:28px 5vw}.app-brand{text-align:center;filter:drop-shadow(0 5px 4px rgba(0,0,0,.65));min-width:280px}.app-logo{font-weight:1000;font-size:clamp(42px,5vw,74px);line-height:.9;letter-spacing:-4px;color:#fff;text-shadow:0 4px 0 #32140d,3px 0 0 #32140d,-3px 0 0 #32140d,0 -3px 0 #32140d}.app-logo small{display:inline-block;margin-left:3px;font-size:.36em;letter-spacing:-1px;color:#ffc12c;text-shadow:0 2px 0 #4e1b00}.app-sublogo{margin-top:11px;color:#ffc960;font-weight:900;letter-spacing:5px;font-size:15px}.app-card{position:relative;width:min(500px,92vw);padding:31px 34px 28px;border:3px solid #5f2b13;border-radius:19px;background:linear-gradient(180deg,rgba(255,238,191,.98),rgba(221,174,91,.98));box-shadow:0 18px 50px rgba(0,0,0,.58),inset 0 0 0 2px rgba(255,250,211,.62);color:#4b2715;overflow:hidden}.card-glow{position:absolute;left:8%;right:8%;top:-28px;height:55px;border-radius:50%;background:rgba(255,202,76,.5);filter:blur(18px)}.app-card h1{position:relative;margin:0;text-align:center;font-size:30px;color:#4a1f0e;text-shadow:0 1px #fff1c5}.lead{text-align:center;margin:8px 0 20px;color:#75452a;font-weight:600}.app-form{display:flex;flex-direction:column;gap:9px}.app-form label{font-size:13px;font-weight:900;color:#59301d;margin-top:2px}.app-form input,.app-form select{width:100%;height:48px;border:2px solid #a46a31;border-radius:10px;background:rgba(255,250,224,.96);padding:0 14px;font-size:16px;color:#32180d;outline:none;box-shadow:inset 0 2px 5px rgba(79,35,11,.12)}.app-form input:focus,.app-form select:focus{border-color:#e69318;box-shadow:0 0 0 3px rgba(255,174,38,.25),inset 0 2px 5px rgba(79,35,11,.12)}.app-button{min-height:50px;border:0;border-radius:11px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:1000;cursor:pointer;box-shadow:0 5px 0 rgba(69,28,4,.45),0 9px 18px rgba(67,27,7,.2);transition:transform .12s ease,filter .12s ease}.app-button:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(69,28,4,.45)}.app-button.primary,.app-button.play{margin-top:10px;color:#512100;background:linear-gradient(#ffd958,#f39a12);border:2px solid #9e560d}.app-button.primary span{font-size:27px;line-height:1}.app-button.secondary{color:#fff0c5;background:linear-gradient(#81452a,#512817);border:2px solid #a8693b}.auth-separator{height:24px;margin:7px 0;display:flex;align-items:center;gap:10px;color:#95643f;font-size:12px}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#b88959;flex:1}.remember-note{margin:18px 0 0;text-align:center;color:#7b5031;font-size:12px}.app-notice{border-radius:9px;padding:10px 12px;margin:0 0 14px;font-size:13px;font-weight:700}.app-notice.error{background:#f4c0a9;border:1px solid #b44c28;color:#6f2313}.app-notice.success{background:#d9e7ad;border:1px solid #6b8b31;color:#3d5519}.home-card{text-align:center;max-width:530px}.welcome-kicker{margin:0 0 3px;color:#9a612a;font-size:11px;font-weight:1000;letter-spacing:4px}.home-actions{display:grid;grid-template-columns:1.35fr .75fr;gap:15px;margin-top:26px}.app-button.play{min-height:68px;margin:0;font-size:21px}.app-button.logout{min-height:68px;color:#f8e5cd;background:linear-gradient(#82442d,#52271c);border:2px solid #a65f3e}.register-shell{align-items:flex-start;padding-top:18px;padding-bottom:18px}.app-brand.compact{min-width:250px;margin-top:90px}.register-card{width:min(720px,94vw);padding-top:24px;padding-bottom:22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.field-grid>div{display:flex;flex-direction:column;gap:7px}.field-grid .wide{grid-column:1/-1}.field-grid small{color:#865935;font-size:11px;margin-top:-2px}.terms{display:flex!important;flex-direction:row;align-items:center;gap:9px;margin:8px 0!important;font-weight:700!important}.terms input{width:18px!important;height:18px!important;flex:0 0 18px}.text-link{display:block;margin-top:18px;text-align:center;color:#6d3c21;font-weight:800;text-decoration:none}@media(max-width:900px){.app-auth-shell{gap:22px;padding:18px 4vw}.app-brand{min-width:225px}.app-card{padding:25px 26px}.app-logo{font-size:46px}.app-sublogo{font-size:12px}.register-shell{gap:14px}.app-brand.compact{min-width:190px;margin-top:75px}.register-card{width:min(650px,67vw)}}@media(max-width:720px){.app-auth-shell{flex-direction:column;justify-content:flex-start;padding-top:24px}.app-brand,.app-brand.compact{margin-top:0;min-width:0}.app-card,.register-card{width:94vw}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.home-actions{grid-template-columns:1fr}}