[hidden]{display:none!important}#account{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 5%,#28555ad9,#08171ff5 75%),url('account-courtyard.png') center/cover;overflow:auto;touch-action:pan-y;display:flex;align-items:center;justify-content:center;padding:24px 20px;color:#f6e9c8}.account-card{width:min(100%,420px);padding:24px;border:1px solid #b89b59;border-radius:25px 25px 12px 12px;background:linear-gradient(145deg,#163b41f5,#0a1a22f5);box-shadow:0 15px 65px #0008,inset 0 0 0 4px #bba66c15;text-align:center}.crest{font-size:54px;line-height:1;color:#e6c273;text-shadow:0 0 25px #e7cb5d65}.eyebrow{font-size:11px;letter-spacing:3px;color:#cfb775;margin:12px 0}.account-card h1{font-size:27px;letter-spacing:0;margin:14px 0 8px}.intro{font-size:13px;margin-bottom:25px}#account label{display:block;text-align:left;font-size:13px;color:#d0dcd5;margin:13px 0}#account input{display:block;width:100%;min-height:46px;margin-top:7px;background:#071c24;border:1px solid #537271;border-radius:9px;color:white;padding:10px 12px;font:16px system-ui;outline-offset:3px}#account button{min-height:44px;width:100%;margin-top:10px;border:1px solid #d2b777;background:linear-gradient(#37636a,#183a44);font-weight:600;color:#ffedbc;cursor:pointer}#account .quiet{background:transparent;border-color:#71877c55;font-weight:400}#account .small{font-size:12px;min-height:32px;margin-top:4px;border:0}#account-message{font-size:13px;min-height:36px;color:#ead597;line-height:1.45;margin:17px 0 0}.account-foot{font-size:10px;line-height:1.4;color:#a4b4af;margin:16px 0 0}#account-bar{position:fixed;bottom:max(2px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:90;background:#081d26ed;border:1px solid #8a7955;border-radius:8px;display:flex;gap:9px;align-items:center;padding:4px 8px;max-width:98vw;white-space:nowrap;font-size:10px;color:#e9d6a5}#account-bar button{padding:3px 6px;border:0;background:transparent;font-size:10px}#cloud-state{max-width:150px;overflow:hidden;text-overflow:ellipsis}@media(max-height:680px){#account{align-items:flex-start}.account-card{padding:16px}.crest{font-size:30px}.intro{margin-bottom:14px}}

#account-bar{height:28px;bottom:env(safe-area-inset-bottom);width:100%;max-width:none;border:0;border-radius:0;justify-content:center;padding:2px 8px;font-size:10px}#account-bar button{min-width:60px;min-height:24px}canvas{touch-action:none}

/* Comfortable matte account surface, aligned with the in-game interface. */
#account{color:#e4ece8;font-family:system-ui,sans-serif;font-weight:600;line-height:1.5}.account-card{border-color:#59777c;background:#10272df5;box-shadow:0 12px 36px #0005}.crest{color:#b6d2cf;text-shadow:none}.eyebrow{color:#b6ceca;font-weight:700}.intro,#account label,#account-message{font-size:15px}#account button{background:#23444d;border-color:#63868b;color:#edf3ed;font-size:16px;font-weight:700;border-radius:10px}#account .quiet{font-weight:600}.account-foot{font-size:12px}.account-card h1{color:#e5eeea}

.cdw-lobby{position:fixed;inset:0;z-index:110;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background:#06151bea;display:flex;align-items:flex-start;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom));color:#e9f1ed;font:600 15px/1.5 system-ui,sans-serif;box-sizing:border-box}
.cdw-lobby *{box-sizing:border-box}.lobby-card{position:relative;width:min(100%,480px);padding:22px;background:linear-gradient(160deg,#17353b,#0c222b);border:1px solid #52767a;border-radius:24px;box-shadow:0 20px 70px #0006}.lobby-card header{padding-right:34px}.lobby-card h1{font-size:30px;margin:4px 0 18px;font-weight:800;color:#eef3e9}.lobby-eyebrow{font-size:11px;letter-spacing:2px;color:#afcac5}.lobby-card button{width:100%;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid #557a7d;background:#284d56;color:#f1f5ee;font:750 14px/1.3 system-ui;cursor:pointer;touch-action:manipulation}.lobby-card button:disabled{opacity:.5}.lobby-card button:focus-visible,.lobby-card input:focus-visible{outline:3px solid #9ed1c3;outline-offset:3px}.lobby-card .lobby-close{position:absolute;right:18px;top:18px;width:36px;min-height:36px;padding:4px;background:transparent}.lobby-card .lobby-secondary{background:#112d36;margin-top:10px;border-color:#365963}.lobby-card .lobby-primary{background:#386b70;border-color:#8fb3a6}.lobby-intro{color:#b6cfca;margin:0 0 22px}.lobby-card form{margin-top:24px}.lobby-card label{display:block;font-size:12px;color:#b7d0c9;letter-spacing:.4px}.lobby-card input{display:block;width:100%;background:#071d25;border:1px solid #52787b;border-radius:10px;padding:12px;font:700 20px system-ui;color:#eef4eb;margin:7px 0 10px;text-transform:uppercase;letter-spacing:2px}.lobby-invite{background:#0a2029;border:1px solid #355b65;border-radius:16px;padding:12px;text-align:center}.lobby-invite>span{display:block;font-size:11px;letter-spacing:1px;color:#b6ccc6}.lobby-invite>strong{display:block;font-size:27px;letter-spacing:3px;color:#e8e6c7}.lobby-count{color:#bad0c6;margin:16px 0 10px}.lobby-seats{padding:0;margin:0 0 20px;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px}.lobby-seats li{display:flex;gap:9px;align-items:center;min-height:82px;padding:10px;background:#17363e;border:1px solid #3c6068;border-radius:13px;min-width:0}.lobby-seats .is-self{border-color:#85b9ac;background:#234d50}.lobby-seats .is-bot{border-style:dashed;background:#102a33;color:#9fb6b5}.lobby-seat-number{display:grid;place-items:center;flex-shrink:0;width:27px;height:32px;background:#28484e;border-radius:9px;font-weight:800}.lobby-seats strong{display:block;font-size:15px;overflow-wrap:anywhere}.lobby-seats small{display:block;font-size:11px;line-height:1.4;margin-top:3px;color:#b2cbc6}.lobby-readiness{font-size:13px;color:#c1d7cc}.lobby-preview{border-top:1px solid #34505a;padding-top:15px;margin-top:22px;color:#a5bbb9;font-size:12px}.lobby-status{min-height:22px;font-size:13px;color:#edcf93;margin-bottom:0}@media(max-width:350px){.lobby-card{padding:16px}.lobby-seats{gap:6px}.lobby-seat-number{display:none}.lobby-invite>strong{font-size:24px;letter-spacing:2px}}