:root{font-family:Inter,Arial,sans-serif;color:#172033;background:#f7f8fb}body{margin:0}.site-header{height:54px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:white;border-bottom:1px solid #e8eaf0;position:sticky;top:0;z-index:10}.brand{font-weight:800;color:#172033;text-decoration:none;white-space:nowrap}.site-menu{position:relative}.site-menu summary{list-style:none;width:40px;height:40px;display:grid;place-content:center;gap:5px;cursor:pointer;border-radius:8px}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary span{display:block;width:22px;height:2px;background:#172033;border-radius:2px}.site-menu nav{position:absolute;right:0;top:46px;min-width:148px;background:white;border:1px solid #e1e5ee;border-radius:8px;box-shadow:0 12px 28px rgba(20,30,50,.14);padding:8px;display:grid;gap:2px}.site-menu:not([open]) nav{display:none}.site-menu nav a{display:block;padding:10px 12px;border-radius:6px;color:#38445a;text-decoration:none}.site-menu nav a:hover{background:#f2f5fa}.container{max-width:1120px;margin:0 auto;padding:18px}.hero{background:white;border-radius:12px;padding:30px;margin-bottom:22px}.hero h1{font-size:42px;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.grid.small{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.card{display:block;background:white;border:1px solid #e8eaf0;border-radius:8px;padding:18px;text-decoration:none;color:#172033}.card:hover{box-shadow:0 8px 24px rgba(20,30,50,.08)}.game-frame{width:100%;height:900px;border:0;border-radius:8px;background:transparent;touch-action:pan-y}.tool-panel{background:white;border-radius:8px;border:1px solid #e8eaf0;padding:18px;margin:18px 0}textarea{width:100%;box-sizing:border-box;border:1px solid #ccd3df;border-radius:8px;padding:12px;font:14px/1.5 monospace}button{border:0;border-radius:8px;padding:10px 14px;margin:8px 8px 8px 0;cursor:pointer;background:#172033;color:white}pre{white-space:pre-wrap;background:#111827;color:#f9fafb;border-radius:8px;padding:14px;overflow:auto}.site-footer{text-align:center;padding:30px;color:#68758c}.prose{background:white;border-radius:8px;padding:22px;border:1px solid #e8eaf0}.container>section,.container>article>section{margin-bottom:22px}.container>article>h2{margin-top:24px}.prose h2:first-child{margin-top:0}.prose p{line-height:1.65}.card p{line-height:1.45}@media(max-width:720px){.hero h1{font-size:30px}.container{padding:12px}.game-frame{height:820px;border-radius:0}.site-header{height:48px;padding:0 12px}.site-menu nav{top:42px}.site-footer{padding:22px 12px}}
.auth-panel{max-width:720px;margin:0 auto;background:white;border:1px solid #e8eaf0;border-radius:8px;padding:24px}.auth-form{display:grid;gap:10px}.auth-form label{font-weight:700}.auth-form input{width:100%;box-sizing:border-box;border:1px solid #ccd3df;border-radius:8px;padding:12px;font:16px/1.4 Inter,Arial,sans-serif}.auth-form ul{margin:0;color:#b91c1c}.muted{color:#68758c}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:20px 0}.usage-card{border:1px solid #e8eaf0;border-radius:8px;padding:16px;background:#f7f8fb}.usage-card span{display:block;color:#68758c;font-size:13px;margin-bottom:6px}.usage-card strong{font-size:22px}

.tool-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.tool-row label{font-weight:700}.tool-row input,.tool-row select{box-sizing:border-box;border:1px solid #ccd3df;border-radius:8px;padding:10px;font:15px/1.4 Inter,Arial,sans-serif}.tool-row input[type=color]{width:54px;height:42px;padding:4px}.tool-output{background:#f7f8fb;border:1px solid #e8eaf0;border-radius:8px;padding:14px;margin-top:12px;min-height:24px}.tool-output strong{display:inline-block;min-width:130px}.stats{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}.prose a{color:#1959b8;font-weight:700}.prose h2{margin-top:26px}