#onlineOverlay{position:fixed;inset:0;z-index:30;overflow-y:auto;overscroll-behavior:contain;background:rgba(2,10,14,.91);backdrop-filter:blur(7px);color:#ead9ae;font:15px system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color-scheme:dark}
#onlineOverlay[hidden]{display:none!important}#onlineOverlay *{box-sizing:border-box}
#onlineOverlay .app{max-width:520px;min-height:100dvh;margin:auto;padding:18px 16px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}
#onlineOverlay .top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid #9e8249;padding-bottom:12px}
#onlineOverlay .top h1{font-size:30px;letter-spacing:.055em;margin:0;line-height:1;color:#f1cd85}#onlineOverlay .top p{font-size:10px;letter-spacing:.14em;margin:6px 0 0;color:#c1ddbe}
#onlineOverlay button{cursor:pointer;touch-action:manipulation;font:700 14px system-ui;letter-spacing:.02em;color:#f4e1b5;background:linear-gradient(#32735a,#19513d);border:2px solid #d0b16f;border-radius:13px;padding:11px;min-height:46px;width:100%;margin-top:12px;box-shadow:0 4px 0 #08251d}
#onlineOverlay button:disabled{opacity:.4;cursor:default}#onlineOverlay button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #08251d}#onlineOverlay .gold{background:linear-gradient(#a47f33,#71551d);border-color:#efd394}
#onlineOverlay .smallbtn{min-height:38px;font-size:11px;margin:7px 0 0;padding:8px}
#onlineOverlay .banner{border:1px solid #568d6c;background:#1c4d3a;padding:12px 14px;border-radius:12px;color:#ebddb7;font-size:13px}
#onlineOverlay .banner strong{display:block;font-size:14px}#onlineOverlay .banner p{margin:6px 0 0;color:#d0dbc8;line-height:1.45}
#onlineOverlay .panel{background:linear-gradient(160deg,#174e3c,#0b352a);border:2px solid #b69a5e;border-radius:18px;padding:16px;box-shadow:0 6px 0 #032019,0 12px 24px #0005}
#onlineOverlay h2{font-size:16px;color:#f3d394;margin:0 0 12px;font-weight:750}#onlineOverlay h3{font-size:14px;margin:14px 0 8px;color:#f1d59a}
#onlineOverlay .subsection{border-top:1px solid #8cae8770;margin-top:17px;padding-top:16px}#onlineOverlay label{display:block;color:#bbd7c7;font-size:13px;margin:9px 0 7px}
#onlineOverlay input:not([type=checkbox]),#onlineOverlay select{width:100%;height:44px;border-radius:11px;background:#082b23;color:#fbf0d2;border:1px solid #749876;padding:0 12px;font-size:16px;outline-color:#dfbf76}
#onlineOverlay input::placeholder{color:#a1bba7}#onlineOverlay .code{text-transform:uppercase;letter-spacing:.16em;font-size:20px;font-weight:bold}
#onlineOverlay .roomtitle{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#d0d9be}#onlineOverlay .bigcode{text-align:center;font-size:36px;letter-spacing:.1em;color:#ffdf9a;font-weight:750;margin:12px 0}
#onlineOverlay .pill{border-radius:30px;border:1px solid #83ad87;padding:5px 8px;font-size:10px}#onlineOverlay .actions{display:flex;gap:8px}#onlineOverlay .actions button{flex:1;min-width:0}
#onlineOverlay .muted{font-size:12px;color:#b6cfbf;margin:10px 0}#onlineOverlay .members{display:flex;flex-direction:column;gap:8px}
#onlineOverlay .member{background:#0b3429;border:1px solid #648c6c;border-radius:12px;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}
#onlineOverlay .member .name{font-size:14px;font-weight:700;overflow-wrap:anywhere;color:#e7dbba}#onlineOverlay .member small{display:block;color:#a8c7b0;margin-top:3px}
#onlineOverlay .ready{font-size:11px;color:#88e2a7;font-weight:800}#onlineOverlay .pending{font-size:11px;color:#f1c68c}
#onlineOverlay .note{font-size:12px;color:#c1d7c7;line-height:1.5;border-left:2px solid #6b9673;padding-left:10px}
#onlineOverlay .ai-option{display:flex;align-items:center;gap:10px;margin:13px 0 3px;padding:11px;border:1px solid #8cae8770;border-radius:11px;background:#082e25;color:#e8d8b2;font-size:13px;line-height:1.35}
#onlineOverlay .account-gate{margin:12px 0;padding:13px;border:1px solid #c6a35e;border-radius:12px;background:#082b25}#onlineOverlay .account-gate strong{color:#f3d394;font-size:13px}#onlineOverlay .account-gate p{font-size:12px;line-height:1.45;color:#c1d7c7;margin:6px 0 9px}#onlineOverlay #googleSignInButton{display:flex;justify-content:center;margin-top:9px}
#onlineOverlay .ai-option input{width:20px;height:20px;margin:0;accent-color:#d7b35f;flex:0 0 auto}#onlineOverlay #notice{min-height:42px;font-size:13px;color:#c3e0cc;background:#072e24;border-radius:9px;padding:10px 12px;line-height:1.4;margin:0}
#onlineOverlay footer{text-align:center;color:#8da99a;font-size:10px;margin-top:auto;padding:8px 0 0}#onlineOverlay .textbutton{background:none;border:0;box-shadow:none;color:#bbd6c2;text-decoration:underline;margin:3px 0}
#onlineOverlay .seatlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}#onlineOverlay .seatlist.duel{display:flex;flex-direction:column}
#onlineOverlay .seatlist.duel .seatitem:not(.you){order:1}#onlineOverlay .seatlist.duel .seatitem.you{order:2}#onlineOverlay .seatitem{padding:9px;background:#092d24;border:1px solid #5b9073;border-radius:9px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
#onlineOverlay .seatitem strong{display:block;color:#f0d5a4}#onlineOverlay .seatitem.you{border-color:#e5c276}
#onlineOverlay .drawline{display:grid;grid-template-columns:1fr 1fr;gap:9px}#onlineOverlay .pile{min-height:64px;border:1px solid #9ea87a;background:#0b3228;border-radius:10px;display:grid;place-items:center;text-align:center;font-size:13px}#onlineOverlay .pile.exposed{background:#1a4634}
#onlineOverlay .meldlist{display:flex;flex-direction:column;gap:8px}#onlineOverlay .meldrow{background:#0a3128;padding:8px;border-radius:9px}#onlineOverlay .meldrow>span{display:block;font-size:11px;margin-bottom:6px;color:#c9deb8}
#onlineOverlay .smallcards{display:flex;flex-wrap:wrap;gap:3px}#onlineOverlay .smallcard{display:inline-flex;align-items:center;justify-content:center;background:#fffcf3;border-radius:4px;padding:3px;min-width:28px;font-weight:800;font-size:13px}
#onlineOverlay .handcards{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;min-height:76px}#onlineOverlay .playingcard{width:48px;height:70px;margin:0;border:2px solid #d2bc94;border-radius:8px;background:#fffaf0;color:#182f2a;font-weight:800;box-shadow:0 3px 0 #072318;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:5px;transition:transform .15s,border-color .15s;cursor:pointer;touch-action:manipulation}
#onlineOverlay .playingcard .middle{align-self:center;font-size:23px}#onlineOverlay .playingcard.red{color:#b52949}#onlineOverlay .playingcard.selected{border-color:#39c57e;box-shadow:0 0 0 3px #36bc7980;transform:translateY(-5px)}
#onlineOverlay .selectioninfo{color:#bcdac6;font-size:12px;min-height:17px}#onlineOverlay .gamecontrols button{margin-top:8px}#onlineOverlay .inlinegroup{display:flex;gap:7px;align-items:center}#onlineOverlay .inlinegroup select,#onlineOverlay .inlinegroup button{flex:1;min-width:0}
#onlineOverlay [hidden]{display:none!important}