:root{ --ennma-accent:#ff6600; --ennma-yellow:#ffcc00; --ennma-pink:#ff4081; }
.ennma-gacha-app{ text-align:center; padding:30px; color:#fff; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; }
.ennma-gacha-app .ennma-card{ display:inline-block; width:100%; max-width:680px; border-radius:14px; padding:24px; background: radial-gradient(circle at 30% 20%, #222 0%, #000 70%); box-shadow:0 12px 40px rgba(0,0,0,.35); }
#ennma-gacha-title{ font-size:28px; color:var(--ennma-yellow); text-shadow:2px 2px 10px var(--ennma-accent); margin:0 0 12px; }
#code-input{ font-size:18px; padding:10px 12px; width:160px; color:#111; background:#fff; border:1px solid #ccc; border-radius:8px; }
#code-input:focus{ outline:3px solid rgba(255,102,0,.3); border-color:var(--ennma-accent); }
#code-send-btn,#gacha-button{ padding:12px 20px; font-size:18px; font-weight:700; border:none; border-radius:10px; cursor:pointer; transition:transform .06s ease, box-shadow .12s ease; }
#code-send-btn{ margin-left:10px; background:var(--ennma-accent); color:#fff; }
#code-send-btn:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(255,102,0,.35); }
#gacha-button{ margin-top:10px; background:#222; color:#fff; border:2px solid var(--ennma-accent); display:none; }
#gacha-button:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(255,102,0,.35); }
#code-error{ color:#ff6161; font-weight:700; min-height:1.2em; margin:6px 0; }
#usage-count{ color:#b7e3ff; font-weight:700; min-height:1.2em; margin:6px 0; }
#gacha-spinner{ display:none; font-size:20px; color:var(--ennma-pink); margin:16px auto; }
#slot-box{ display:none; font-size:46px; margin-top:16px; letter-spacing:10px; }
#slot-box span{ display:inline-block; width:0.8em; }
#gacha-result{ margin-top:16px; font-size:20px; font-weight:700; }
.bigwin-effect{ position:fixed; top:30%; left:50%; transform:translate(-50%,-50%); font-size:40px; font-weight:bold; color:gold; background:linear-gradient(45deg,#fffacd,#ffcc00,#ffd700); padding:20px 34px; border-radius:30px; box-shadow:0 0 60px #ff0; z-index:9999; animation:ennmaPulse 1s infinite alternate; }
@keyframes ennmaPulse{ 0%{ transform:translate(-50%,-50%) scale(1); } 100%{ transform:translate(-50%,-50%) scale(1.2); } }
@media (max-width:480px){ #slot-box{ font-size:36px; letter-spacing:6px; } #ennma-gacha-title{ font-size:24px; } #code-input{ width:150px; } }