*{box-sizing:border-box;touch-action:manipulation;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;color:#f8fafc;background-color:#0d131d;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}.app-header{z-index:10;background-color:#161f2e;border-bottom:1px solid #243247;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex;box-shadow:0 2px 10px #0000004d}.user-info{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#08c,#00c6ff);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.username{color:#e2e8f0;font-size:14px;font-weight:600}.balance-badge{background:#1e2d42;border:1px solid #00c6ff33;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:flex;box-shadow:0 0 12px #00c6ff26}.usdt-img{object-fit:contain;width:22px;height:22px}.balance-badge.bump{animation:.4s forwards balancePulse}@keyframes balancePulse{0%{transform:scale(1)}50%{border-color:#26a17b;transform:scale(1.15);box-shadow:0 0 20px #26a17b99}to{transform:scale(1)}}.flying-coin-container{pointer-events:none;z-index:200;position:fixed;inset:0;overflow:hidden}.flying-coin{object-fit:contain;filter:drop-shadow(0 0 10px #26a17be6);will-change:transform, opacity;width:36px;height:36px;animation:.9s cubic-bezier(.15,.85,.35,1.2) forwards flyToBalance;position:fixed}@keyframes flyToBalance{0%{opacity:0;transform:translate(0,0)scale(.2)rotate(0)}25%{opacity:1;transform:translate3d(var(--scatter-x), var(--scatter-y), 0) scale(1.3) rotate(140deg)}85%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--target-x) - var(--start-x-num)), calc(var(--target-y) - var(--start-y-num)), 0) scale(.3) rotate(360deg)}}.balance-amount{color:#26a17b;font-family:monospace;font-size:15px;font-weight:700}.main-content{flex:1;justify-content:center;align-items:center;gap:24px;width:100%;max-width:860px;margin:0 auto;padding:20px;display:flex;overflow:hidden}.grid-section{aspect-ratio:1;flex-shrink:0;width:100%;max-width:400px;display:flex}.grid-container{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:10px;width:100%;height:100%;display:grid}.grid-card{color:#94a3b8;cursor:pointer;aspect-ratio:1;background:#1b2638;border:2px solid #2a3b54;border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.grid-card.selected{color:#38bdf8;background:#08c2;border-color:#08c;box-shadow:0 0 10px #08c6}.grid-card.hit-diamond{color:#10b981;background:#26a17b73;border:2px solid #10b981;font-size:24px;animation:.3s popIn;box-shadow:0 0 15px #10b98199}.grid-card.hit-mine{color:#ef4444;background:#ef444473;border:2px solid #ef4444;font-size:24px;animation:.3s popIn;box-shadow:0 0 15px #ef444499}.grid-card.unselected-diamond{opacity:.35;background:#1b2638;border:1px solid #243247;font-size:18px}.grid-card.unselected-mine{opacity:.35;background:#1b2638;border:1px solid #3b2027;font-size:18px}.cell-icon{object-fit:contain;pointer-events:none;width:70%;height:70%}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.mine-select{color:#ef4444;cursor:pointer;background:#1b2638;border:1px solid #ef444466;border-radius:8px;outline:none;padding:4px 8px;font-size:14px;font-weight:700}.mine-select option{color:#f8fafc;background:#161f2e}.controls-section{background:#161f2e;border:1px solid #243247;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:300px;height:400px;padding:20px;display:flex;box-shadow:0 4px 15px #0003}.stats-grid-mobile{flex-direction:column;gap:12px;display:flex}.stat-box{background:#1b2638;border:1px solid #2a3b54;border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;padding:12px;display:flex}.stat-label{color:#94a3b8;font-size:13px;font-weight:500}.stat-value{color:#38bdf8;font-size:16px;font-weight:700}.stat-value.highlight{color:#26a17b}.instruction-text{color:#64748b;text-align:center;justify-content:center;align-items:center;min-height:34px;margin:8px 0;font-size:12px;line-height:1.4;display:flex}.action-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.action-btn.play{color:#fff;background:linear-gradient(135deg,#08c,#0af);box-shadow:0 4px 15px #08c6}.action-btn.play:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #08c9}.action-btn.save{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.action-btn.save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.action-btn:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#334155}.ad-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ad-modal{text-align:center;background:#161f2e;border:2px solid #08c;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:24px;display:flex;box-shadow:0 10px 30px #0088cc4d}.ad-banner{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px dashed #38bdf8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:140px;display:flex}.withdraw-modal{text-align:left;position:relative}.modal-header{justify-content:space-between;align-items:center;display:flex}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:20px}.close-btn:hover{color:#fff}.withdraw-info{text-align:center;background:#1b2638;border:1px solid #2a3b54;border-radius:12px;padding:12px}.withdraw-label{color:#94a3b8;font-size:12px}.withdraw-balance{color:#26a17b;margin:4px 0;font-family:monospace;font-size:20px;font-weight:800}.withdraw-min{color:#64748b;font-size:12px}.withdraw-form{flex-direction:column;gap:12px;display:flex}.withdraw-input{color:#f8fafc;background:#131b29;border:1px solid #2a3b54;border-radius:10px;outline:none;width:100%;padding:12px;font-size:13px}.withdraw-input:focus{border-color:#08c}.status-msg{text-align:center;border-radius:8px;padding:8px;font-size:12px}.status-msg.error{color:#ef4444;background:#ef444422;border:1px solid #ef444444}.status-msg.success{color:#10b981;background:#10b98122;border:1px solid #10b98144}@media (width<=768px){.app-header{height:48px;padding:0 12px}.avatar{width:28px;height:28px;font-size:13px}.username{font-size:13px}.balance-badge{gap:6px;padding:4px 10px}.usdt-img{width:18px;height:18px}.balance-amount{font-size:13px}.main-content{flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:4px 10px 8px;overflow:hidden}.grid-section{aspect-ratio:1;flex-shrink:0;width:calc(100vw - 20px);max-width:min(100vw - 20px,100vh - 250px);margin:0 auto}.grid-container{gap:5px}.grid-card{aspect-ratio:1;border-width:1.5px;border-radius:8px;font-size:14px}.grid-card.hit-diamond,.grid-card.hit-mine{font-size:18px}.grid-card.unselected-diamond,.grid-card.unselected-mine{font-size:14px}.controls-section{background:#161f2e;border:1px solid #243247;border-radius:14px;gap:6px;width:calc(100vw - 20px);max-width:min(100vw - 20px,100vh - 250px);height:auto;margin:0 auto;padding:8px 10px;box-shadow:0 4px 12px #0000004d}.stats-grid-mobile{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.stat-box{background:#1b2638;border:1px solid #2a3b54;border-radius:8px;min-height:38px;padding:5px 8px}.stat-label{font-size:11px}.stat-value{font-size:13px}.mine-select{padding:2px 4px;font-size:12px}.instruction-text{color:#94a3b8;min-height:26px;margin:2px 0;font-size:11px;line-height:1.2}.action-btn{letter-spacing:.5px;border-radius:10px;padding:10px;font-size:14px}}.bottom-nav{z-index:90;background-color:#161f2e;border-top:1px solid #243247;justify-content:space-around;align-items:center;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000004d}.nav-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px;transition:all .2s;display:flex}.nav-item.active{color:#38bdf8}.nav-icon{font-size:18px}.nav-label{font-size:11px;font-weight:600}.tab-container{flex:1;width:100%;max-width:500px;margin:0 auto;padding:20px 16px 80px;overflow-y:auto}.tab-title{color:#f8fafc;text-align:center;margin-bottom:6px;font-size:20px;font-weight:800}.tab-subtitle{color:#94a3b8;text-align:center;margin-bottom:20px;font-size:13px}.task-list{flex-direction:column;gap:12px;display:flex}.task-card{background:#161f2e;border:1px solid #243247;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.task-info{align-items:center;gap:12px;display:flex}.task-icon{font-size:24px}.task-name{color:#f8fafc;font-size:14px;font-weight:700}.task-reward{color:#26a17b;font-size:12px;font-weight:600}.task-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#08c,#0af);border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700}.task-btn.done{color:#94a3b8;cursor:default;background:#334155}.ref-card{gap:12px;margin-bottom:20px;display:flex}.ref-stat{text-align:center;background:#161f2e;border:1px solid #243247;border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.ref-count{color:#38bdf8;font-size:22px;font-weight:800}.ref-label{color:#94a3b8;font-size:12px}.ref-link-box{background:#161f2e;border:1px solid #243247;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.ref-input{color:#94a3b8;background:#131b29;border:1px solid #2a3b54;border-radius:8px;outline:none;padding:10px;font-family:monospace;font-size:12px}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.leaderboard-item{background:#161f2e;border:1px solid #243247;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.rank-badge{color:#38bdf8;width:30px;font-size:14px;font-weight:800}.rank-name{color:#f8fafc;flex:1;font-size:13px;font-weight:600}.rank-balance{color:#26a17b;font-family:monospace;font-size:13px;font-weight:700}