:root{--primary: #e53935;--primary-dark: #c62828;--gold: #ffd700;--gold-dark: #daa520;--bg: #fff8f0;--text: #333;--text-light: #666;--white: #fff;--shadow: 0 4px 20px rgba(0, 0, 0, .1);--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;overflow-x:hidden}body{min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;font-size:16px}.layout{max-width:420px;margin:0 auto;padding:20px 16px;width:100%;flex:1;display:flex;flex-direction:column}.btn-primary{display:block;width:100%;padding:16px;background:var(--primary);color:var(--white);font-size:18px;font-weight:700;border-radius:var(--radius);text-align:center;transition:background .2s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#333}.btn-gold:hover{background:linear-gradient(135deg,var(--gold-dark),var(--gold))}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:16px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:700;margin-bottom:8px;font-size:14px}.form-group select,.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;background:var(--white);transition:border-color .2s}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.text-center{text-align:center}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;font-size:16px;color:var(--text-light)}.gacha-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;position:relative;overflow:hidden}.gacha-machine{position:relative;width:260px;height:340px}.gacha-body{width:260px;height:300px;background:linear-gradient(180deg,#f44,#c00,#900);border-radius:30px 30px 10px 10px;position:relative;box-shadow:0 8px 32px #0000004d;overflow:hidden}.gacha-dome{width:200px;height:160px;background:linear-gradient(180deg,#fff6,#ffffff1a);border:4px solid #ddd;border-radius:100px 100px 0 0;position:absolute;top:20px;left:50%;transform:translate(-50%);overflow:hidden}.gacha-balls-inside{position:absolute;bottom:0;width:100%;height:80px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:8px}.mini-ball{width:24px;height:24px;border-radius:50%;flex-shrink:0}.mini-ball:nth-child(1){background:#ff6b6b}.mini-ball:nth-child(2){background:#4ecdc4}.mini-ball:nth-child(3){background:#ffe66d}.mini-ball:nth-child(4){background:#ff9ff3}.mini-ball:nth-child(5){background:#6c5ce7}.mini-ball:nth-child(6){background:#a8e6cf}.mini-ball:nth-child(7){background:#ffd93d}.mini-ball:nth-child(8){background:#ff6b6b}.mini-ball:nth-child(9){background:#74b9ff}.gacha-handle-area{position:absolute;right:-30px;top:180px;z-index:2}.gacha-handle{width:60px;height:20px;background:#888;border-radius:4px;position:relative;transform-origin:left center}.gacha-handle-knob{width:30px;height:30px;background:linear-gradient(135deg,#eee,#999);border-radius:50%;position:absolute;right:-15px;top:-5px;box-shadow:0 2px 8px #0000004d}.gacha-slot{width:80px;height:40px;background:#222;border-radius:0 0 20px 20px;position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center}.gacha-result-ball{width:60px;height:60px;border-radius:50%;position:absolute;bottom:-80px;left:50%;transform:translate(-50%);opacity:0;box-shadow:0 4px 16px #0000004d;z-index:10}.gacha-result-ball.win{background:radial-gradient(circle at 30% 30%,#fff8a0,gold,#daa520)}.gacha-result-ball.lose{background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0,#bdbdbd)}.animate .gacha-handle{animation:handleTurn .8s ease-in-out}.animate .gacha-body{animation:machineShake .5s ease-in-out .8s}.animate .gacha-balls-inside{animation:ballsJiggle .5s ease-in-out .8s}.animate .gacha-result-ball{animation:ballDrop 1s cubic-bezier(.34,1.56,.64,1) 1.6s forwards}@keyframes handleTurn{0%{transform:rotate(0)}40%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes machineShake{0%,to{transform:translate(0)}10%{transform:translate(-4px)}20%{transform:translate(4px)}30%{transform:translate(-3px)}40%{transform:translate(3px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes ballsJiggle{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}75%{transform:translateY(3px)}}@keyframes ballDrop{0%{transform:translate(-50%) translateY(-60px);opacity:0}30%{opacity:1}70%{transform:translate(-50%) translateY(10px)}85%{transform:translate(-50%) translateY(-5px)}to{transform:translate(-50%) translateY(0);opacity:1}}.gacha-result-text{margin-top:100px;font-size:24px;font-weight:900;text-align:center;opacity:0}.animate .gacha-result-text{animation:fadeIn .5s ease 2.8s forwards}.gacha-result-text.win{color:var(--gold-dark)}.gacha-result-text.lose{color:var(--text-light)}@keyframes fadeIn{to{opacity:1}}.confetti{position:fixed;top:-10px;width:10px;height:10px;opacity:0}.animate .confetti{animation:confettiFall 3s ease-in 2.6s forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}