:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10224a;background:#fffdf8;line-height:1.55;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1080px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b9cff4}header img{width:138px;height:auto;display:block}nav{display:flex;gap:24px}a{color:#1557d6;text-underline-offset:4px}main{max-width:600px;margin:56px auto 72px;padding:0 24px}h1{font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 12px}h2{font-size:1.3rem;margin:32px 0 16px}.intro{color:#53658b;margin-top:0}#status{padding:12px 0;border-bottom:1px solid #b9cff4;min-height:49px;overflow-wrap:anywhere}#status.error{color:#a6262f}label{display:block;font-weight:600;margin:18px 0 7px}input:not([type=checkbox]){width:100%;font:inherit;padding:12px;border:1px solid #879bc0;border-radius:5px;background:#fff;color:#10224a;min-height:48px}input:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1557d6;outline-offset:3px}button{font:inherit;cursor:pointer;border:1px solid #879bc0;background:#fff;color:#10224a;padding:10px 16px;min-height:46px;border-radius:5px}button:hover{background:#eef4ff}button:disabled{opacity:.55;cursor:wait}.primary{background:#1557d6;color:#fff;border-color:#1557d6;width:100%;margin-top:24px}.primary:hover{background:#1047ad}.text-button{border:0;background:transparent;color:#1557d6;text-decoration:underline;text-underline-offset:4px}#reset-password{display:block;margin:8px auto}.modes{display:flex;border-bottom:1px solid #b9cff4;margin:28px 0 12px;gap:24px}.modes button{border:0;border-radius:0;padding-left:0;padding-right:0;background:transparent}.modes .selected{border-bottom:3px solid #1557d6;font-weight:700}.help,.game-note{font-size:.92rem;color:#53658b}.game-note{border-top:1px solid #b9cff4;padding-top:24px;margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin:16px 0}#profile-form button{margin-top:12px}dl{display:grid;grid-template-columns:135px 1fr;gap:12px 16px;margin:24px 0}dt{color:#53658b}dd{margin:0;overflow-wrap:anywhere}.actions{display:flex;gap:10px;flex-wrap:wrap}details{border-top:1px solid #b9cff4;padding:18px 0;margin-top:24px}summary{cursor:pointer;font-weight:600;min-height:30px}details form button{margin-top:18px}.check{display:flex;gap:12px;font-weight:400}.check input{width:20px;flex-shrink:0}.danger{color:#a6262f;border-color:#a6262f}.delete-section{color:#802630}footer{max-width:1080px;margin:auto;padding:24px;border-top:1px solid #b9cff4;display:flex;gap:24px;flex-wrap:wrap;font-size:.9rem}footer span{margin-left:auto;color:#53658b}[hidden]{display:none!important}@media(max-width:500px){main{margin-top:32px}header{padding:12px 20px}nav{gap:16px}header img{width:112px}dl{grid-template-columns:1fr;gap:3px}dd{margin-bottom:12px}footer span{margin-left:0}}
