:root{--primary-color: #2C1C42;--secondary-color: #f9ca24;--background-color: #f9f3e9;--dark-color: #333;--light-color: #fff;--conveyor-color: #222;--conveyor-rail-color: #444}*{margin:0;padding:0;box-sizing:border-box;font-family:Hiragino Kaku Gothic ProN,メイリオ,sans-serif}body{background-color:var(--background-color);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game-container{position:relative;width:100%;height:100vh;max-width:500px;margin:0 auto;overflow:hidden;display:flex;flex-direction:column}#game-message{background-color:var(--light-color);padding:10px;text-align:center;box-shadow:0 2px 4px #0000001a}#target-instruction{font-size:1.1rem;font-weight:700;margin-bottom:5px}#warning-message{color:var(--primary-color);font-size:.9rem}#conveyor-belt{flex:1;background-color:var(--conveyor-color);position:relative;overflow:hidden;border-top:10px solid var(--conveyor-rail-color);border-bottom:10px solid var(--conveyor-rail-color)}#conveyor-belt:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background-color:var(--conveyor-rail-color)}#sushi-container{position:relative;height:100%}.sushi{position:absolute;width:60px;height:60px;display:flex;justify-content:center;align-items:center;top:50%;transform:translateY(-50%);cursor:pointer;transition:all .2s}.wasabi-face{position:absolute;width:30px;height:30px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:#0003}.wasabi-face:before,.wasabi-face:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#00000080;top:8px}.wasabi-face:before{left:6px}.wasabi-face:after{right:6px}.wasabi-face:before,.wasabi-face:after{box-shadow:0 5px #00000080;width:3px;height:3px}.effect{position:fixed;width:70px;height:70px;pointer-events:none;z-index:10;animation:fadeOut .5s forwards}.correct-effect{background:radial-gradient(circle,#2ecc71cc,#2ecc7100 70%)}.wrong-effect{background:radial-gradient(circle,#e74c3ccc,#e74c3c00 70%)}.explosion-effect{background:radial-gradient(circle,#f1c40fcc,#f1c40f00 70%);animation:explosion .5s forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes explosion{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}#pause-button,#restart-button{background-color:var(--light-color);color:var(--dark-color);width:40px;height:40px;border-radius:50%;border:none;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}#best-score{background-color:var(--light-color);color:var(--dark-color);padding:8px 12px;border-radius:20px;font-weight:700}#game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}#game-start,#game-pause,#game-over{background-color:var(--light-color);border-radius:10px;padding:20px;text-align:center;width:80%;max-width:300px}#game-start h2,#game-pause h2,#game-over h2{margin-bottom:15px;color:var(--primary-color)}#game-start p,#game-over p{margin-bottom:20px}#start-button,#resume-button,#play-again-button{background-color:var(--primary-color);color:var(--light-color);border:none;border-radius:20px;padding:10px 20px;font-size:16px;cursor:pointer}.sushi:hover{transform:translateY(-50%) scale(1.1)}.sushi-image{width:100%;height:100%;object-fit:contain}#game-header{background-color:var(--primary-color);color:var(--light-color);padding:10px;display:flex;justify-content:space-between;align-items:center}#profile-container{display:flex;align-items:center;gap:10px}#profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--light-color)}#profile-name{color:var(--light-color);font-weight:700;font-size:.9rem;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#stats-container{display:flex;align-items:center;gap:10px}#score-display,#level-display{background-color:var(--light-color);color:var(--dark-color);padding:5px 10px;border-radius:20px;font-weight:700;font-size:.9rem}#timer-display{background-color:var(--light-color);color:var(--dark-color);width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}#game-controls{background-color:var(--primary-color);color:var(--light-color);padding:10px;display:flex;justify-content:space-between;align-items:center}#controls-left,#controls-right{display:flex;align-items:center;gap:10px}#pause-button,#restart-button,#sound-button{background-color:var(--light-color);color:var(--dark-color);width:40px;height:40px;border-radius:50%;border:none;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}#sound-button.muted{text-decoration:line-through;color:var(--primary-color)}#best-score{background-color:var(--light-color);color:var(--dark-color);padding:8px 12px;border-radius:20px;font-weight:700;font-size:.9rem}#pause-button,#restart-button,#sound-button,#ranking-button{background-color:var(--light-color);color:var(--dark-color);width:40px;height:40px;border-radius:50%;border:none;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}#ranking-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}#ranking-popup{background-color:var(--light-color);border-radius:10px;padding:20px;width:90%;max-width:350px;max-height:80vh;overflow-y:auto}#ranking-title{color:var(--primary-color);margin-bottom:15px;text-align:center}#ranking-list{margin-bottom:15px}.rank-item{display:grid;grid-template-columns:40px 1fr 80px;padding:8px 0;border-bottom:1px solid #eee;align-items:center}.rank-position{font-weight:700;text-align:center}.rank-name{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}.rank-score{font-weight:700;text-align:right}#my-rank{margin-top:10px}#my-rank .rank-item{background-color:rgba(var(--primary-color-rgb),.1);border-radius:5px}#close-ranking{display:block;margin:15px auto 0;background-color:var(--primary-color);color:var(--light-color);border:none;border-radius:20px;padding:8px 20px;font-size:16px;cursor:pointer}.hidden{display:none!important}.highlight{background-color:rgba(var(--primary-color-rgb),.1);border-radius:5px}#profile-container{cursor:pointer;transition:all .2s}#profile-container:hover{opacity:.8}#nickname-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}#nickname-popup{background-color:var(--light-color);border-radius:10px;padding:20px;width:90%;max-width:300px;animation:popIn .3s ease-out forwards}#nickname-title{color:var(--primary-color);margin-bottom:15px;text-align:center;font-size:1.2rem}#nickname-form{display:flex;flex-direction:column;gap:15px}#nickname-input{padding:10px;border-radius:5px;border:1px solid #ddd;font-size:16px}.button-group{display:flex;justify-content:space-between;gap:10px}#save-nickname,#cancel-nickname{flex:1;background-color:var(--primary-color);color:var(--light-color);border:none;border-radius:20px;padding:8px 0;font-size:16px;cursor:pointer}#cancel-nickname{background-color:#aaa}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}#gameover-ranking{margin:15px 0;max-height:200px;overflow-y:auto;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0}#gameover-ranking h3{color:var(--primary-color);margin-bottom:10px;font-size:1rem}#gameover-ranking .rank-item{display:grid;grid-template-columns:40px 1fr 80px;padding:6px 0;border-bottom:1px solid #eee;align-items:center;font-size:.9rem}#gameover-ranking .rank-item:last-child{border-bottom:none}#gameover-my-rank{margin-top:5px;padding-top:5px;border-top:1px dashed #eee}#gameover-my-rank .rank-item{background-color:#2c1c421a;border-radius:5px}