*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,微软雅黑,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden;color:#333;display:flex;justify-content:center;align-items:flex-start}.game-container{width:100%;max-width:414px;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;margin:0 auto;box-shadow:0 0 20px #0000004d;background:linear-gradient(135deg,#667eea,#764ba2)}.game-title{color:#fff;font-size:2rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);text-align:center}#scene-container{width:100%;max-width:400px;height:300px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);margin-bottom:20px;box-shadow:0 8px 32px #1f26875e}.control-panel{background:#ffffffe6;border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 8px 32px #1f26875e;text-align:center;width:100%;max-width:350px}.roll-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;width:100%;margin-bottom:15px}.roll-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.roll-button:active{transform:translateY(0)}.roll-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.result-display{font-size:1.1rem;font-weight:700;color:#333}.config-panel{background:#ffffffe6;border-radius:15px;padding:20px;box-shadow:0 8px 32px #1f26875e;width:100%;max-width:350px}.config-panel h3{text-align:center;margin-bottom:15px;color:#333}.face-config{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.face-item{display:flex;align-items:center;gap:5px;min-width:0}.face-item label{font-weight:700;color:#555;min-width:35px;font-size:.9rem;flex-shrink:0}.face-item input{flex:1;padding:6px 4px;border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;text-align:center;transition:border-color .3s ease;min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis}.face-item input:focus{outline:none;border-color:#667eea}.update-button{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:12px 20px;border-radius:20px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 4px 15px #0003}.update-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.update-button:active{transform:translateY(0)}@media (max-width: 414px){body{align-items:stretch}.game-container{max-width:100%;box-shadow:none;margin:0}.game-title{font-size:1.5rem}.game-container{padding:15px}#scene-container{height:250px}.control-panel,.config-panel{padding:15px}.roll-button{padding:12px 25px;font-size:1.1rem}.face-config{grid-template-columns:1fr;gap:12px}.face-item{gap:8px}.face-item label{min-width:40px;font-size:1rem}.face-item input{padding:8px;font-size:1rem}}@media (max-width: 360px){.game-container{padding:10px}.game-title{font-size:1.3rem;margin-bottom:15px}#scene-container{height:220px}}@media (orientation: landscape) and (max-height: 600px) and (max-width: 900px){.game-container{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:100%}.game-title{width:100%;margin-bottom:10px;font-size:1.3rem}#scene-container{width:300px;height:200px;margin:0 10px 10px 0}.control-panel,.config-panel{width:280px;margin:0 10px 10px 0}}@media (min-width: 415px){body{background:#2c3e50;padding:20px 0}.game-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #00000080}}.loading{opacity:.8}