*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#408040;color:#fff;min-height:100vh;overflow:hidden}.main-menu{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#306030,#408040)}.menu-container{text-align:center;padding:2rem;background:#0000004d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d}.game-title{font-size:3rem;margin-bottom:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fff}.menu-buttons{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}.menu-btn{padding:1rem 2rem;font-size:1.2rem;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.menu-btn:hover{background:#fff3;transform:translateY(-2px)}.menu-btn.primary{background:#5cff8d;color:#306030;border-color:#5cff8d;font-weight:700}.menu-btn.primary:hover{background:#4ce87d}.game-container{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.game-canvas-container{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:1rem}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:1rem;padding:.8rem 1.2rem;background:#0000004d;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.game-header .player-stats{margin-bottom:0;padding:0;background:transparent;border:none;gap:1.5rem}.game-header .stat-item{display:flex;align-items:center;gap:.5rem;background:#00000080;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(92,255,141,.3)}.game-header .stat-label{color:#5cff8d;font-weight:700;font-size:.9rem}.game-header .stat-value.sp{color:#5cff8d;font-weight:700;font-size:1.1rem;min-width:50px;text-align:right}.game-header .exit-btn{width:40px;height:40px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-header .exit-btn:hover{background:#ffffff4d;transform:scale(1.1)}canvas{display:block;background:#204020;border-radius:10px;box-shadow:0 10px 30px #00000080}.game-footer{margin-top:1rem;width:100%;max-width:800px;padding:1rem;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;display:flex;justify-content:center}.summon-panel{text-align:center;max-width:400px;width:100%}.summon-btn{background:linear-gradient(135deg,#5cff8d,#4ce87d);border:none;border-radius:15px;padding:1.2rem 2rem;color:#306030;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 10px #5cff8d4d}.summon-btn.disabled,.summon-btn:disabled{background:linear-gradient(135deg,#888,#666);color:#ccc;cursor:not-allowed;transform:none!important;box-shadow:none}.summon-btn:not(:disabled):hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 15px #5cff8d66}.summon-cost{position:absolute;top:-8px;right:-8px;background:#ffd65c;color:#8a6d00;padding:.3rem .6rem;border-radius:20px;font-size:.8rem;font-weight:700;border:2px solid #8a6d00;z-index:1;white-space:nowrap}.summon-label{margin-top:.3rem;transition:color .3s ease}.summon-info{margin-top:.5rem;color:#ccc;font-size:.8rem;opacity:.8;line-height:1.3}.confirm-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.dialog-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#306030;padding:2rem;border-radius:15px;min-width:400px;max-width:90%;box-shadow:0 10px 30px #00000080;border:2px solid #408040}.dialog-title{margin-bottom:1rem;color:#fff;font-size:1.5rem}.dialog-message{margin-bottom:2rem;line-height:1.5;color:#ccc}.dialog-buttons{display:flex;gap:1rem;justify-content:flex-end}.dialog-btn{padding:.5rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:all .3s ease;min-width:80px}.dialog-btn.primary{background:#5cff8d;color:#306030;font-weight:700}.dialog-btn.secondary{background:#ffffff1a;color:#fff}.dialog-btn:hover{transform:translateY(-2px);opacity:.9}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.screen-container{max-width:600px;margin:0 auto;padding:2rem;background:#0000004d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d;text-align:center}.screen-title{font-size:2.5rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fff}.back-btn{padding:.8rem 2rem;font-size:1.1rem;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);margin-top:2rem}.back-btn:hover{background:#fff3;transform:translateY(-2px)}.records-screen,.settings-screen,.about-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#306030,#408040);padding:1rem}.records-list{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.record-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff1a;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.record-rank{font-weight:700;font-size:1.2rem;color:#ffd65c}.record-name{flex-grow:1;text-align:left;margin-left:1rem}.record-score{font-weight:700;color:#5cff8d}.settings-list{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0;text-align:left}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff1a;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.setting-item label{margin-right:1rem;min-width:150px;flex-shrink:0}.setting-item input[type=range]{width:200px;flex-grow:1}.setting-item select{padding:.5rem;border-radius:5px;background:#0000004d;color:#fff;border:1px solid rgba(255,255,255,.2);flex-grow:1}.about-content{text-align:left;margin:2rem 0;line-height:1.6}.about-content p{margin-bottom:1rem}.about-content ul{margin-left:2rem;margin-bottom:1rem}.about-content li{margin-bottom:.5rem}.player-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:.8rem;background:#0000004d;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-label{color:#ccc;font-size:.9rem}.stat-value{font-weight:700;font-size:1.1rem}.stat-value.gold{color:#ffd65c}.stat-value.dice{color:#5cc8ff}.stat-value.sp{color:#5cff8d}.stat-info{color:#ccc;font-size:.8rem;opacity:.8}.game-canvas-container.dragging{cursor:grabbing}@media (max-width: 768px){.game-container{padding:.5rem}.game-header{padding:.6rem 1rem;margin-bottom:.8rem}.game-header .stat-item{padding:.4rem .8rem}.game-header .stat-label{font-size:.8rem}.game-header .stat-value.sp{font-size:1rem;min-width:40px}.game-header .exit-btn{width:35px;height:35px;font-size:1rem}.game-footer{padding:.8rem;margin-top:.8rem}.summon-btn{padding:1rem 1.5rem;font-size:1rem}.summon-cost{top:-6px;right:-6px;padding:.2rem .5rem;font-size:.7rem}.summon-info{font-size:.7rem}.menu-container,.screen-container{padding:1.5rem;margin:1rem}.game-title,.screen-title{font-size:2rem}.menu-btn{padding:.8rem 1.5rem;font-size:1rem}.dialog-content{min-width:300px;padding:1.5rem}.dialog-title{font-size:1.3rem}.dialog-message{font-size:.9rem}.setting-item{flex-direction:column;align-items:flex-start;gap:.5rem}.setting-item label{min-width:auto;margin-right:0}.setting-item input[type=range]{width:100%}.player-stats{gap:1rem;padding:.6rem}.stat-item{flex-direction:column;gap:.3rem;align-items:flex-start}.stat-label{font-size:.8rem}.stat-value{font-size:1rem}}