*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;background:#000;overscroll-behavior:none}#game-wrapper{width:100%;height:100vh;height:100dvh;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#000;touch-action:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}canvas{display:block}#page-content{background:#0f0f23;color:#ccc;font-family:Arial,sans-serif;padding:56px 24px 80px;line-height:1.7}.content-container{max-width:900px;margin:0 auto}.content-hero-title{font-size:2.4rem;color:gold;text-align:center;margin-bottom:12px}.content-hero-sub{font-size:1.1rem;color:#ffffffbf;text-align:center;max-width:640px;margin:0 auto 48px}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:40px}.content-block{background:#ffffff0a;border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:28px 24px}.content-block h2{font-size:1.25rem;color:gold;margin-bottom:16px;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:10px}.content-block p{margin-bottom:12px;font-size:.95rem}.content-block ol,.content-block ul{padding-left:20px;font-size:.95rem}.content-block li{margin-bottom:10px}.content-block strong{color:#fff}.content-block em{color:gold;font-style:italic}.faq-block{grid-column:1 / -1;margin-top:8px}.faq-item{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.07)}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-item h3{font-size:1rem;color:#fff;margin-bottom:8px}.faq-item p{font-size:.9rem;color:#ffffffb3;margin:0}body.gameplay{cursor:none}#profile-form{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#profile-form.hidden{display:none}.country-display{color:#fff;font-size:20px;margin-bottom:16px}.country-flag{font-size:28px}.country-name{margin-left:6px;vertical-align:middle}.form-card{background:#1a1a2e;border:2px solid #FFD700;border-radius:16px;padding:32px 28px;width:320px;max-width:90vw;text-align:center;font-family:Arial,sans-serif}.form-card h2{color:gold;font-size:24px;margin-bottom:8px}.form-card form{display:flex;flex-direction:column;gap:12px}.form-card input{padding:10px 14px;border:1px solid #444;border-radius:8px;background:#0f0f23;color:#fff;font-size:16px;outline:none;transition:border-color .2s}.form-card input:focus{border-color:gold}.form-card input::placeholder{color:#666}.form-card button[type=submit]{padding:12px;border:none;border-radius:8px;background:gold;color:#1a1a2e;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.form-card button[type=submit]:hover{background:#ffdf33}.form-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.form-subtitle{color:#ccc;font-size:14px;margin-bottom:12px}.terms-label{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#999;margin-top:4px;text-align:left;cursor:pointer}.terms-label input[type=checkbox]{margin-top:2px;accent-color:#FFD700}.terms-link{color:gold;text-decoration:underline}#terms-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:center;align-items:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#terms-modal.hidden{display:none}.terms-card .terms-text{text-align:left;font-size:13px;color:#ccc;max-height:300px;overflow-y:auto;margin-bottom:16px;line-height:1.6}.terms-card .terms-text ul{padding-left:18px;margin-top:8px}.terms-card .terms-text li{margin-bottom:6px}.terms-close-btn{padding:12px;border:none;border-radius:8px;background:gold;color:#1a1a2e;font-size:16px;font-weight:700;cursor:pointer;width:100%;transition:background .2s}.terms-close-btn:hover{background:#ffdf33}#edit-username-form{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#edit-username-form.hidden{display:none}.cancel-btn{padding:12px;border:2px solid #666;border-radius:8px;background:transparent;color:#ccc;font-size:16px;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s}.cancel-btn:hover{border-color:#999;color:#fff}#privacy-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:center;align-items:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#privacy-modal.hidden{display:none}.privacy-card{width:380px;max-width:92vw;max-height:85vh;display:flex;flex-direction:column;text-align:left;padding:24px 20px}.privacy-card h2{text-align:center;flex-shrink:0}.privacy-card .terms-text{flex:1;min-height:0;overflow-y:auto;max-height:none;font-size:12px;line-height:1.5;color:#fff;-webkit-overflow-scrolling:touch}.privacy-card .terms-text h3{color:gold;font-size:13px;margin-top:12px;margin-bottom:4px}.privacy-card .terms-text p{margin-bottom:6px}.privacy-card .terms-text ul{padding-left:16px;margin-top:4px;margin-bottom:6px}.privacy-card .terms-text li{margin-bottom:4px}.privacy-card .privacy-close-btn{flex-shrink:0;margin-top:12px}#site-footer{position:fixed;bottom:0;left:0;right:0;z-index:6;text-align:center;padding:6px 0;background:#0009;font-family:Arial,sans-serif;font-size:12px}#site-footer a{color:#fff9;text-decoration:none;transition:color .2s}#site-footer a:hover{color:gold;text-decoration:underline}.footer-sep{color:#ffffff4d;margin:0 8px}.ad-container{position:fixed;z-index:5;display:flex;justify-content:center;align-items:center;overflow:hidden;pointer-events:auto}.ad-container[style*="display: none"]{pointer-events:none}
