*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(150deg,#1e3a8a,#2563eb,#0ea5e9);min-height:100vh;display:flex;align-items:center;justify-content:center;overscroll-behavior:none}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 16px;min-height:100vh;width:100%}.title{color:#fff;font-size:2.4rem;font-weight:900;text-shadow:0 3px 10px rgba(0,0,0,.3);letter-spacing:-.5px}.subtitle{color:#ffffffbf;font-size:1rem;margin-top:-12px}.dice-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.dice{width:270px;height:270px;background:#fff;border-radius:32px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:24px;gap:4px;box-shadow:0 24px 64px #00000073,0 0 0 3px #ffffff26,inset 0 2px #ffffffe6;transition:transform .15s ease,box-shadow .15s ease}.dice-wrapper:hover .dice{transform:scale(1.04);box-shadow:0 32px 72px #00000080,0 0 0 3px #fff3,inset 0 2px #ffffffe6}.dice.rolling{animation:shake 1.1s ease-in-out}@keyframes shake{0%{transform:rotate(0) scale(1)}8%{transform:rotate(-14deg) scale(.93)}18%{transform:rotate(14deg) scale(1.07)}28%{transform:rotate(-12deg) scale(.95)}38%{transform:rotate(12deg) scale(1.05)}48%{transform:rotate(-9deg) scale(.97)}58%{transform:rotate(9deg) scale(1.03)}68%{transform:rotate(-5deg) scale(.98)}78%{transform:rotate(5deg) scale(1.02)}88%{transform:rotate(-2deg) scale(.99)}to{transform:rotate(0) scale(1)}}.dot-slot{display:flex;align-items:center;justify-content:center}.dot{width:46px;height:46px;background:radial-gradient(circle at 35% 30%,#f87171,#b91c1c);border-radius:50%;box-shadow:inset 0 -3px 5px #00000040,0 2px 8px #b91c1c59}.number-display{color:#fff;font-size:6rem;font-weight:900;line-height:1;text-shadow:0 4px 16px rgba(0,0,0,.35);min-height:90px;display:flex;align-items:center}.ios-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1750d9;display:flex;align-items:center;justify-content:center;z-index:300;cursor:pointer}.ios-overlay-box{background:#fff;border-radius:24px;padding:36px 28px;max-width:300px;text-align:center;box-shadow:0 24px 64px #0006}.ios-overlay-icon{font-size:3rem;margin-bottom:12px}.ios-overlay-title{color:#1e3a8a;font-size:1.3rem;font-weight:800;margin-bottom:10px}.ios-overlay-sub{color:#4b5563;font-size:.95rem;line-height:1.5}.install-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#fff;color:#1e3a8a;padding:12px 18px;border-radius:18px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0000004d;font-weight:600;font-size:.95rem;z-index:200;white-space:nowrap}.install-btn{background:#2563eb;color:#fff;border:none;padding:8px 18px;border-radius:10px;cursor:pointer;font-weight:700;font-size:.9rem;transition:background .15s}.install-btn:hover{background:#1d4ed8}.dismiss-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.1rem;padding:2px 4px;line-height:1}@media (max-width: 360px){.title{font-size:1.9rem}.dice{width:220px;height:220px;padding:18px}.dot{width:36px;height:36px}.number-display{font-size:5rem}}