@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Noto+Sans+JP:wght@400;700;900&display=swap";:root{--font-main:"Inter", "Noto Sans JP", sans-serif;--bg-color:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-color:#f59e0b;--accent-hover:#fbbf24;--danger-color:#ef4444;--stage-space-light:#38bdf8;--stage-space-dark:#0369a1;--stage-space-bg:#0f172a;--stage-ninja-light:#f43f5e;--stage-ninja-dark:#be123c;--stage-ninja-bg:#2a1118;--stage-jungle-light:#84cc16;--stage-jungle-dark:#4d7c0f;--stage-jungle-bg:#142111;--stage-ocean-light:#60a5fa;--stage-ocean-dark:#2563eb;--stage-ocean-bg:#1e3a8a;--stage-desert-light:#fbbf24;--stage-desert-dark:#d97706;--stage-desert-bg:#451a03;--stage-final-light:#f87171;--stage-final-dark:#991b1b;--stage-final-bg:#000;--btn-shadow:0 8px 0px #0006;--btn-press-shadow:0 0px 0px #0006;--glass-bg:#ffffff1a;--glass-border:#fff3}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;overflow-x:hidden}#root{flex-direction:column;max-width:480px;height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000080}button{cursor:pointer;border:none;outline:none;font-family:inherit}.app-container{background:radial-gradient(circle,#1e293b,#0f172a);width:100%;height:100%;position:relative}.home-screen{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.title-logo{text-align:center;color:#fff;text-shadow:0 4px 15px #f59e0b99;background:linear-gradient(#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:3rem;font-size:4rem;font-weight:900;line-height:1.1;transform:rotate(-2deg)}.home-buttons{flex-direction:column;gap:1.2rem;width:100%;max-width:320px;display:flex}.primary-btn,.secondary-btn,.parent-btn{border-radius:12px;justify-content:center;align-items:center;padding:1rem 1.5rem;font-size:1.2rem;font-weight:700;transition:all .1s;display:flex;transform:translateY(0)}.primary-btn{background-color:var(--accent-color);color:#fff;box-shadow:0 6px #b45309,0 10px 20px #f59e0b66}.primary-btn:active{transform:translateY(6px);box-shadow:0 0 #b45309,0 5px 10px #f59e0b66}.secondary-btn{color:#fff;background-color:#38bdf8;box-shadow:0 6px #0284c7}.secondary-btn:active{transform:translateY(6px);box-shadow:0 0 #0284c7}.parent-btn{color:#f8fafc;background-color:#475569;margin-top:1rem;box-shadow:0 6px #1e293b}.parent-btn:active{transform:translateY(6px);box-shadow:0 0 #1e293b}@keyframes pulse-animation{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:2s ease-in-out infinite pulse-animation}.game-screen{flex-direction:column;width:100%;height:100vh;display:flex;position:relative}.action-area{background-position:50%;background-size:cover;flex-direction:column;flex:3;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -10px 20px #00000080}.hp-bars{z-index:10;justify-content:space-between;align-items:center;width:100%;display:flex}.hp-bar-container{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;width:45%;padding:4px}.hp-label{text-transform:uppercase;margin-bottom:2px;font-size:.8rem;font-weight:700}.enemy-hp{text-align:right;color:var(--danger-color)}.player-hp{text-align:left;color:#38bdf8}.hp-fill-bg{background:#00000080;border-radius:6px;width:100%;height:12px;overflow:hidden}.hp-fill{border-radius:6px;height:100%;transition:width .3s ease-out}.hp-fill.player{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.hp-fill.enemy{background:linear-gradient(90deg,#dc2626,#ef4444)}.monster-container{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.monster-model{color:#fff;text-shadow:1px 1px 2px #000;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:2rem;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 10px 30px #00000080,inset 0 -10px 20px #0000004d}.monster-name{white-space:nowrap;background:#000000b3;border-radius:12px;padding:4px 12px;font-size:.9rem;position:absolute;bottom:-30px}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}to{transform:translateY(0)rotate(-1deg)}}@keyframes hit{0%{filter:brightness();transform:scale(1)}10%{filter:brightness(2)contrast(2)sepia()hue-rotate(-50deg)saturate(5);transform:scale(.8)rotate(-10deg)}50%{filter:brightness(1.5);transform:scale(1.1)rotate(10deg)}to{filter:brightness();transform:scale(1)rotate(0)}}@keyframes shake{0%{background:#f003;border:2px solid red;transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{background:0 0;border:none;transform:translate(1px,-2px)rotate(-1deg)}}.anim-float{animation:3s ease-in-out infinite float}.anim-hit{animation:.5s cubic-bezier(.175,.885,.32,1.275) hit}.anim-shake{animation:.5s shake}@keyframes explode{0%{opacity:1;transform:scale(.1)rotate(0)}50%{opacity:1;filter:drop-shadow(0 0 10px #facc15);transform:scale(2.5)rotate(15deg)}to{opacity:0;transform:scale(3)rotate(30deg)}}.attack-effect{z-index:10;pointer-events:none;margin-top:-3rem;margin-left:-3rem;font-size:6rem;animation:.5s ease-out forwards explode;position:absolute;top:50%;left:50%}.timer-bar{background:#fff3;border-radius:3px;width:100%;height:6px;margin-top:10px;overflow:hidden}.timer-fill{background:var(--accent-color);height:100%;transition:width .1s linear}.timer-fill.danger{background:var(--danger-color)}.question-area{background:#1e293b;border-top:4px solid #334155;border-bottom:4px solid #0f172a;flex:1.5;justify-content:center;align-items:center;padding:1.5rem;display:flex}.question-text{text-align:center;color:#f8fafc;text-shadow:0 2px 4px #00000080;font-size:1.8rem;font-weight:800;line-height:1.3}.operation-area{background:#0f172a;flex:2.5;padding:1.5rem;position:relative}.options-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:1rem;height:100%;display:grid}.option-btn{color:#f8fafc;background:#334155;border:2px solid #475569;border-bottom-width:6px;border-radius:12px;font-size:1.5rem;font-weight:800;transition:transform .1s,border-bottom-width .1s}.option-btn:active{border-bottom-width:2px;margin-top:4px;margin-bottom:-4px;transform:translateY(4px)}.combo-display{color:#fde047;text-shadow:0 4px 10px #facc15cc,-2px -2px #ca8a04,2px -2px #ca8a04,-2px 2px #ca8a04,2px 2px #ca8a04;z-index:20;font-size:2rem;font-weight:900;animation:.3s cubic-bezier(.175,.885,.32,1.275) comboPop;position:absolute;top:40px;left:20px}@keyframes comboPop{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.overlay{z-index:100;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay h2{color:#fde047;text-shadow:0 0 20px #fde04780;margin-bottom:2rem;font-size:3rem}.theme-space{background-color:var(--stage-space-bg)}.theme-ninja{background-color:var(--stage-ninja-bg)}.theme-jungle{background-color:var(--stage-jungle-bg)}.theme-ocean{background-color:var(--stage-ocean-bg)}.theme-desert{background-color:var(--stage-desert-bg)}.theme-final_boss{background-color:var(--stage-final-bg)}.theme-space .action-area{background:radial-gradient(circle at bottom,#075985,#082f49)}.theme-ninja .action-area{background:radial-gradient(circle at bottom,#881337,#4c0519)}.theme-jungle .action-area{background:radial-gradient(circle at bottom,#3f6212,#14532d)}.theme-ocean .action-area{background:radial-gradient(circle at bottom,#1d4ed8,#1e3a8a)}.theme-desert .action-area{background:radial-gradient(circle at bottom,#b45309,#78350f)}.theme-final_boss .action-area{background:radial-gradient(circle at bottom,#450a0a,#000)}.theme-space .option-btn{background:#0284c7;border-color:#0369a1}.theme-ninja .option-btn{background:#be123c;border-color:#881337}.theme-jungle .option-btn{background:#4d7c0f;border-color:#3f6212}.theme-ocean .option-btn{background:#2563eb;border-color:#1d4ed8}.theme-desert .option-btn{background:#d97706;border-color:#b45309}.theme-final_boss .option-btn{color:#fecaca;background:#7f1d1d;border-color:#450a0a}