:root{--bg:#1a1612;--fg:#f5f0e8;--muted:#8b7355;--accent:#c4956a;--card:#2a241e;--border:#3d352b}:root.light-theme{--bg:#f9f7f1;--fg:#1a1612;--muted:#6b563d;--card:#ffffff;--border:#dbcdb7}*{box-sizing:border-box}body{font-family:"Space Grotesk",sans-serif;background:var(--bg);color:var(--fg);margin:0}arb{background-color:#ff0!important}.title,h1,h2{font-family:"Noto Serif JP",serif}.bg-texture{position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(196,149,106,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,115,85,.06) 0,transparent 50%),var(--bg);pointer-events:none;z-index:-1}.fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.slide-up{animation:slideUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px;max-width:400px;width:90%;text-align:center;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1)}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.game-info-modal{max-width:520px}#settingsModal .modal{max-height:90vh;overflow-y:auto}@media (min-width:640px){.modal{max-width:500px}#settingsModal .modal,.game-info-modal{max-width:600px}}@media (min-width:1024px){.modal{max-width:600px}#settingsModal .modal,.game-info-modal{max-width:768px}}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-bottom:1px solid var(--border)}.info-row:nth-child(2n){border-left:1px solid var(--border)}@media (orientation:portrait){.game-info-modal{max-height:85vh;overflow-y:auto}}@media (max-width:480px){.info-grid{grid-template-columns:1fr}.info-row:nth-child(2n){border-left:none}}