:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#26374c;background:#e6e6e6;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}
.site-header{flex:none;min-height:64px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#172b45;box-shadow:0 2px 8px #10223626;color:#fff}.brand{color:#fff;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-.6px;white-space:nowrap}.brand span{color:#79cfff}nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nav-link{border:0;background:none;color:#dbe7f5;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500}.nav-link:hover{background:#ffffff12;color:white}.account-button{padding:8px 14px;border:1px solid #8dbbe0;background:transparent;color:#dcecff;border-radius:6px;font-size:14px}.account-button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid #50b8ff;outline-offset:3px}
#play-area{flex:1;min-height:0;min-width:0;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden}#game-frame{display:block;border:0;background:#102b43;width:0;height:0;flex:none}footer{flex:none;text-align:center;padding:6px 12px;font-size:12px;color:#66768a;line-height:1.5}footer span{padding:0 7px;color:#94a1b2}
dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:1px solid #dce3eb;border-radius:10px;padding:24px;box-shadow:0 18px 70px #12233833}dialog::backdrop{background:#10213580}dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px}dialog h1{font-size:22px;margin:0;color:#172b45}dialog p{line-height:1.6;color:#65758a;margin:20px 0 4px}dialog form{margin:0}.close-button{border:0;background:transparent;font-size:28px;color:#65758a;padding:0 5px;line-height:1}
@media(max-width:600px){.site-header{padding:10px 14px;gap:6px;flex-wrap:wrap}.brand{font-size:21px}nav{gap:4px}.nav-link{padding:7px 8px}.account-button{padding:7px 9px}footer{font-size:10px}}