.home{color:#1e1e2f;background-color:#f5f5fa;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;animation:.6s ease-in fadeIn;display:flex}.home-container{background-color:#fff;border-radius:1rem;width:100%;max-width:800px;padding:2rem;animation:.6s slideIn;box-shadow:0 4px 10px #0000001a}.home h1{color:#2c2c40;margin-bottom:1rem;font-size:2rem}.home p{margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.home ul{margin-bottom:1rem;padding-left:0;list-style:none}.home li{margin-bottom:1.2rem;padding-left:1.5rem;font-size:1.05rem;line-height:1.5;position:relative}.home li:before{content:"➤";color:#6c63ff;position:absolute;left:0}.home-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:1.5rem;display:flex}.cta-button,.cta-secondary{border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s,color .18s,border-color .18s;display:inline-flex}.cta-button{color:#fff;background-color:#6c63ff;border:1px solid #6c63ff;box-shadow:0 6px 16px #6c63ff40}.cta-button:hover{color:#fff;background-color:#554fd1;border-color:#554fd1;transform:translateY(-1px);box-shadow:0 9px 20px #6c63ff52}.cta-secondary{color:#2c2c40;background-color:#fff;border:1px solid #c3c8d8}.cta-secondary:hover{color:#554fd1;border-color:#6c63ff;transform:translateY(-1px);box-shadow:0 6px 16px #1418281a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.home h1{font-size:1.5rem}.home-container{padding:1.5rem}.home p,.home li{font-size:1rem}.home-actions{flex-direction:column;align-items:stretch}.cta-button,.cta-secondary{width:100%}}.game-seo-page{color:#1e1e2f;background:#f5f5fa;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;animation:.6s ease-in fadeIn;display:flex}.game-seo-container{background:#fff;border-radius:1rem;width:100%;max-width:960px;padding:2rem;animation:.6s slideIn;box-shadow:0 4px 12px #0000001a}.game-seo-eyebrow{color:#6c63ff;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .75rem;font-size:.95rem;font-weight:700}.game-seo-container h1{color:#2c2c40;margin:0 0 1rem;font-size:2.3rem;line-height:1.15}.game-seo-lead{max-width:760px;margin:0 0 1.5rem;font-size:1.12rem;line-height:1.7}.game-seo-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0;display:grid}.game-seo-summary-card,.game-seo-content-card,.game-seo-cta-card{background:#fbfbff;border:1px solid #e6e6f2;border-radius:.9rem}.game-seo-summary-card{padding:1rem}.game-seo-summary-card span{color:#666678;margin-bottom:.35rem;font-size:.9rem;display:block}.game-seo-summary-card strong{color:#2c2c40;font-size:1.05rem}.game-seo-content-card{margin:1.5rem 0;padding:1.5rem}.game-seo-content-card h2,.game-seo-cta-card h2{color:#2c2c40;margin:0 0 .75rem}.game-seo-content-card p,.game-seo-cta-card p{margin:0 0 1rem;line-height:1.65}.game-seo-content-card p:last-child,.game-seo-cta-card p:last-child{margin-bottom:0}.game-seo-cta-card{background:linear-gradient(135deg,#fff,#f0efff);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.game-seo-cta-button,.game-seo-secondary-link{white-space:nowrap;border-radius:.75rem;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.game-seo-cta-button{color:#fff;background:#6c63ff;box-shadow:0 4px 10px #6c63ff4d}.game-seo-cta-button:hover{background:#5a52d6}.game-seo-secondary-link{color:#6c63ff;background:#f0efff}.game-seo-loading{margin:0;font-size:1.05rem}@media (width<=760px){.game-seo-container{padding:1.5rem}.game-seo-container h1{font-size:1.8rem}.game-seo-summary-grid{grid-template-columns:1fr}.game-seo-cta-card{flex-direction:column;align-items:stretch}.game-seo-cta-button{width:100%}}.scoretracker-static-seo{text-align:left}.game-seo-static-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0 0;display:grid}.game-seo-static-details div{background:#fff;border:1px solid #e6e6f2;border-radius:.75rem;padding:.9rem}.game-seo-static-details dt{color:#666678;margin-bottom:.35rem;font-size:.9rem;font-weight:700}.game-seo-static-details dd{color:#2c2c40;margin:0;font-weight:700}.game-seo-content-card ul,.game-seo-static-link-list{margin:0;padding-left:1.2rem;line-height:1.7}.game-seo-content-card li,.game-seo-static-link-list li{margin-bottom:.35rem}.game-seo-static-link-list a{color:#554fd1;font-weight:700;text-decoration:none}.game-seo-static-link-list a:hover{text-decoration:underline}@media (width<=760px){.game-seo-static-details{grid-template-columns:1fr}}.addgame-container{background-color:#f8f9fc;justify-content:center;align-items:center;min-height:90vh;padding:1rem;display:flex}.addgame-form{background:#fff;border-radius:1rem;width:100%;max-width:400px;padding:2rem 2.5rem;animation:.5s fadeIn;box-shadow:0 6px 20px #0000001a}.addgame-form h2{text-align:center;color:#333;margin-bottom:1.5rem}.addgame-form label{color:#444;margin-bottom:.5rem;display:block}.addgame-form input[type=text]{border:1px solid #ccc;border-radius:.5rem;width:100%;padding:.6rem;font-size:1rem;transition:border-color .2s}.addgame-form input:focus{border-color:#6c63ff;outline:none}.addgame-form button{color:#fff;cursor:pointer;background-color:#6c63ff;border:none;border-radius:.5rem;width:100%;padding:.75rem;font-size:1rem;transition:background-color .3s}.addgame-form button:hover{background-color:#574fd4}.back-link a{color:#6c63ff;font-weight:500;text-decoration:none}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.template-config-editor{flex-direction:column;gap:1rem;display:flex}.template-config-section{background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;padding:1rem}.template-row-editor,.template-field-editor{grid-template-columns:1fr auto;align-items:end;gap:1rem;margin-bottom:.75rem;display:grid}.template-field-editor{grid-template-columns:1fr minmax(8rem,12rem)}.checkbox-row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.form-help-text{opacity:.8;margin:.35rem 0 0;font-size:.9rem}@media (width<=700px){.template-row-editor,.template-field-editor{grid-template-columns:1fr}}.preset-gallery{background:#6c63ff0d;border:1px solid #6c63ff2e;border-radius:1rem;margin-bottom:1.75rem;padding:1rem}.preset-gallery-header h3{color:#333;margin:0 0 .35rem}.preset-gallery-header p,.preset-status-text{color:#666;margin:0 0 1rem;font-size:.95rem;line-height:1.45}.preset-status-error{color:#c0392b}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.preset-card{background:#ffffffdb;border:1px solid #6c63ff38;border-radius:.85rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem;display:flex;box-shadow:0 8px 20px #0000000f}.preset-card-topline{color:#6c63ff;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:flex}.preset-card h4{color:#222;margin:0 0 .5rem;font-size:1.05rem}.preset-card p{color:#555;margin:0;font-size:.92rem;line-height:1.45}.preset-meta{color:#444;text-align:left;margin-top:.75rem;font-size:.86rem;font-weight:600}.preset-import-button{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:.65rem;width:100%;padding:.65rem .85rem;font-weight:700;transition:background-color .2s,transform .2s}.preset-import-button:hover:not(:disabled){background:#574fd4;transform:translateY(-1px)}.preset-import-button:disabled{opacity:.6;cursor:not-allowed}.section-divider{color:#777;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.75rem;margin:1.75rem 0;font-size:.9rem;display:flex}.section-divider:before,.section-divider:after{content:"";background:#0000001f;flex:1;height:1px}.add-game-tabs{background:#6c63ff0d;border:1px solid #6c63ff29;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem;padding:.35rem;display:grid}.add-game-tabs button{color:#555;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.75rem 1rem;font-size:.98rem;font-weight:700;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.add-game-tabs button:hover,.add-game-tabs button.active{color:#fff;background:#6c63ff;border-color:#6c63ff59;box-shadow:0 8px 18px #6c63ff33}.preset-filter{margin-bottom:1rem}.preset-filter label{color:#444;margin-bottom:.4rem;font-weight:700;display:block}.preset-filter input{border:1px solid #6c63ff40;border-radius:.65rem;width:100%;padding:.7rem .85rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.preset-filter input:focus{border-color:#6c63ff;outline:none;box-shadow:0 0 0 3px #6c63ff1f}.preset-empty-state,.custom-board-game-panel{background:#6c63ff0a;border:1px solid #6c63ff29;border-radius:1rem;padding:1.25rem}.preset-empty-state{text-align:center}.preset-empty-state p{color:#555;margin:0;font-size:.98rem}.inline-link-button{color:#6c63ff;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:800;text-decoration:underline}.inline-link-button:hover{color:#574fd4}.custom-board-game-header{margin-bottom:1.25rem}.custom-board-game-header h3{color:#333;margin:0 0 .35rem}.custom-board-game-header p{color:#666;margin:0;font-size:.95rem;line-height:1.45}@media (width<=600px){.add-game-tabs{border-radius:1rem;grid-template-columns:1fr}.add-game-tabs button{border-radius:.75rem}}.preset-card-content{flex-direction:column;gap:.5rem;display:flex}.preset-card-actions{gap:.75rem;margin-top:auto;display:grid}.preset-card h4{color:#332bd1;letter-spacing:-.01em;font-size:1.18rem;font-weight:900}.preset-meta{text-align:center;color:#4038bc;justify-content:left;align-items:center;min-height:2.1rem;margin-top:0;display:flex}.preset-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.preset-import-button-secondary{color:#3a356f;background:#eef0ff}.preset-import-button-secondary:hover:not(:disabled){background:#e2e5ff}@media (width<=600px){.preset-action-buttons{grid-template-columns:1fr}}.create-game-container{background-color:#f8f9fc;justify-content:center;align-items:flex-start;min-height:90vh;padding:2rem 1rem;display:flex}.create-game-form{background:#fff;border-radius:1rem;width:100%;max-width:600px;padding:2rem 2.5rem;animation:.4s fadeIn;box-shadow:0 6px 20px #0000001a}.create-game-form h2{text-align:center;color:#333;margin-bottom:1.5rem}.form-group label{color:#444;margin-bottom:.4rem;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid #ccc;border-radius:.5rem;width:100%;padding:.6rem;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#6c63ff;outline:none}.form-error{color:#c0392b;background-color:#ffe0e0;border-left:4px solid #e74c3c;border-radius:.5rem;margin-bottom:1.2rem;padding:.75rem 1rem;font-size:.95rem;animation:.3s shake}.form-success{color:#2c662d;background-color:#e6ffed;border-left:4px solid #27ae60;border-radius:.5rem;margin-bottom:1.2rem;padding:.75rem 1rem;font-size:.95rem}.info-box{color:#8a6d3b;background-color:#fff8e6;border-left:4px solid #f0ad4e;border-radius:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.95rem}.template-config-section{background:#fbfcff;border:1px solid #e2e5f1;border-radius:.75rem;margin-top:1.5rem;padding:1rem}.template-config-section h3{margin-top:0}.template-row-editor{background:#fff;border:1px solid #edf0f7;border-radius:.75rem;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:grid}.template-field-editor{grid-template-columns:minmax(0,1fr) minmax(10rem,14rem);align-items:end}.checkbox-row{align-items:center;gap:.5rem;margin:.5rem 0 1rem;display:flex}.checkbox-row input[type=checkbox]{width:auto}.form-help-text{color:#666;margin-top:.35rem;font-size:.92rem}@media (width<=640px){.template-field-editor{grid-template-columns:1fr}}.template-advanced-settings{background:#fbfcff;border:1px solid #dfe3f3;border-radius:.9rem;overflow:hidden}.template-advanced-toggle{color:#2f3445;cursor:pointer;background:#f0f0ff;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.85rem 1rem;font-size:1rem;font-weight:900;display:flex}.template-advanced-toggle:hover{background:#e7e7ff}.template-advanced-chevron{font-size:1.25rem;line-height:1;transition:transform .2s}.template-advanced-chevron.open{transform:rotate(180deg)}.template-advanced-panel{gap:1rem;padding:1rem;display:grid}.template-advanced-panel .template-config-section{margin-top:0}.dropdown-wrapper{background-color:#f5f5fa;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;animation:.6s ease-in fadeIn;display:flex}.dropdown-form{background-color:#fff;border-radius:1rem;width:100%;max-width:600px;padding:2rem;animation:.6s slideIn;box-shadow:0 4px 12px #0000001a}.dropdown-form h2{color:#2c2c40;margin-bottom:1.5rem;font-size:1.6rem}.dropdown-form label{color:#444;margin:1rem 0 .5rem;font-weight:600;display:block}.dropdown-form select,.dropdown-form input[type=text],.dropdown-form input[type=number]{border:1px solid #ccc;border-radius:.5rem;width:100%;padding:.6rem .8rem;font-size:1rem;transition:border .2s}.dropdown-form select:focus,.dropdown-form input:focus{border-color:#6c63ff;outline:none}.player-input{margin-top:1rem;margin-bottom:.75rem}button[type=submit]{color:#fff;cursor:pointer;background-color:#6c63ff;border:none;border-radius:.5rem;width:100%;margin-top:2rem;padding:.75rem;font-size:1rem;transition:background-color .3s}button[type=submit]:hover{background-color:#574fd6}@media (width<=600px){.dropdown-form{padding:1.5rem}.dropdown-form h2{font-size:1.4rem}}.login-link{color:#8a6d3b;font-weight:600;text-decoration:underline}.login-link:hover{color:#5c4525}.player-names-group{border-left:3px solid #e0e0e0;margin-top:1rem;margin-left:1.5rem;padding-left:1rem}.form-control{box-sizing:border-box;background-color:#fff;border:1px solid #ccc;border-radius:.4rem;width:100%;max-width:100%;margin-bottom:1rem;padding:.5rem;font-size:1rem}.form-label{margin-bottom:.25rem;font-weight:500;display:block}.form-help-text{color:#666;margin:.25rem 0 1rem;font-size:.95rem;line-height:1.4}.form-help-link{color:#6c63ff;font-weight:700;text-decoration:underline}.form-help-link:hover{color:#574fd6}.form-error{color:#8b1a1a;background:#ffecec;border:1px solid #ffb4b4;border-radius:.5rem;margin:1rem 0;padding:.75rem}.form-success{color:#176b2c;background:#ecfff1;border:1px solid #aee6bd;border-radius:.5rem;margin:1rem 0;padding:.75rem}.form-actions{justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.form-actions button,.lobby-link-card button,.join-lobby-form button,.dropdown-form button[type=button]:not(.playgame-tab-button){color:#fff;cursor:pointer;background-color:#6c63ff;border:none;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:background-color .3s}.form-actions button:hover,.lobby-link-card button:hover,.join-lobby-form button:hover,.dropdown-form button[type=button]:not(.playgame-tab-button):hover{background-color:#574fd6}button:disabled,button[type=submit]:disabled,.form-actions button:disabled,.join-lobby-form button:disabled{opacity:.55;cursor:not-allowed}.selected-template-card{background:#f7f7ff;border:1px solid #ddf;border-radius:.75rem;margin:1rem 0;padding:1rem}.lobby-card{max-width:860px}.lobby-share-unit{grid-template-columns:minmax(180px,220px) 1fr;align-items:center;gap:1rem;margin:1.5rem 0;display:grid}.lobby-qr-card,.lobby-link-card,.lobby-player-list{background:#fafafe;border:1px solid #e7e7f5;border-radius:.75rem;padding:1rem}.lobby-qr-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.lobby-qr-help{color:#555;margin:0;font-size:.95rem;line-height:1.4}.lobby-code-box{background:#fff;border:1px solid #6c63ff2e;border-radius:.75rem;gap:.25rem;margin-bottom:.9rem;padding:.85rem 1rem;display:grid}.lobby-code-box .form-label{margin:0}.lobby-code-box strong{color:#2c2c40;letter-spacing:.12em;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.1}.lobby-share-field{margin-bottom:.75rem}.lobby-share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.lobby-start-help{text-align:center;margin:1rem 0 -.5rem;font-weight:700}.lobby-link-card input{margin-bottom:.75rem}.join-lobby-form{margin:1rem 0}.lobby-player-avatar-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.lobby-player-avatar-row{background:#fff;border:1px solid #ececf8;border-radius:.75rem;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.player-avatar{color:#fff;background:linear-gradient(135deg,#6c63ff,#9d8cff);border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:0 6px 16px #6c63ff2e}.player-avatar--medium{width:42px;height:42px;font-size:.95rem}.player-avatar img{object-fit:cover;width:100%;height:100%;display:block}.lobby-player-avatar-details{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.lobby-player-name{color:#2c2c40;overflow-wrap:anywhere;font-weight:700}.lobby-player-host-badge{color:#574fd6;background:#6c63ff1a;border:1px solid #6c63ff2e;border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.playgame-card{max-width:600px}.playgame-card h2{text-align:center;margin-bottom:1.5rem}.playgame-tabs{background:#6c63ff0d;border:1px solid #6c63ff29;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem;padding:.35rem;display:grid}.playgame-tabs .playgame-tab-button{color:#555;cursor:pointer;width:100%;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:999px;padding:.75rem 1rem;font-size:.98rem;font-weight:700;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.playgame-tabs .playgame-tab-button:hover,.playgame-tabs .playgame-tab-button.active{color:#fff;background:#6c63ff;border-color:#6c63ff59;box-shadow:0 8px 18px #6c63ff33}.playgame-panel{background:#6c63ff0a;border:1px solid #6c63ff29;border-radius:1rem;padding:1.25rem}.playgame-panel-header{margin-bottom:1.25rem}.playgame-panel-header h3{color:#333;margin:0 0 .35rem;font-size:1.25rem}.playgame-panel-header p{color:#666;margin:0;font-size:.95rem;line-height:1.45}.playgame-join-code-input{margin-bottom:0}.playgame-primary-button,.playgame-panel button[type=submit]{margin-top:1.1rem}.playgame-login-help{color:#666;margin:1.6rem 0 0;font-size:.95rem;line-height:1.45}.playgame-mode-actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.playgame-mode-actions button,.playgame-mode-actions button[type=submit]{width:100%;margin-top:0}.form-actions button{min-width:150px}.tracker-page{background-color:#f8f9fc;min-height:90vh;padding:2rem 1rem}.tracker-header{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:min(100%,1180px);margin:0 auto 1.25rem;padding:1.1rem 1.25rem;display:grid}.tracker-title-block{grid-column:2;justify-self:center}.tracker-header h2{text-align:center;margin:0;font-size:clamp(1.6rem,2.4vw,2.2rem)}.tracker-actions{flex-wrap:wrap;grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;gap:.75rem;display:flex}.tracker-actions--left{grid-column:1;justify-self:start}.tracker-actions button,.tracker-actions button[type=submit]{cursor:pointer;white-space:nowrap;border:none;border-radius:.65rem;width:auto;margin-top:0;padding:.72rem 1rem;font-size:.98rem;font-weight:800;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}.tracker-primary-button,.tracker-actions button.tracker-primary-button[type=submit]{color:#fff;background:#6c63ff;box-shadow:0 8px 18px #6c63ff2e}.tracker-primary-button:hover,.tracker-actions button.tracker-primary-button[type=submit]:hover{background:#574fd6;transform:translateY(-1px);box-shadow:0 10px 20px #6c63ff3d}.tracker-secondary-button{color:#3a356f;background:#eef0ff}.tracker-secondary-button:hover{color:#2d285f;background:#e2e5ff;transform:translateY(-1px)}.tracker-danger-button{color:#8b1a1a;background:#fff0f0}.tracker-danger-button:hover{color:#711313;background:#ffdede;transform:translateY(-1px)}@media (width<=720px){.lobby-share-unit{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.tracker-header{text-align:center;grid-template-columns:1fr}.tracker-title-block,.tracker-actions{grid-column:1;justify-self:center}.tracker-actions{justify-content:center;width:100%}.tracker-actions--left{display:none}.tracker-page{padding-bottom:8.5rem}.tracker-header .tracker-actions:not(.tracker-actions--left){z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f9fcf5;border:1px solid #6c63ff24;border-radius:1rem;justify-self:auto;width:auto;padding:.75rem;position:fixed;bottom:.75rem;left:.75rem;right:.75rem;box-shadow:0 10px 28px #1418282e}.tracker-actions button,.tracker-actions button[type=submit]{width:100%}}@media (width<=600px){.playgame-tabs{border-radius:1rem;grid-template-columns:1fr}.playgame-tabs .playgame-tab-button{border-radius:.75rem}.playgame-panel{padding:1rem}.playgame-mode-actions,.lobby-share-actions{grid-template-columns:1fr}.form-actions button,.tracker-actions button,.tracker-actions button[type=submit]{width:100%}}.playgame-reconnect-card p{margin:.35rem 0}.playgame-reconnect-actions{justify-content:center;display:flex}.playgame-reconnect-actions button{min-width:220px}.lobby-status-page{background:radial-gradient(circle at 0 0,#6c63ff14,#0000 30rem),#f8f9fc;justify-content:center;align-items:flex-start;min-height:calc(100vh - 125px);padding:clamp(2.5rem,7vh,4.5rem) 1rem 2rem;display:flex}.lobby-status-card{text-align:center;background:#fff;border:1px solid #d8dce8;border-radius:1rem;width:min(100%,560px);padding:clamp(1.75rem,4vw,2.35rem);animation:.45s slideIn;position:relative;overflow:hidden;box-shadow:0 12px 32px #14182814}.lobby-status-card:before{content:"";background:#202035;height:.35rem;position:absolute;inset:0 0 auto}.lobby-status-card--completed,.lobby-status-card--cancelled{border-color:#d8dce8}.lobby-status-card--completed:before{background:#202035}.lobby-status-card--cancelled:before{background:#8b1a1a}.lobby-status-card h2{color:#171827;margin:0;font-size:clamp(1.65rem,3vw,2.1rem);font-weight:900;line-height:1.2}.lobby-status-primary-btn{color:#fff;cursor:pointer;background-color:#6c63ff;border:none;border-radius:.5rem;width:auto;min-width:170px;margin-top:1.5rem;padding:.8rem 1.15rem;font-size:1rem;font-weight:800;transition:background-color .2s,transform .2s,box-shadow .2s}.lobby-status-primary-btn:hover{background-color:#574fd6;transform:translateY(-1px);box-shadow:0 6px 16px #6c63ff38}.lobby-status-primary-btn:active{transform:translateY(0)}@media (width<=600px){.lobby-status-page{min-height:calc(100vh - 96px);padding-top:2rem}.lobby-status-card{width:100%;padding:1.5rem}.lobby-status-primary-btn{width:100%}}.dropdown-form button.tracker-danger-button[type=button],.form-actions .tracker-danger-button{color:#8b1a1a;background:#fff0f0}.dropdown-form button.tracker-danger-button[type=button]:hover,.form-actions .tracker-danger-button:hover{color:#711313;background:#ffdede}.grid-form{background-color:#f7f7fc;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;animation:.6s ease-in fadeIn;display:flex}.table-wrapper{max-width:100%;margin-bottom:1.5rem;animation:.6s slideDown;overflow-x:auto}.score-table{border-collapse:collapse;table-layout:fixed;background-color:#fff;border-radius:1rem;width:100%;max-width:800px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.score-table th,.score-table td{text-align:center;white-space:nowrap;text-overflow:ellipsis;border:1px solid #ddd;padding:.75rem;font-size:1rem;overflow:hidden}.score-table th{color:#333;background-color:#f0f0ff;font-weight:600}.score-table input{box-sizing:border-box;text-align:center;border:1px solid #ccc;border-radius:.4rem;width:100%;max-width:100%;padding:.4rem;font-size:1rem;transition:border .2s}.score-table input:focus{border-color:#6c63ff;outline:none}.totals-row td{background-color:#f9f9f9;font-weight:700}.form-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.form-buttons button{color:#fff;cursor:pointer;background-color:#6c63ff;border:none;border-radius:.5rem;padding:.6rem 1.2rem;font-size:1rem;transition:background-color .3s}.form-buttons button:hover{background-color:#554fd1}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.score-table th,.score-table td{padding:.5rem;font-size:.9rem}.form-buttons button{width:100%}}.score-tracker-shell{flex-direction:column;gap:1rem;display:flex}.score-tracker-summary{margin-bottom:.5rem}.score-notes-field textarea{resize:vertical;width:100%;min-height:7rem}.running-total-list,.order-placement-list{gap:1rem;display:grid}.running-total-player{background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;padding:1rem}.running-total-player h3{margin-top:0}.running-total-controls{grid-template-columns:minmax(3.75rem,auto) minmax(8rem,1fr) minmax(3.75rem,auto);grid-template-areas:"decrease score increase";align-items:center;gap:.75rem;display:grid}.running-total-controls button:first-of-type{grid-area:decrease}.running-total-controls input{text-align:center;grid-area:score;width:100%;min-width:0;font-size:1.4rem;font-weight:700}.running-total-controls button:last-of-type{grid-area:increase}.placement-history-list{margin:1rem 0 0}.score-history-summary{margin:.5rem 0}.score-history-summary p,.coop-history-details p{margin:.35rem 0}.score-notes-history{border-top:1px solid #ffffff24;margin-top:1rem;padding-top:1rem}.supplemental-data-card{box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff24;border-radius:1rem;width:min(100%,820px);padding:1rem}.supplemental-data-card h3{margin-top:0}.supplemental-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.checkbox-stack{gap:.5rem;display:grid}.supplemental-table-wrapper{max-width:100%;margin-bottom:1rem;overflow-x:auto}.supplemental-table{max-width:none}.inputgrid-container{width:100%}.score-view-wrapper{background:#fff;border:1px solid #e3e6ef;border-radius:.85rem;width:100%;margin:.75rem 0;overflow-x:auto}.score-view-table{border-collapse:collapse;color:#1f2433;width:100%;min-width:420px}.score-view-table th,.score-view-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #eef0f6;padding:.7rem .8rem}.score-view-table th{color:#2f3445;background:#f0f0ff;font-weight:800}.score-view-table tr:last-child td{border-bottom:none}.score-view-table .totals-row td,.score-view-table tr.totals-row td{background:#f7f7ff}.view-toggle{justify-content:flex-start;margin:.75rem 0;display:flex}.view-toggle-btn{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:.65rem;padding:.65rem 1rem;font-weight:800;transition:background-color .2s,transform .2s,box-shadow .2s}.view-toggle-btn:hover{background:#554fd1;transform:translateY(-1px);box-shadow:0 6px 16px #6c63ff38}.score-history-summary{color:#42495b}.score-notes-history{color:#42495b;border-top:1px solid #e3e6ef}.score-notes-history strong,.coop-history-details strong{color:#1f2433}.placement-history-list{background:#fff;border:1px solid #e3e6ef;border-radius:.85rem;padding:.75rem .75rem .75rem 2.2rem}.placement-history-list li{padding:.25rem 0;font-weight:700}.score-tracker-shell{width:min(100%,960px);margin-inline:auto}.score-tracker-summary{border:1px solid #ddf;box-shadow:0 4px 16px #1418280d}.score-notes-field textarea,.form-group textarea{color:#1f2433;resize:vertical;background:#fff;border:1px solid #c3c8d8;border-radius:.65rem;width:100%;min-height:7rem;padding:.7rem}.score-table input:disabled,.score-table select:disabled,.score-table textarea:disabled{color:#606779;opacity:1;background:#eef0f6}.running-total-form,.order-only-form,.coop-form{background:#fff;border:1px solid #d8dce8;border-radius:1rem;width:min(100%,820px);margin-inline:auto;padding:1rem;box-shadow:0 6px 20px #14182812}.running-total-controls button{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:.65rem;padding:.55rem .8rem;font-weight:800}.running-total-controls button:hover{background:#554fd1}.supplemental-data-card{color:#1f2433;background:#fff;border-color:#d8dce8;box-shadow:0 4px 16px #1418280d}@media (width<=600px){.score-view-table{min-width:360px}.view-toggle-btn{width:100%}.running-total-controls{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"score score""decrease increase";gap:.5rem}.running-total-controls input{min-height:3.75rem;padding:.65rem .85rem;font-size:1.9rem}.running-total-controls button{min-height:2.6rem;padding:.45rem .7rem;font-size:.95rem}}.score-tracker-shell{gap:1rem}.score-table th:not(:first-child),.score-table td:not(:first-child){text-align:center}.score-table thead th{color:#262b3d;font-weight:900}.score-notes-field{background:#fff;border:1px solid #d8dce8;border-radius:1rem;width:min(100%,820px);margin-inline:auto;padding:1rem;box-shadow:0 4px 16px #1418280d}.running-total-player h3{text-align:center;margin-bottom:.8rem;font-weight:900}.grid-form .form-buttons{margin-top:1rem}.score-tracker-shell{flex-direction:column;gap:1rem;width:100%;max-width:none;margin:0;display:flex}.score-tracker-main{flex-direction:column;gap:1.25rem;display:flex}.score-sheet-section{width:100%}.score-tracker-shell .grid-form,.score-tracker-shell .running-total-form,.score-tracker-shell .order-only-form,.score-tracker-shell .coop-form{width:100%;max-width:none;min-height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;align-items:stretch;margin:0;padding:0;animation:none}.score-tracker-shell .table-wrapper{background:#fff;border:1px solid #e1e5ef;border-radius:1rem;width:100%;margin:0}.score-tracker-shell .score-table{max-width:none;box-shadow:none;border-radius:0}.score-tracker-shell .score-table th,.score-tracker-shell .score-table td{border-color:#e1e5ef}.score-notes-field{width:100%;box-shadow:none;background:0 0;border:none;border-top:1px solid #e4e7f0;border-radius:0;margin:0;padding:1.25rem 0 0}.score-notes-field label{color:#1f2433;margin-bottom:.5rem;font-weight:800;display:block}.score-notes-field textarea,.score-tracker-shell .form-group textarea{color:#1f2433;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #c7cfdd;border-radius:.75rem;width:100%;min-height:7rem;padding:.75rem .85rem}.score-notes-field .form-help-text{margin-bottom:0}.supplemental-section{border-top:1px solid #e4e7f0;padding-top:1.25rem}.score-tracker-shell .supplemental-data-card{width:100%;box-shadow:none;background:#fafbff;border:1px solid #e1e5ef;margin:0}.running-total-list,.order-placement-list{width:min(100%,640px);margin-inline:auto}.running-total-player{background:#f7f7ff;border-color:#dfe4f0}.tracker-saving-text{text-align:center;color:#606779;margin:0;font-weight:700}@media (width<=600px){.score-tracker-shell .table-wrapper{border-radius:.8rem}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#090c189e;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{color:#1f2433;text-align:left;background:#fff;border-radius:1rem;width:min(100%,420px);padding:1.5rem;animation:.18s ease-out modalEnter;box-shadow:0 18px 50px #14182847}.modal-box h2{color:#1f2433;margin:0 0 .5rem;font-size:1.3rem}.modal-box p{color:#52596b;margin:0;line-height:1.5}.modal-buttons{flex-wrap:wrap-reverse;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.confirm-btn,.cancel-btn{cursor:pointer;border:none;border-radius:.65rem;padding:.65rem 1.1rem;font-weight:800;transition:background-color .2s,transform .2s,box-shadow .2s}.confirm-btn{color:#fff;background-color:#6c63ff}.confirm-btn.danger{background-color:#e5484d}.cancel-btn{color:#2f3445;background-color:#eef0f6}.confirm-btn:hover{background-color:#554fd1;transform:translateY(-1px)}.confirm-btn.danger:hover{background-color:#c92f35}.cancel-btn:hover{background-color:#dde1eb;transform:translateY(-1px)}@keyframes modalEnter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.modal-buttons{flex-direction:column-reverse}.confirm-btn,.cancel-btn{width:100%}}.navbar{color:#fff;z-index:20;background:linear-gradient(135deg,#1e1e2f 0%,#24243d 100%);width:100%;position:relative;box-shadow:0 2px 12px #00000038}.navbar-container{justify-content:space-between;align-items:center;gap:1.5rem;min-height:96px;padding:1rem 1.5rem;display:flex}.navbar-logo{flex-shrink:0;align-items:center;display:flex}.navbar-logo a{align-items:center;line-height:1;text-decoration:none;display:inline-flex}.navbar-logo-image{object-fit:contain;width:auto;max-width:24rem;height:6.5rem;display:block}.navbar-links{justify-content:flex-end;align-items:center;gap:.75rem;margin-left:auto;transition:max-height .3s,opacity .3s;display:flex}.navbar-links a{color:#fff;border-radius:999px;padding:.55rem .75rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s,transform .2s}.navbar-links a:hover{color:#fbbf24;background-color:#ffffff1a;transform:translateY(-1px)}.hamburger{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:.75rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.6rem;line-height:1;transition:background-color .2s,border-color .2s,transform .2s;display:none}.hamburger:hover{background:#ffffff29;border-color:#fff6;transform:translateY(-1px)}.language-select{color:#fff;cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;min-height:2.5rem;padding:.45rem 2rem .45rem .75rem;font-weight:700}.language-select:hover{background-color:#ffffff29}.language-select option{color:#1f2433;background-color:#fff}@media (width<=768px){.navbar-container{flex-wrap:wrap;gap:1rem;min-height:auto;padding:.9rem 1rem}.navbar-logo-image{max-width:16rem;height:4.5rem}.hamburger{margin-left:auto;display:inline-flex}.navbar-links{opacity:0;flex-direction:column;flex-basis:100%;order:3;align-items:stretch;gap:.35rem;max-height:0;margin-left:0;overflow:hidden}.navbar-links.active{opacity:1;max-height:320px}.navbar-links a,.language-select{border-radius:.65rem;width:100%}}.site-footer{color:#d8d8f0;background:#0a0a19f2;border-top:1px solid #7878ff40;margin-top:4rem;padding:2rem 1.5rem 1rem}.site-footer-content{grid-template-columns:2fr 1fr 1fr;gap:2rem;max-width:1100px;margin:0 auto;display:grid}.footer-brand a{align-items:center;margin-bottom:.75rem;text-decoration:none;display:inline-flex}.footer-logo-image{object-fit:contain;width:auto;max-width:14rem;height:4rem;display:block}.footer-brand p,.footer-contact p,.site-footer-bottom p{color:#aaaac8;margin:0;line-height:1.5}.footer-links{flex-direction:column;gap:.5rem;display:flex}.footer-links a{color:#d8d8f0;text-decoration:none}.footer-links a:hover{color:#8f8fff;text-decoration:underline}.site-footer-bottom{text-align:center;border-top:1px solid #ffffff14;max-width:1100px;margin:1.5rem auto 0;padding-top:1rem;font-size:.9rem}@media (width<=700px){.site-footer-content{text-align:center;grid-template-columns:1fr}.footer-links{align-items:center}.footer-brand a{justify-content:center}.footer-logo-image{max-width:13rem;height:3.75rem}}.createuser-container{background-color:#f8f9fc;justify-content:center;align-items:center;min-height:90vh;animation:.5s ease-in-out fadeIn;display:flex}.createuser-form{background:#fff;border-radius:1rem;width:100%;max-width:400px;padding:2rem 2.5rem;box-shadow:0 6px 20px #0000001a}.createuser-form h2{text-align:center;color:#333;margin-bottom:1.5rem}.createuser-form label{color:#444;margin-bottom:.5rem;display:block}.createuser-form input[type=text],.createuser-form input[type=password]{border:1px solid #ccc;border-radius:.5rem;width:100%;padding:.6rem;font-size:1rem;transition:border-color .2s}.createuser-form input[type=text]:focus,.createuser-form input[type=password]:focus{border-color:#6c63ff;outline:none}.createuser-form button{color:#fff;cursor:pointer;background-color:#6c63ff;border:none;border-radius:.5rem;width:100%;padding:.75rem;font-size:1rem;transition:background-color .3s}.createuser-form button:hover{background-color:#574fd4}.back-link{text-align:center;margin-top:1rem}.back-link a{color:#6c63ff;font-weight:500;text-decoration:none;transition:color .2s}.back-link a:hover{color:#4b43c0}.error-message,.success-message{border-radius:.5rem;margin-bottom:1rem;padding:.75rem;font-weight:500;animation:.3s ease-in-out fadeIn}.error-message{color:#c00;background-color:#ffe6e6;border:1px solid #fcc}.success-message{color:#067c4d;background-color:#e6fff0;border:1px solid #aaf0c6}.createuser-preset-note{color:#2c2c40;background:#f3f2ff;border:1px solid #d8d5ff;border-radius:.75rem;margin:-.5rem 0 1.25rem;padding:.85rem 1rem;line-height:1.5}.userinfo-container{color:#1f2433;background-color:#f5f7fb;min-height:100vh;padding:2rem}.userinfo-tabs{background:#6c63ff0d;border:1px solid #6c63ff29;border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;width:min(100%,760px);max-width:1100px;margin:0 auto 1.5rem;padding:.35rem;display:grid}.userinfo-tabs .userinfo-tab-button{color:#555;cursor:pointer;width:100%;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:999px;padding:.75rem 1rem;font-size:.98rem;font-weight:700;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.userinfo-tabs .userinfo-tab-button:hover,.userinfo-tabs .userinfo-tab-button.active{color:#fff;background:#6c63ff;border-color:#6c63ff59;box-shadow:0 8px 18px #6c63ff33}.userinfo-tab-content,#userinfo-panel-manage,#userinfo-panel-history,#userinfo-panel-statistics,#userinfo-panel-account{max-width:1100px;margin-inline:auto}.userinfo-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.btn-link{color:#fff;background-color:#6c63ff;border-radius:.5rem;justify-content:center;align-items:center;padding:.7rem 1.1rem;font-weight:700;text-decoration:none;transition:background-color .3s,transform .2s,box-shadow .2s;display:inline-flex}.btn-link:hover{background-color:#554fd1;transform:translateY(-1px);box-shadow:0 6px 16px #6c63ff40}.logout-btn{color:#fff;cursor:pointer;background-color:#2f3445;border:none;border-radius:.5rem;padding:.7rem 1.1rem;font-weight:700;transition:background-color .3s,transform .2s,box-shadow .2s}.logout-btn:hover{background-color:#1f2433;transform:translateY(-1px);box-shadow:0 6px 16px #2f344540}.filter-expand-bar{background:#fff;border:1px solid #d8dce8;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;max-width:1100px;margin:0 auto 2rem;padding:1rem;display:flex;box-shadow:0 4px 16px #1418280f}.filter-group{flex-direction:column;display:flex}.filter-group label{color:#333;margin-bottom:.3rem;font-weight:700}.filter-group select{color:#333;background-color:#fff;border:1px solid #ccc;border-radius:.5rem;min-width:220px;padding:.55rem .7rem;font-size:1rem}.expand-toggle-btn{color:#fff;cursor:pointer;background-color:#6c63ff;border:none;border-radius:.5rem;padding:.7rem 1.2rem;font-weight:700;transition:background-color .3s,transform .2s,box-shadow .2s}.expand-toggle-btn:hover{background-color:#574fd4;transform:translateY(-1px);box-shadow:0 6px 16px #6c63ff40}.manage-games-section{background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 6px 20px #14182814}.manage-games-section h2{color:#222;margin:0 0 1.25rem;font-size:1.6rem;font-weight:800}.boardgame-list{flex-direction:column;gap:.85rem;display:flex}.boardgame-list-item{background-color:#f9faff;border:1px solid #d8dce8;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex}.boardgame-list-item:hover{transform:translateY(-1px);box-shadow:0 6px 16px #14182814}.boardgame-info{color:#222;flex-direction:column;gap:.25rem;display:flex}.boardgame-info strong{font-size:1.05rem;font-weight:800}.boardgame-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.edit-boardgame-btn{color:#fff;background-color:#6c63ff;border-radius:.5rem;justify-content:center;align-items:center;min-width:80px;padding:.6rem 1rem;font-weight:700;text-decoration:none;transition:background-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.edit-boardgame-btn:hover{background-color:#554fd1;transform:translateY(-1px);box-shadow:0 6px 16px #6c63ff40}.empty-state{color:#666;margin:0;font-weight:600}.played-games-list{flex-direction:column;gap:1rem;display:flex}.played-score-card{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:1rem;padding:1.4rem;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 8px 24px #14182814}.played-score-card:hover,.played-score-card:focus-visible{border-color:#6c63ff47;outline:none;transform:translateY(-1px);box-shadow:0 8px 22px #14182817}.played-score-card.is-expanded{background:#f4f5ff;border-color:#6c63ff52}.played-score-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:0;display:flex}.played-score-title{color:#111;flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.played-score-title strong{font-size:1.1rem;font-weight:800}.played-score-title span{color:#606779;font-size:.95rem;font-weight:700}.played-score-title-copy{gap:.25rem;display:grid}.played-score-players{color:#596073;font-size:.92rem;font-weight:600}.played-score-arrow{color:#4038bc;background:#e7e7ff;border-radius:999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-top:.05rem;font-size:1.3rem;font-weight:900;transition:transform .2s;display:inline-flex;transform:rotate(0)}.played-score-arrow.open{transform:rotate(90deg)}.played-score-meta{color:#596073;justify-content:flex-end;align-items:center;gap:.85rem;font-weight:800;display:flex}.played-score-details{cursor:default;background-color:#fff;border:1px solid #e3e6ef;border-radius:.75rem;margin-top:1rem;margin-bottom:0;padding:1rem}.played-score-detail-section{margin-bottom:1rem}.played-score-detail-section:last-child{margin-bottom:0}.played-score-detail-section h4{color:#222;margin:0 0 .5rem}.played-score-detail-section ul{margin:0;padding-left:1.25rem}.played-score-detail-section li{margin-bottom:.3rem}.played-score-view-more-wrapper{background-color:#fff;border-radius:.75rem;padding:.75rem}.view-more-btn{color:#fff;cursor:pointer;background-color:#5b50d6;border:none;border-radius:.65rem;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:700;transition:background-color .2s,transform .2s}.view-more-btn:hover{background-color:#463bc4;transform:translateY(-1px)}.delete-score-btn{color:#fff;cursor:pointer;background-color:#e5484d;border:none;border-radius:.5rem;padding:.65rem 1rem;font-weight:700;transition:background-color .2s,transform .2s,box-shadow .2s}.delete-score-btn:hover{background-color:#c92f35;transform:translateY(-1px);box-shadow:0 6px 16px #e5484d3d}.account-section{gap:1rem;display:grid}.account-section h2{color:#1f2433;margin:0;font-size:1.8rem}.account-card{background:#fff;border:1px solid #d8dce8;border-radius:1rem;padding:1.35rem;box-shadow:0 6px 20px #14182814}.account-card h3{color:#24283a;margin:0 0 1rem;font-size:1.25rem}.account-message{border-radius:.65rem;max-width:1100px;margin:0 auto 1rem;padding:.8rem 1rem;font-weight:700;line-height:1.45}.account-message.success{color:#197a42;background:#ecfff1;border:1px solid #aee6bd}.account-message.error{color:#8b1a1a;background:#fff0f0;border:1px solid #ffc7c7}.profile-picture-row{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:1.25rem;display:grid}.profile-picture-preview{color:#606779;text-align:center;background:#f7f7ff;border:2px dashed #c3c8d8;border-radius:999px;justify-content:center;align-items:center;width:150px;height:150px;font-weight:800;display:flex;overflow:hidden}.profile-picture-preview img{object-fit:cover;width:100%;height:100%}.profile-picture-controls{align-content:center;gap:.65rem;display:grid}.profile-picture-label{color:#2f3445;font-weight:800}.profile-picture-file-input{background:#fff;border:1px solid #c3c8d8;border-radius:.65rem;width:100%;padding:.7rem}.profile-picture-help{margin:-.25rem 0 .25rem}.account-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.account-primary-btn,.account-secondary-btn,.danger-btn,.delete-account-btn{cursor:pointer;border:none;border-radius:.65rem;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:800;text-decoration:none;transition:background-color .2s,transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.account-primary-btn{color:#fff;background:#6c63ff;justify-self:start}.account-secondary-btn{color:#4038bc;background:#fff;border:1px solid #6c63ff4d}.account-primary-btn:hover:not(:disabled){background:#554fd1;transform:translateY(-1px);box-shadow:0 6px 16px #6c63ff40}.account-secondary-btn:hover:not(:disabled){background:#f2f1ff;transform:translateY(-1px);box-shadow:0 6px 16px #6c63ff29}.account-primary-btn:disabled,.account-secondary-btn:disabled,.delete-account-btn:disabled,.danger-btn:disabled{opacity:.55;cursor:not-allowed}.danger-zone{background:linear-gradient(#fff 0%,#fff8f8 100%);border-color:#ffc7c7}.danger-zone h3{color:#8b1a1a}.danger-btn,.delete-account-btn{color:#fff;background:#e5484d}.danger-btn:hover,.delete-account-btn:hover:not(:disabled){background:#c92f35;transform:translateY(-1px);box-shadow:0 6px 16px #e5484d3d}@media (width<=700px){.profile-picture-row{grid-template-columns:1fr}.profile-picture-preview{width:132px;height:132px}.account-actions,.boardgame-actions{flex-direction:column;align-items:stretch}.account-primary-btn,.danger-btn,.delete-account-btn,.logout-btn,.edit-boardgame-btn{width:100%}}@media (width<=600px){.userinfo-container{padding:1rem}.userinfo-tabs{border-radius:1rem;grid-template-columns:1fr;width:100%}.userinfo-tabs .userinfo-tab-button{border-radius:.75rem}.filter-expand-bar{flex-direction:column;align-items:stretch}.filter-group select,.expand-toggle-btn,.btn-link,.logout-btn{width:100%}.manage-games-section{padding:1rem}.boardgame-list-item{flex-direction:column;align-items:stretch}.boardgame-actions,.edit-boardgame-btn{width:100%}.played-score-header{flex-direction:column;align-items:stretch}.played-score-meta{flex-direction:column;justify-content:flex-start;align-items:stretch}.delete-score-btn{width:100%}.played-score-title{flex-direction:column;align-items:flex-start}}.manage-games-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.manage-games-header h2{margin:0}.manage-games-add-btn{white-space:nowrap;flex:none}@media (width<=600px){.manage-games-header{flex-direction:column;align-items:stretch}.manage-games-add-btn{width:100%}}.account-status-card{background:linear-gradient(#fff 0%,#f7f7ff 100%);border-color:#6c63ff38}.account-status-row{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.account-status-copy{gap:.55rem;display:grid}.account-status-copy h3{margin-bottom:.15rem}.account-status-pill{letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;width:fit-content;margin:0;padding:.45rem .8rem;font-weight:900;display:inline-flex}.account-status-pill.standard{color:#2f3445;background:#eef0f7}.account-status-pill.pro{color:#4038bc;background:#ecebff;border:1px solid #6c63ff3d}.account-status-pill.pro-ending{color:#8a5a00;background:#fff7e6;border:1px solid #f59e0b4d}.account-status-meta,.account-status-help{color:#606779;margin:0;font-weight:600;line-height:1.45}.account-status-help{max-width:680px}.account-status-actions{justify-content:flex-end;min-width:190px;display:flex}@media (width<=700px){.account-status-row{flex-direction:column;align-items:stretch}.account-status-actions{justify-content:stretch;min-width:0}}.btn-link.disabled,.btn-link.disabled:hover{color:#fff;cursor:not-allowed;pointer-events:none;box-shadow:none;background-color:#b8bdcf;transform:none}.account-limit-notice{color:#3b3f57;background:#f3f2ff;border:1px solid #6c63ff33;border-left:4px solid #6c63ff;border-radius:.75rem;margin:0 0 1rem;padding:.85rem 1rem;font-weight:700;line-height:1.45}.account-limit-notice.warning{color:#8a2b20;background:#fff1ef;border-color:#e74c3c40 #e74c3c40 #e74c3c40 #e74c3c}.userinfo-tabs .userinfo-tab-button.locked{color:#8f95a8;background:#8f95a81f}.userinfo-tabs .userinfo-tab-button.locked:after{content:"🔒";margin-left:.35rem;font-size:.85rem}.userinfo-tabs .userinfo-tab-button.locked:hover,.userinfo-tabs .userinfo-tab-button.locked.active{color:#3b3f57;box-shadow:none;background:#d8dce8;border-color:#8f95a847}.statistics-tab-content{gap:1rem;display:grid}.statistics-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.statistics-header h2{color:#1f2433;margin:0 0 .35rem;font-size:1.8rem}.statistics-header p{color:#606779;margin:0;font-weight:600;line-height:1.45}.statistics-filter-bar,.statistics-state-card,.statistics-locked-card,.statistics-section,.statistics-card{background:#fff;border:1px solid #d8dce8;border-radius:1rem;box-shadow:0 6px 20px #14182814}.statistics-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem;display:flex}.statistics-export-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.statistics-export-menu{display:inline-flex;position:relative}.statistics-export-button{white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex}.statistics-export-dropdown{z-index:30;background:#fff;border:1px solid #1f243324;border-radius:.85rem;min-width:10rem;padding:.35rem;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 1rem 2rem #14182829}.statistics-export-dropdown button{color:#1f2433;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-radius:.65rem;padding:.7rem .85rem;font-weight:800}.statistics-export-dropdown button:hover,.statistics-export-dropdown button:focus-visible{background:#f2f4ff;outline:none}.statistics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.statistics-card{gap:.45rem;padding:1.15rem;display:grid}.statistics-card span{color:#606779;font-size:.92rem;font-weight:800}.statistics-card strong{color:#1f2433;font-size:1.65rem;font-weight:900;line-height:1.15}.statistics-footnote{color:#3b3f57;background:#f3f2ff;border:1px solid #6c63ff33;border-left:4px solid #6c63ff;border-radius:.75rem;margin:0;padding:.85rem 1rem;font-weight:700;line-height:1.45}.statistics-sections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.statistics-section{padding:1.25rem}.statistics-section h3{color:#24283a;margin:0 0 1rem;font-size:1.25rem}.statistics-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.statistics-list li{background:#f9faff;border:1px solid #e3e6ef;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex}.statistics-list li div{gap:.2rem;display:grid}.statistics-list li strong{color:#1f2433;font-weight:900}.statistics-list li span{color:#606779;font-weight:700}.statistics-state-card{color:#606779;padding:1.25rem;font-weight:800}.statistics-locked-card{background:linear-gradient(#fff 0%,#f7f7ff 100%);border-color:#6c63ff38;justify-items:start;gap:.75rem;padding:1.5rem;display:grid}.statistics-locked-card h2{color:#1f2433;margin:0;font-size:1.6rem}.statistics-locked-card p{color:#606779;max-width:720px;margin:0;font-weight:600;line-height:1.45}.statistics-lock-pill{color:#4038bc;background:#ecebff;border:1px solid #6c63ff3d;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.9rem;font-weight:900;display:inline-flex}@media (width<=900px){.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-sections-grid{grid-template-columns:1fr}}@media (width<=600px){.statistics-grid{grid-template-columns:1fr}.statistics-filter-bar,.statistics-export-actions{flex-direction:column;align-items:stretch}.statistics-export-menu,.statistics-export-button{width:100%}.statistics-export-button{justify-content:center}.statistics-export-dropdown{left:0;right:0}.statistics-list li{flex-direction:column;align-items:flex-start}}.player-profile-card{background:linear-gradient(#fff 0%,#f7f7ff 100%);border-color:#6c63ff38}.player-profile-header{justify-content:space-between;gap:1rem;margin-bottom:1.25rem;display:flex}.player-profile-header h3{margin:0 0 .35rem}.player-profile-header p{color:#606779;margin:0;font-weight:600;line-height:1.45}.player-profile-layout{grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.profile-picture-panel{background:#ffffffb8;border:1px solid #6c63ff24;border-radius:.9rem;gap:1rem;padding:1rem;display:grid}.profile-picture-panel h4{color:#24283a;margin:0;font-size:1.05rem}.player-profile-details{gap:1rem;display:grid}.profile-field{background:#fff;border:1px solid #e2e5ef;border-radius:.9rem;gap:.45rem;padding:1rem;display:grid}.profile-field-label{color:#2f3445;font-weight:900}.profile-field-help{margin:0}.player-name-control-row{grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:.75rem;display:grid}.player-name-control-row input{box-sizing:border-box;color:#1f2433;background:#fff;border:1px solid #c3c8d8;border-radius:.65rem;width:100%;min-width:0;height:44px;margin:0;padding:0 .8rem;font-size:1rem;font-weight:700;line-height:44px;display:block}.player-name-control-row input:focus{border-color:#6c63ff;outline:2px solid #6c63ff40}.player-name-control-row .account-primary-btn{box-sizing:border-box;white-space:nowrap;justify-content:center;place-self:center end;align-items:center;width:auto;min-width:150px;max-width:190px;height:44px;margin:0;padding:0 1rem;line-height:1;display:inline-flex}.account-status-profile-field,.pro-benefits-field,.billing-profile-actions{align-items:start}.subscription-price-pill{color:#4038bc;background:#f4f3ff;border:1px solid #6c63ff33;border-radius:999px;justify-content:center;align-items:center;width:fit-content;margin:0;padding:.5rem .85rem;font-size:1rem;font-weight:900;display:inline-flex}.pro-benefits-list{color:#3b3f57;margin:0;padding-left:1.2rem;font-weight:700;line-height:1.55}.pro-benefits-list li+li{margin-top:.25rem}@media (width<=900px){.player-profile-layout{grid-template-columns:1fr}}@media (width<=700px){.player-name-control-row{grid-template-columns:1fr}.player-name-control-row .account-primary-btn{justify-self:stretch;width:100%;max-width:none}}.billing-action-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.billing-action-row .account-primary-btn,.billing-action-row .danger-btn{flex:none;width:auto}.billing-action-row .subscription-price-pill{flex:none}.statistics-upgrade-row{margin-top:.35rem}.subscription-price-pill{white-space:nowrap}@media (width<=600px){.billing-action-row{flex-direction:column;align-items:stretch;width:100%}.billing-action-row .account-primary-btn,.billing-action-row .danger-btn,.billing-action-row .subscription-price-pill{width:100%}}.played-score-detail-actions{border-top:1px solid #e3e6ef;justify-content:flex-end;margin-top:1rem;padding-top:1rem;display:flex}@media (width<=600px){.played-score-detail-actions{justify-content:stretch}.played-score-detail-actions .delete-score-btn{width:100%}}.login-container{background-color:#f8f9fc;justify-content:center;align-items:center;min-height:90vh;animation:.6s ease-in-out fadeIn;display:flex}.login-form{background:#fff;border-radius:1rem;width:100%;max-width:400px;padding:2rem 2.5rem;box-shadow:0 6px 20px #0000001a}.login-form h2{text-align:center;color:#333;margin-bottom:1.5rem}.form-group{margin-bottom:1.2rem}.login-form label{color:#444;margin-bottom:.5rem;display:block}.login-form input[type=text],.login-form input[type=email],.login-form input[type=password]{border:1px solid #ccc;border-radius:.5rem;width:100%;padding:.6rem;font-size:1rem;transition:border-color .2s}.login-form input[type=text]:focus,.login-form input[type=email]:focus,.login-form input[type=password]:focus{border-color:#6c63ff;outline:none}.login-form button{color:#fff;cursor:pointer;background-color:#6c63ff;border:none;border-radius:.5rem;width:100%;padding:.75rem;font-size:1rem;transition:background-color .3s}.login-form button:hover{background-color:#574fd4}.register-link{text-align:center;margin-top:1rem}.register-link a{color:#6c63ff;font-weight:500;text-decoration:none;transition:color .2s}.register-link a:hover{color:#4b43c0}.error-message{color:#c00;background-color:#ffe6e6;border:1px solid #fcc;border-radius:.5rem;margin-bottom:1rem;padding:.75rem;font-weight:500;animation:.3s ease-in-out shake}.link-button{color:#6c63ff;cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.25rem .35rem;font-weight:800;text-decoration:underline}.link-button:hover{color:#554fd1;background:#6c63ff14}.validate-user{text-align:center;background:#fff;border:1px solid #d8dce8;border-radius:1rem;width:min(100% - 2rem,560px);margin:3rem auto;padding:2rem;box-shadow:0 8px 24px #14182814}.validate-user h2{color:#1f2433;margin:0 0 .75rem}.validate-user p{color:#606779;line-height:1.5}.validate-user a{color:#fff;background:#6c63ff;border-radius:.65rem;justify-content:center;align-items:center;min-height:2.75rem;margin-top:1rem;padding:.65rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.validate-user a:hover{background:#554fd1}.password-rules{margin:.5rem 0 0;padding-left:1.25rem;font-size:.9rem;font-weight:700;line-height:1.4}.password-category-rules{margin:.35rem 0 0;padding-left:1.1rem;font-weight:600}.password-rules .is-invalid{color:#c0392b}.password-rules .is-valid{color:#17803d}.legal-page-container{justify-content:center;width:100%;min-height:70vh;padding:2rem 1rem;display:flex}.legal-page-card{color:#e7e7ff;background:#0f0f23eb;border:1px solid #7878ff40;border-radius:18px;width:100%;max-width:900px;padding:2rem;box-shadow:0 0 24px #5050ff1f}.legal-page-card h1{color:#fff;margin-top:0;margin-bottom:.5rem}.legal-page-card h2{color:#fff;margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem}.legal-page-card p{color:#cfcfee;line-height:1.7}.legal-page-card ul{color:#cfcfee;padding-left:1.5rem}.legal-page-card li{margin-bottom:.5rem;line-height:1.6}.legal-updated{color:#aaaad0;margin-bottom:1.5rem;font-size:.95rem}.legal-page-actions{margin-top:2rem}.legal-back-link{color:#fff;background:#646cff;border-radius:10px;padding:.75rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.legal-back-link:hover{background:#7c82ff}:root{--st-color-bg:#f5f7fb;--st-color-surface:#fff;--st-color-surface-soft:#f7f7ff;--st-color-surface-muted:#eef0ff;--st-color-text:#1f2433;--st-color-text-muted:#606779;--st-color-border:#d8dce8;--st-color-border-strong:#c3c8d8;--st-color-primary:#6c63ff;--st-color-primary-hover:#554fd1;--st-color-primary-soft:#6c63ff1f;--st-color-danger:#e5484d;--st-color-danger-hover:#c92f35;--st-color-danger-soft:#fff0f0;--st-color-success:#197a42;--st-color-success-soft:#ecfff1;--st-color-warning-soft:#fff8e6;--st-radius-sm:.45rem;--st-radius-md:.65rem;--st-radius-lg:1rem;--st-shadow-sm:0 2px 8px #1418280f;--st-shadow-md:0 8px 24px #1418281a;--st-shadow-lg:0 18px 50px #1418282e;--st-focus-ring:0 0 0 3px #6c63ff47}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--st-color-bg);color:var(--st-color-text);margin:0}button,input,select,textarea{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{box-shadow:var(--st-focus-ring);outline:none}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn,.btn-link,.account-primary-btn,.edit-boardgame-btn,.delete-score-btn,.danger-btn,.logout-btn,.delete-account-btn,.view-toggle-btn,.confirm-btn,.cancel-btn{min-height:2.75rem}.form-error,.error-message{background:var(--st-color-danger-soft);color:#8b1a1a;border:1px solid #ffc7c7}.form-success,.success-message{background:var(--st-color-success-soft);color:var(--st-color-success);border:1px solid #aee6bd}.form-help-text{color:var(--st-color-text-muted)}.notification-toast-layer{pointer-events:none;z-index:9999;justify-content:center;padding:0 1rem;display:flex;position:fixed;inset:auto 0 1.5rem}.notification-toast{pointer-events:auto;color:#fff;width:min(92vw,560px);min-height:3.35rem;font:inherit;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827f0;border:1px solid #ffffff38;border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.9rem 1rem;animation:.16s ease-out notificationToastIn;display:grid;box-shadow:0 18px 42px #0f172a47}.notification-toast:hover,.notification-toast:focus-visible{transform:translateY(-1px);box-shadow:0 22px 52px #0f172a57}.notification-toast:focus-visible{outline-offset:3px;outline:3px solid #ffffffbf}.notification-toast-indicator{background:currentColor;border-radius:999px;width:.75rem;height:.75rem;box-shadow:0 0 0 5px #ffffff1c}.notification-toast-message{overflow-wrap:anywhere;font-weight:650;line-height:1.35}.notification-toast-close{opacity:.78;font-size:1.35rem;line-height:1}.notification-toast-success{color:#bbf7d0}.notification-toast-info{color:#bae6fd}.notification-toast-error{color:#fecaca}@keyframes notificationToastIn{0%{opacity:0;transform:translateY(.75rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=560px){.notification-toast-layer{bottom:1rem}.notification-toast{border-radius:.85rem;width:100%}}.app-error-boundary{background:radial-gradient(circle at top left, #00f5ff29, transparent 34rem), radial-gradient(circle at bottom right, #ff00801f, transparent 32rem), var(--page-bg,#0f1020);min-height:100vh;color:var(--text-primary,#f8fafc);justify-content:center;align-items:center;padding:2rem;display:flex}.app-error-boundary__card{text-align:center;background:#0f172adb;border:1px solid #94a3b847;border-radius:1.25rem;width:min(100%,34rem);padding:2rem;box-shadow:0 1.5rem 4rem #00000057}.app-error-boundary__eyebrow{color:var(--accent-cyan,#67e8f9);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-weight:700}.app-error-boundary h1{margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.5rem)}.app-error-boundary p{line-height:1.6}.app-error-boundary button{background:var(--button-primary-bg,#22d3ee);color:var(--button-primary-text,#04111d);cursor:pointer;border:0;border-radius:999px;margin-top:1rem;padding:.85rem 1.4rem;font-weight:700}.app-error-boundary button:hover,.app-error-boundary button:focus-visible{transform:translateY(-1px)}.app-error-boundary__reference{color:var(--text-secondary,#cbd5e1);word-break:break-word;background:#94a3b824;border-radius:999px;margin:.75rem 0 0;padding:.45rem .75rem;font-size:.85rem;display:inline-block}