:root{color-scheme:dark;font-family:Arial,sans-serif;color:#edf1e9;background:#0a1c17}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 12% 0,#315d433d,transparent 45%),radial-gradient(ellipse at 100% 100%,#75532028,transparent 48%),#0a1c17}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f3d995;outline-offset:3px}.hub-header{min-height:76px;padding:16px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d1a85535;background:#0b211bea}.hub-brand,.invite-brand{display:flex;align-items:center;gap:9px;color:#e3b75d;text-decoration:none;font:700 24px Georgia}.hub-brand b{display:block;color:#aebfaf;font:700 10px Arial;letter-spacing:2px;margin-top:3px}.header-actions{display:flex;gap:9px}.quiet-button,.close-button,.code-actions button,.invite-row button{border:1px solid #cda95a80;border-radius:7px;padding:9px 12px;background:#16372b;color:#f5dfaa;font-weight:700}.hub-main{max-width:1260px;margin:auto;padding:clamp(38px,7vw,88px) clamp(20px,5vw,72px) 64px}.hub-intro{max-width:650px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#e3b75d;font-weight:700}.hub-intro h1,.invite-card h1{font:700 clamp(34px,5vw,58px)/1.05 Georgia;margin:14px 0;color:#f5ead1}.hub-intro>p:last-child{max-width:510px;color:#bdcbbd;line-height:1.65}.library{margin-top:55px}.library-toolbar{display:flex;gap:16px;align-items:end;justify-content:space-between;border-bottom:1px solid #cda95a44;padding-bottom:19px}.library h2,dialog h2{font:700 27px Georgia;color:#f5ead1;margin:0}.library h3,dialog h3{font:700 18px Georgia;color:#f5ead1;margin:0 0 16px}.library-toolbar p{margin:6px 0 0;color:#a9b8aa;font-size:13px}.search-label,.filter-label,dialog label{display:grid;gap:6px;color:#e8d2a2;font-size:12px;font-weight:700}.search-label input,.filter-label select,dialog input,dialog select{min-height:42px;border:1px solid #9c946877;border-radius:7px;background:#091c16;color:#fff1ce;padding:9px 11px}.search-label input{width:min(260px,40vw)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,360px));gap:22px;margin-top:25px}.game-card{display:flex;flex-direction:column;min-height:340px;overflow:hidden;border:1px solid #cda95a52;border-radius:13px;background:#123126;box-shadow:0 12px 35px #0003;text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease}.game-card:hover{transform:translateY(-4px);border-color:#ebcb78}.game-art{height:178px;width:100%;object-fit:cover;background:#0c231b}.game-copy{padding:18px}.game-meta{display:flex;justify-content:space-between;gap:9px;color:#e5bb63;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.game-copy h3{font:700 24px Georgia;color:#f7ead0;margin:12px 0 8px}.game-copy p{color:#b6c7b9;font-size:14px;line-height:1.48;margin:0}.empty-library{color:#b6c7b9;padding:30px 0}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px}.pagination button{min-width:38px;padding:8px;border:1px solid #cda95a70;border-radius:6px;background:#173a2d;color:#f5dfaa}.pagination button[aria-current]{background:#d7ae58;color:#10251c}.pagination button:disabled{opacity:.4;cursor:default}.hub-login .invite-shell{max-width:1100px;margin:auto;padding:28px 26px 20px;min-height:100dvh;display:flex;flex-direction:column;align-items:center}.invite-brand{align-self:flex-start}.invite-card{width:min(100%,470px);margin:auto;padding:34px 36px 24px;text-align:center;border:1px solid #b58b3d66;border-radius:18px;background:linear-gradient(145deg,#193c2fbb,#0d241ecf);box-shadow:0 20px 70px #0005}.invite-mark{display:block;margin:0 auto 22px;filter:drop-shadow(0 7px 12px #0005)}.invite-card h1{font-size:clamp(29px,6vw,39px);margin:17px 0}.invite-intro{font-size:14px;line-height:1.65;color:#c8d2c7;margin:0 0 25px}.invite-card form{text-align:left}.invite-card label{display:block;margin-bottom:9px}.invite-card input{display:block;width:100%;border:1px solid #9c946877;border-radius:7px;background:#091c16;color:#fff1ce;padding:15px;font:15px/1.3 monospace;letter-spacing:.5px}.invite-card button,.gold-button{width:100%;margin-top:13px;padding:14px;border:1px solid #edcd81;border-radius:7px;color:#10251c;background:linear-gradient(110deg,#d5a94e,#f0d28a);font:700 19px Georgia}.invite-card button:disabled{opacity:.65;cursor:wait}#invite-message,#create-status,#invite-status{min-height:19px;font-size:13px;line-height:1.4;color:#f1c094;margin:12px 0 0}.invite-note{font-size:11px;line-height:1.65;color:#9caf9e;border-top:1px solid #b58b3d33;margin-top:20px;padding-top:16px}.hub-login footer{font:15px Georgia;color:#d8b45f;padding-top:22px}.footer-dot{margin:0 10px;color:#8d733d}dialog{width:min(900px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;color:#edf1e9;border:1px solid #d3ad5c;border-radius:14px;background:#102a20;box-shadow:0 28px 100px #000b;padding:25px}dialog::backdrop{background:#020a07ba}.dialog-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #cda95a44;padding-bottom:18px}.close-button{font-size:24px;line-height:1;padding:3px 10px}.invite-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.25fr);gap:28px;padding-top:22px}.invite-layout form{display:grid;gap:13px;align-content:start}.check-label{display:flex;align-items:center;gap:9px}.check-label input{min-height:auto}.created-code{border-top:1px solid #cda95a44;padding-top:14px}.created-code input{width:100%;font-family:monospace}.code-actions{display:flex;gap:8px;margin-top:8px}.code-actions button{flex:1}.created-code p{color:#b6c7b9;font-size:12px}.invite-list{display:grid;gap:9px}.invite-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid #cda95a45;border-radius:8px;background:#0b211b}.invite-row strong{margin-right:auto;color:#f7ead0}.invite-row small{width:100%;color:#b6c7b9}.invite-row .danger{color:#ffc0b7;border-color:#bd6a5c;background:#3a211e}html{scrollbar-width:thin;scrollbar-color:#ad8b4c #0b252c}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#0b252c}*::-webkit-scrollbar-thumb{background:#ad8b4c;border-radius:5px}@media(max-width:700px){.hub-header{align-items:flex-start;gap:14px}.hub-brand{font-size:20px}.header-actions{flex-direction:column}.library-toolbar{align-items:stretch;flex-wrap:wrap}.search-label{flex:1}.search-label input{width:100%}.filter-label{width:130px}.invite-layout{grid-template-columns:1fr}.hub-main{padding-top:45px}}@media(max-width:440px){.hub-header{padding:14px}.quiet-button{padding:7px 8px;font-size:12px}.invite-card{padding:28px 22px 18px}.hub-login .invite-shell{padding:20px 16px}.game-grid{grid-template-columns:1fr}}
.game-art{object-position:center top}