@import"https://fonts.googleapis.com/css2?family=Google+Sans:wght@300;400;500;700&display=swap";.top-nav[data-v-8cf36d14]{position:sticky;top:0;z-index:1001;background:var(--color-bg-secondary);color:var(--color-text-on-dark);padding:1rem 0}.nav-content[data-v-8cf36d14]{max-width:75rem;margin:0 auto;padding:0 .25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative}.nav-left[data-v-8cf36d14]{display:flex;align-items:center;gap:.75rem;flex:1}.logo[data-v-8cf36d14]{font-size:1.5rem;line-height:1;font-weight:300;font-family:var(--font-heading);color:var(--color-text-on-dark);text-decoration:none;text-transform:uppercase;padding:0}.logo span[data-v-8cf36d14]{padding:0 .2rem;font-weight:500}.logo-img[data-v-8cf36d14]{line-height:1;display:inline-block;max-height:1.5rem;vertical-align:middle}.nav-links[data-v-8cf36d14]{display:flex;gap:1rem;align-items:center}.nav-links a[data-v-8cf36d14]{color:var(--color-text-on-dark);text-decoration:none}.nav-links a[data-v-8cf36d14]:hover{opacity:.9}.nav-links a.nav-link-active[data-v-8cf36d14]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--color-primary)}.nav-link-primary[data-v-8cf36d14]{padding:.25rem .5rem;border-radius:.25rem;background:var(--color-bg-tertiary)}.nav-link-play[data-v-8cf36d14]{white-space:nowrap}.me-link[data-v-8cf36d14]{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);color:var(--color-text-on-dark);padding:.5rem 1rem;border-radius:.25rem;font-size:1rem}.me-link[data-v-8cf36d14]:hover{background:var(--color-bg-secondary)}.hamburger[data-v-8cf36d14]{display:none;background:transparent;border:1px solid var(--color-border-medium);border-radius:.4rem;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:0;color:var(--color-text-on-dark)}.hamburger-lines[data-v-8cf36d14],.hamburger-lines[data-v-8cf36d14]:before,.hamburger-lines[data-v-8cf36d14]:after{display:block;width:1.25rem;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s ease,opacity .2s ease;content:""}.hamburger-lines[data-v-8cf36d14]:before{position:absolute;top:-6px}.hamburger-lines[data-v-8cf36d14]:after{position:absolute;top:6px}.sr-only[data-v-8cf36d14]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 48em){.nav-content[data-v-8cf36d14]{padding:0 1rem}.nav-left[data-v-8cf36d14]{gap:.5rem}.logo[data-v-8cf36d14]{font-size:1.25rem}.logo-img[data-v-8cf36d14]{height:1.25rem}.hamburger[data-v-8cf36d14]{display:inline-flex;order:2;margin-left:auto}.nav-links[data-v-8cf36d14]{position:absolute;top:100%;right:1rem;flex-direction:column;align-items:flex-start;padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:.5rem;gap:.75rem;min-width:12rem;box-shadow:var(--shadow-lg);display:none}.nav-links.nav-links-open[data-v-8cf36d14]{display:flex}.nav-links a[data-v-8cf36d14]{width:100%}.nav-links a.nav-link-primary[data-v-8cf36d14]{padding:0;border-radius:0;background:transparent}.nav-links a.me-link[data-v-8cf36d14]{background:transparent;border:none;padding:0;border-radius:0;font-size:inherit}.nav-links a.me-link[data-v-8cf36d14]:hover{background:transparent}.top-nav[data-v-8cf36d14]{padding:.5rem 0}.nav-content[data-v-8cf36d14]{padding:0 .5rem}}[data-theme=mountain] .logo-img{filter:invert(1)}[data-theme=mountain] .logo{border:2px solid black}[data-theme=mountain] .logo span{background:#000;color:#fff}[data-theme=deep-space] .logo-img{margin-right:.2rem;margin-top:-.1rem}.app-footer[data-v-afb6d22d]{padding:2.5rem 1rem .5rem;font-size:.9rem;text-align:center}.app-footer p a[data-v-afb6d22d]{color:inherit}@font-face{font-family:Tipo Metro CDMX;src:url(/fonts/tipo-metro-cdmx.light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Tipo Metro CDMX;src:url(/fonts/tipo-metro-cdmx.regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tipo Metro CDMX;src:url(/fonts/tipo-metro-cdmx.bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{font-size:16px;--font-content: "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Tipo Metro CDMX", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media (max-width: 48em){:root{font-size:15px}}:root,[data-theme=deep-space]{--color-dark-green: #002904;--color-green-darkest: #000000;--color-green-darker: #001b03;--color-green-dark: #232227;--color-green-0: #00ed1a;--color-green-1: #00BC24;--color-green-2: #00D047;--color-green-3: #00F761;--color-green-light: #33ff7a;--color-green-lighter: #66ff9d;--color-green-lightest: #99ffbe;--color-highlight: #B807C2;--color-text-on-highlight: #fff;--color-primary: var(--color-green-3);--color-primary-rgb: 0, 247, 97;--color-secondary: var(--color-green-2);--color-success: var(--color-green-1);--color-danger: #eeff04;--color-warning: #eeff04;--color-info: #b0b19b;--color-bg-primary: var(--color-green-darkest);--color-bg-secondary: var(--color-green-dark);--color-bg-tertiary: var(--color-green-darkest);--color-bg-card: var(--color-green-dark);--color-bg-panel: var(--color-dark-green);--color-bg-inputs: rgb(41, 41, 41);--color-text-primary: var(--color-green-3);--color-text-secondary: var(--color-green-2);--color-text-tertiary: var(--color-green-1);--color-text-muted: var(--color-green-dark);--color-text-inverse: var(--color-dark-green);--color-text-on-dark: var(--color-border-light);--color-text-on-inputs: #fff;--color-border-light: #dddddd;--color-border-medium: #cccccc;--color-border-dark: #333333;--color-status-configuring-bg: var(--color-green-darkest);--color-status-configuring-text: var(--color-green-1);--color-status-awaiting-bg: var(--color-green-darker);--color-status-awaiting-text: var(--color-green-2);--color-status-active-bg: var(--color-green-dark);--color-status-active-text: var(--color-green-3);--color-status-completed-bg: var(--color-green-dark);--color-status-completed-text: var(--color-green-3);--color-status-cancelled-bg: var(--color-green-darkest);--color-status-cancelled-text: var(--color-green-1);--color-status-archived-bg: var(--color-green-darker);--color-status-archived-text: var(--color-green-2);--color-status-error-bg: var(--color-green-darkest);--color-status-error-text: var(--color-green-2);--color-status-observed-bg: var(--color-green-darkest);--color-status-observed-text: var(--color-green-1);--shadow-sm: 0 2px 4px rgba(0, 41, 4, .3);--shadow-md: 0 2px 4px rgba(0, 41, 4, .5);--shadow-lg: 0 2px 8px rgba(0, 41, 4, .6);--color-medal-gold: #f9fd1c;--color-medal-silver: #d2ecf8;--color-medal-bronze: #e27d5f;--color-medal-text: #000}[data-theme=mountain]{--color-adventure-bg: #2d5016;--color-adventure-wave: #FF6B6B;--color-pitfall-bg: #8B4513;--color-pitfall-wave: #00FF00;--color-crlnswtz-bg: #db0000;--color-crlnswtz-wave: #f0e5c7;--color-mountain-bg-lightest: #f0e5c7;--color-mountain-bg-lighter: #e7d4af;--color-mountain-bg-light: #d4c5a9;--color-mountain-bg-base: #c4b59a;--color-mountain-bg-medium: #b8a88d;--color-mountain-text-darkest: #1a1a1a;--color-mountain-text-darker: #2d2d2d;--color-mountain-text-dark: #4a4a4a;--color-mountain-text-medium: #6b6b6b;--color-mountain-primary: #f71c1c;--color-mountain-primary-rgb: 74, 92, 138;--color-mountain-accent: #6b5b95;--color-mountain-accent-rgb: 107, 91, 149;--color-mountain-success: #5a7ca8;--color-mountain-success-rgb: 90, 124, 168;--color-mountain-danger: #8b5a7a;--color-mountain-danger-rgb: 139, 90, 122;--color-mountain-warning: #7a6b9a;--color-mountain-warning-rgb: 122, 107, 154;--color-mountain-info: #6b7a9a;--color-mountain-info-rgb: 107, 122, 154;--color-primary: var(--color-mountain-primary);--color-primary-rgb: var(--color-mountain-primary-rgb);--color-secondary: var(--color-mountain-accent);--color-success: var(--color-mountain-success);--color-danger: var(--color-mountain-danger);--color-warning: var(--color-mountain-warning);--color-info: var(--color-mountain-info);--color-highlight: var(--color-mountain-accent);--color-text-on-highlight: #fff;--color-bg-primary: var(--color-mountain-bg-lightest);--color-bg-secondary: var(--color-mountain-bg-lighter);--color-bg-tertiary: var(--color-mountain-bg-light);--color-bg-card: var(--color-mountain-bg-lighter);--color-bg-panel: var(--color-mountain-bg-base);--color-bg-inputs: var(--color-mountain-bg-lightest);--color-text-primary: var(--color-mountain-text-darkest);--color-text-secondary: var(--color-mountain-text-darker);--color-text-tertiary: var(--color-mountain-text-dark);--color-text-muted: var(--color-mountain-text-medium);--color-text-inverse: var(--color-mountain-bg-lightest);--color-text-on-dark: var(--color-mountain-text-darkest);--color-text-on-inputs: var(--color-mountain-text-darkest);--color-border-light: #b8a88d;--color-border-medium: #8b7a6b;--color-border-dark: #6b5d4f;--color-status-configuring-bg: var(--color-mountain-bg-medium);--color-status-configuring-text: var(--color-mountain-text-darkest);--color-status-awaiting-bg: var(--color-mountain-accent);--color-status-awaiting-text: var(--color-mountain-bg-lightest);--color-status-active-bg: var(--color-mountain-primary);--color-status-active-text: var(--color-mountain-bg-lightest);--color-status-completed-bg: var(--color-mountain-success);--color-status-completed-text: var(--color-mountain-bg-lightest);--color-status-cancelled-bg: var(--color-mountain-bg-medium);--color-status-cancelled-text: var(--color-mountain-text-darkest);--color-status-archived-bg: var(--color-mountain-bg-base);--color-status-archived-text: var(--color-mountain-text-dark);--color-status-error-bg: var(--color-mountain-danger);--color-status-error-text: var(--color-mountain-bg-lightest);--color-status-observed-bg: var(--color-mountain-bg-medium);--color-status-observed-text: var(--color-mountain-text-darkest);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .15);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .2);--color-medal-gold: #FFD700;--color-medal-silver: #C0C0C0;--color-medal-bronze: #CD7F32;--color-medal-text: #000}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-on-dark);margin-bottom:.5rem;text-transform:uppercase}h1{font-family:var(--font-heading);font-size:8rem;line-height:.85;margin:2.3rem 0 1.8rem -.3rem;font-weight:400}h1.subdued{font-size:3rem}h2{line-height:.85;font-size:3rem;font-weight:300}h3{font-size:1.5rem;font-weight:300}h4{font-size:1.35rem;font-weight:300}h5{font-size:1.2rem;font-weight:300}h6{font-size:1.1rem;font-weight:300}h4{margin-top:2rem;margin-bottom:1rem}p{margin:.2rem 0 .4rem}.muted,.muted-text{color:var(--color-text-tertiary)}.text-link,.text-link:hover{color:var(--color-primary);text-decoration:underline}a{font-weight:400;color:var(--color-primary);text-decoration:inherit}a:hover{opacity:.9}button{border-radius:.5rem;border:1px solid transparent;padding:.6rem 1.2rem;font-size:1rem;font-weight:400;font-family:inherit;background-color:var(--color-bg-secondary);cursor:pointer;transition:opacity .25s}button:hover{opacity:.9}button:focus,button:focus-visible{outline:.25rem auto -webkit-focus-ring-color}.primary-btn,.danger-btn,.admin-btn{padding:.6rem 1.25rem;border-radius:.25rem;border:none;cursor:pointer;font-size:1rem;font-family:inherit;transition:opacity .2s}.primary-btn{background:var(--color-primary);color:var(--color-text-inverse)}.primary-btn:hover:not(:disabled){opacity:.9}.danger-btn{background:var(--color-danger);color:var(--color-text-inverse)}.danger-btn:hover:not(:disabled){opacity:.9}.admin-btn{background:var(--color-info);color:var(--color-text-inverse)}.admin-btn:hover:not(:disabled){opacity:.9}.primary-btn:disabled,.danger-btn:disabled,.admin-btn:disabled{opacity:.5;cursor:not-allowed}.fakebtn{display:inline-block;padding:.5rem 1rem;background:var(--color-primary);color:var(--color-text-inverse);border-radius:.25rem}input[type=text],input[type=email],input[type=number],input[type=datetime-local],select,textarea{padding:.5rem .75rem;border:1px solid var(--color-border-medium);border-radius:.25rem;background:var(--color-bg-inputs);color:var(--color-text-on-inputs);font-size:1rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)}input[type=checkbox]{padding:0;margin-right:.5rem}label{display:flex;flex-direction:column;gap:.35rem;color:var(--color-text-on-dark);font-weight:500}.loading,.empty-state,.error{text-align:center;color:var(--color-text-secondary);padding:2rem}.error{color:var(--color-status-error-text)}.container{max-width:75rem;margin:0 auto;padding:0 .25rem}.section{min-height:calc(100vh - 80px)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0rem}.static-header{margin-bottom:2rem}.static-content{display:flex;flex-direction:column;gap:1.5rem}.section-title{color:var(--color-text-on-dark);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border-light)}.game-actions{display:flex;flex-wrap:wrap;gap:.5rem}.status-line{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem}.info-section{margin-bottom:2rem}.teams-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border-light)}.teams-section h2{color:var(--color-text-on-dark);margin-bottom:1rem;font-size:1.2rem}.game-section{margin-bottom:3rem}.card-action a{color:var(--color-primary)}.collection-header h4{margin:0;font-weight:700}.collection-item{padding:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{margin-bottom:0}.actions{display:flex;gap:1rem}.actions.text-right{text-align:right}.row-actions{display:flex;gap:.5rem;align-items:center}.row-actions .primary-btn,.row-actions .danger-btn{padding:.35rem .75rem;font-size:.9rem}.info-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.info-item label{display:block;font-weight:600;color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.9rem}.info-item .value{color:var(--color-text-on-dark);font-size:1.1rem}.team-item{padding:.75rem;background:var(--color-bg-secondary);border-radius:.25rem}.team-item label{display:block;font-weight:600;color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.85rem}.team-item .value{color:var(--color-text-on-dark)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-links{display:flex;gap:1rem}.breadcrumb,.back-link{align-items:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;margin-top:1rem;display:block}button.back-link{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:inherit;text-align:left}.breadcrumb:hover,.back-link:hover{color:var(--color-primary);opacity:.9}.breadcrumb:before,.back-link:before{content:"←";font-size:1rem}.card,.panel,.game-card{background:var(--color-bg-card);padding:1rem;border-radius:.5rem}.game-card{position:relative}.game-card h3{margin-bottom:.5rem;color:var(--color-text-on-dark)}.status-badge-wrapper{position:absolute;top:.75rem;right:.75rem}.account-info{background:var(--color-bg-card);padding:1.5rem;border-radius:.5rem;margin-bottom:2rem}.game-form,.form{background:var(--color-bg-card);padding:1.5rem;border-radius:.5rem}.form{display:flex;flex-direction:column;gap:1rem}.admin-section{background:var(--color-bg-card);padding:1.5rem;border-radius:.5rem}.admin-section.alt-background{background:#0000001f}.admin-sections{display:flex;flex-direction:column;gap:2rem}.subsection{margin-top:1.5rem}.section-footer{margin-top:.75rem}.static-section{background:var(--color-bg-card);padding:1.5rem;border-radius:.5rem}.static-section-title{font-weight:600;font-size:1.1rem;color:var(--color-text-on-dark);margin-bottom:.75rem}.static-section-content{color:var(--color-text-on-dark);line-height:1.6}.static-section-content p{margin-bottom:.75rem}.static-section-content p:last-child{margin-bottom:0}.match-details{background:var(--color-bg-card);padding:1.5rem;border-radius:.5rem}.placeholder{padding:1.5rem;background:var(--color-bg-card);border-radius:.5rem}.privacy-terms-section{background:var(--color-bg-card);padding:1.5rem;border-radius:.5rem}.table-wrapper{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;min-width:100%}thead{background:var(--color-bg-tertiary)}th,td{padding:.75rem;border-bottom:1px solid var(--color-border-light);text-align:left}th{font-weight:600;color:var(--color-text-secondary);font-size:.9rem}td{color:var(--color-text-on-dark)}tbody tr:hover{background:var(--color-bg-secondary)}.games-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.create-btn{background:var(--color-info);color:var(--color-text-on-dark);padding:.75rem 1.5rem;border-radius:.25rem;text-decoration:none;display:inline-block;margin-bottom:2rem}.create-btn:hover{opacity:.9}@media (max-width: 60em){h1{font-size:5rem}}@media (max-width: 48em){.header{margin-top:.25rem;margin-bottom:.75rem}h1{font-size:3.3rem;margin:1.2rem 0 -.25rem -.15rem;font-weight:400}h2{font-weight:400;font-size:1.8rem;line-height:.9}h3{font-weight:200;font-size:1.4rem;margin-top:.5rem}.container{padding:0 .5rem}.card,.panel,.game-card,.account-info,.game-form,.form,.admin-section,.static-section,.match-details,.placeholder,.privacy-terms-section{padding:.75rem}}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;color:var(--color-text-on-dark);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=mountain]{color-scheme:light}body{margin:0;font-family:var(--font-content);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;background-color:var(--color-bg-primary);color:var(--color-text-on-dark)}#app{min-height:100vh}
