.account-area{text-align:right;max-width:70%}#accountNav{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}button,.button{border:1px solid #638b7e;background:#203f3b;color:#effff6;border-radius:8px;padding:9px 15px;cursor:pointer;font:inherit}button:disabled{cursor:default;opacity:.55}button:hover:not(:disabled),.button:hover{border-color:#c3f8ce}.account-area :is(button,.button){font-size:12px;padding:7px 10px}#greeting{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:9px;font-size:12px}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#507c69;display:inline-grid;place-items:center;font-weight:bold}#greeting select{max-width:140px;padding:5px}.panel{max-width:760px;margin:35px auto;padding:26px;border:1px solid #4a685a;border-radius:18px;background:#1b2c30}.panel h1{font-size:26px}.panel p{color:#b5cdc2}.panel label{display:block;margin:18px 0 5px}.panel input:not([type=checkbox]),select{font:inherit;background:#102721;color:#effff4;border:1px solid #638b7e;border-radius:7px;padding:10px;max-width:100%;width:100%}.panel input[type=checkbox]{margin-right:8px}.panel .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.panel .primary{background:#b7f6c8;color:#14382a;font-weight:bold}.back{display:inline-block;margin-bottom:22px;color:#b7f6c8}.muted{color:#99b5a8;font-size:13px}.danger{border-color:#b87878;color:#ffc3c3}#notice{color:#c7ffd5;min-height:1.7em}.history{width:100%;border-collapse:collapse;margin:20px 0}.history td,.history th{border-bottom:1px solid #4a685a;padding:12px 6px;text-align:left;font-size:13px}.history-wrap{overflow-x:auto}.legal{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}.profile-preview{width:80px;height:80px}.rope-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center}footer{flex-wrap:wrap}footer a:hover{text-decoration:underline}details.admin{position:relative}details.admin summary{cursor:pointer;font-size:12px;border:1px solid #638b7e;border-radius:8px;padding:7px 10px}details.admin div{position:absolute;right:0;top:100%;background:#1c3532;padding:15px;min-width:200px;z-index:8;box-shadow:0 8px 25px #0008;border-radius:10px;text-align:left}details.admin a,details.admin span{display:block;padding:8px}.games .thumb{height:auto}.profile-choice{margin-bottom:20px}.error{color:#ffc3c3}.panel button{margin-top:8px}@media(max-width:700px){header{align-items:flex-start;gap:10px}.brand{font-size:12px}.account-area{max-width:65%}.panel{padding:18px;margin:24px auto}.hero h1{font-size:29px}#greeting{flex-wrap:wrap}.history td,.history th{font-size:11px}}[hidden]{display:none!important}

.legal{white-space:normal}.legal h2{font-size:18px;margin-top:30px}.legal p,.legal li{font-size:14px;color:#c5dbd0}.legal a{color:#b7f6c8;text-decoration:underline}

@media(max-width:700px){
  body:has(.profile-badge) main.hub>header {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-content:start;
    gap:10px;
    padding-right:0;
  }
  body:has(.profile-badge) .hub>header .brand {margin-right:50%;min-height:46px}
  body:has(.profile-badge) .hub>header .account-area {max-width:none}
}

.game-group + .game-group{margin-top:32px}
.game-group-heading{margin-bottom:16px}
.game-group-heading h2{margin:0;font-size:19px}
.game-group-heading p{margin:4px 0 0;color:#adc2bd;font-size:13px;max-width:66ch}

.hub .brand{display:inline-flex;align-items:center;gap:9px;letter-spacing:.025em}
.hub .brand img{flex:none}
.hub .brand .brand-wordmark{margin:0;color:inherit;font-size:inherit;letter-spacing:inherit}
.brand-wordmark small{display:block;color:#96afa9;font-size:8px;letter-spacing:.19em}
.about-link{display:inline-block;margin-top:12px;color:#b7f6c8;text-decoration:underline}
.about-page{width:min(100%,940px);margin:clamp(28px,5vw,60px) auto}
.about-heading{max-width:680px}
.about-heading p:last-child,.about-footer p{color:#c4d5ce;line-height:1.8}
.about-figure{margin:24px 0}
.about-figure img{display:block;width:100%;height:auto;border-radius:16px}
.about-figure figcaption{margin-top:8px;font-size:13px;color:#b4c9bf}
.about-footer .button{display:inline-block;margin-top:4px}