:root{color-scheme:dark;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;background:#102120;color:#f1ead6}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#27504a,#102120 65%)}
.login-card{width:min(100%,430px);padding:36px 30px;border:1px solid #8fae9170;border-radius:22px;background:#162c2be8;box-shadow:0 24px 70px #0005;text-align:center}
small{letter-spacing:.2em;color:#cfbe85}
h1{font-size:2rem;margin:14px 0 20px}
p{line-height:1.8;margin:0 0 28px}
.google-button{display:flex;align-items:center;justify-content:center;gap:16px;padding:15px 18px;border-radius:12px;background:#f6f3e9;color:#17312e;text-decoration:none;font-weight:700}
.google-button span{font-family:Arial,sans-serif;font-size:1.4rem;color:#4285f4}
.google-button:hover{background:#fff}
.note{font-size:.82rem;color:#b2c7bf;margin:22px 0 0}

/* Game-account confirmation controls. Kept here because this stylesheet is
   permitted by the page CSP, while inline styles are intentionally blocked. */
.character{margin:18px 0;padding:18px;border:1px solid #97aa94;border-radius:14px;background:#0d201e}
.character strong{display:block;margin-bottom:5px;font-size:1.35rem}
.character span{display:block;color:#b9cbc4;font-size:.9rem}
.actions{display:grid;gap:13px}
.actions form{display:block;margin:0}
.login-card .actions button{appearance:none;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:13px 18px;border-radius:12px;font:700 1rem/1.3 system-ui,-apple-system,"Noto Sans JP",sans-serif;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.login-card .actions button:hover{transform:translateY(-1px)}
.login-card .actions button:active{transform:translateY(1px);box-shadow:none}
.login-card .confirm{border:1px solid #75c49d;background:linear-gradient(#3b9672,#267254);color:#fff;box-shadow:0 5px 0 #174936,0 10px 24px #0005}
.login-card .confirm:hover{background:linear-gradient(#48a980,#2c7e5d)}
.login-card .switch{border:2px solid #d8e0da;background:#f6f3e9;color:#17312e;box-shadow:0 4px 0 #83958d,0 8px 20px #0004}
.login-card .switch:hover{background:#fff}
.button-icon{font-size:1.15rem}
.error{color:#ffaaa2}