:root{--color-bg: #f2ebd9;--color-surface: #3a3a3a;--color-surface-inset: #2e2e2e;--color-surface-raised: #4a4a4a;--color-surface-completed: #6e6e6e;--color-border: #1f1f1f;--color-border-light: #5c5c5c;--color-text: #1a1a1a;--color-text-on-dark: #f2ebd9;--color-muted: #6b6560;--color-muted-on-dark: #b8b0a0;--color-accent: #ff7a1a;--color-accent-muted: #d9620a;--color-accent-soft: rgba(255, 122, 26, .2);--color-progress-extended: #c7a27a;--color-progress-extended-base: #5a4635;--color-ok: #2d8a4e;--color-error: #c0392b;--color-grid-line: #d9d0bc;--font-display: "Chakra Petch", "Trebuchet MS", sans-serif;--font-body: "Nunito", "Segoe UI", sans-serif;--radius: 2px;--radius-lg: 4px;--border-width: 3px;--shadow-panel: 4px 4px 0 var(--color-border);--shadow-panel-sm: 2px 2px 0 var(--color-border);--shadow-inset: inset 0 2px 0 var(--color-border-light), inset 0 -2px 0 var(--color-border);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--header-height: 5.25rem;--progress-height: 1.25rem;--header-control-height: 2.75rem;--card-action-height: 2.25rem;--panel-width: 20rem}.app-shell{position:relative;display:flex;flex-direction:column;height:100dvh;min-height:100vh;overflow:hidden}.parallax-bg{position:fixed;inset:0;z-index:0;pointer-events:none;will-change:transform}.parallax-bg__grid{position:absolute;inset:0;background-color:var(--color-bg);background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px);background-size:24px 24px}.parallax-bg__stripes{position:absolute;inset:0;opacity:.4;background:repeating-linear-gradient(-45deg,transparent,transparent 12px,rgba(217,208,188,.35) 12px,rgba(217,208,188,.35) 13px)}.app-chrome{position:sticky;top:0;z-index:2;background:var(--color-surface);box-shadow:var(--shadow-panel)}.clan-progress{position:relative;width:100%;height:var(--progress-height);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface-inset)}.clan-progress__track{position:absolute;inset:0}.clan-progress__fill{position:absolute;top:0;left:0;height:100%;background:var(--color-accent);transition:width .35s ease}.clan-progress__fill--extended{background:repeating-linear-gradient(-45deg,var(--color-progress-extended) 0,var(--color-progress-extended) 6px,rgba(0,0,0,0) 6px,rgba(0,0,0,0) 12px),var(--color-progress-extended-base);transition:width .35s ease,left .35s ease}.clan-progress__outcrop{position:absolute;top:100%;left:var(--space-5);z-index:3;transition:opacity .2s ease,visibility .2s ease;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);border-top:none;border-radius:0 0 var(--radius) var(--radius);background:var(--color-surface);box-shadow:var(--shadow-panel-sm)}.clan-progress__count{font-family:var(--font-display);font-size:.9375rem;font-weight:700;letter-spacing:.06em;color:var(--color-text-on-dark);white-space:nowrap}.clan-progress__percent{font-family:inherit;font-size:.9em;font-weight:600;letter-spacing:.04em}.clan-progress__percent-confirmed{font-weight:600;color:var(--color-muted-on-dark)}.clan-progress__breakdown{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem;font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--color-muted-on-dark)}.clan-progress__breakdown-item{display:inline-flex;align-items:center;gap:.25rem}.clan-progress__breakdown-sep{opacity:.6}.clan-progress__swatch{display:inline-block;width:.6rem;height:.4rem;border:1px solid var(--color-border)}.clan-progress__swatch--base{background:var(--color-accent)}.clan-progress__swatch--extended{background:repeating-linear-gradient(-45deg,var(--color-progress-extended) 0,var(--color-progress-extended) 2px,rgba(0,0,0,0) 2px,rgba(0,0,0,0) 4px),var(--color-progress-extended-base)}.app-chrome{flex-shrink:0}.app-header{height:var(--header-height);padding:var(--space-3) var(--space-5);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface)}.app-main{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.app-main__progress{position:sticky;top:0;z-index:1;flex-shrink:0;width:100%;padding-bottom:var(--space-6);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border)}.app-main__progress--stats-open{padding-bottom:0}.app-main__progress--stats-open .clan-progress__outcrop{visibility:hidden;opacity:0}.header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);width:100%;height:100%}.header__edge{display:flex;align-items:center;flex-shrink:0}.header__edge--start{justify-content:flex-start}.header__edge--end{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end;padding-right:.875rem}.header__center{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);min-width:0;max-width:72rem;margin:0 auto;width:100%}.header__center--admin{grid-template-columns:auto;justify-content:start}.stats-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--header-control-height);padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm);box-sizing:border-box;color:var(--color-text-on-dark);font-family:var(--font-display);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.stats-menu-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.stats-menu-button--active{background:var(--color-accent);color:var(--color-text);box-shadow:none}.stats-menu-button--active:hover{background:var(--color-accent-muted);color:var(--color-text)}.stats-menu-button__icon{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;width:1rem;height:.875rem}.stats-menu-button__bar{display:block;width:100%;height:2px;background:currentColor;border-radius:1px}.stats-menu-button__label{white-space:nowrap}.header__brand{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);min-width:0;margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.1}.header__guild-icon{flex-shrink:0;width:var(--header-control-height);height:var(--header-control-height);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm);object-fit:cover}.header__brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}.header__nsh{font-size:clamp(1.5rem,3vw,2rem);color:var(--color-accent)}.header__title{font-size:clamp(.625rem,1.4vw,.8125rem);color:var(--color-text-on-dark);letter-spacing:.1em}.search-bar{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;height:var(--header-control-height);padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-inset);box-sizing:border-box}.search-bar:focus-within{outline:3px solid var(--color-accent);outline-offset:1px}.search-bar__icon{display:flex;flex-shrink:0;color:var(--color-muted-on-dark)}.search-bar__icon svg{width:1.125rem;height:1.125rem}.search-bar__input{width:100%;height:100%;min-height:0;padding:0;border:0;background:transparent;color:var(--color-text-on-dark);font-family:var(--font-body);font-size:1rem;line-height:1}.search-bar__input:focus{outline:none}.search-bar__input::placeholder{color:var(--color-muted-on-dark)}.search-bar__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;background-color:var(--color-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 6l8 8M14 6l-8 8' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 6l8 8M14 6l-8 8' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;cursor:pointer}.search-bar__input::-webkit-search-cancel-button:hover{background-color:var(--color-accent-muted)}.header__search-group{display:flex;align-items:center;flex:1;gap:var(--space-4);min-width:0}.random-level-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--header-control-height);height:var(--header-control-height);padding:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-inset);box-sizing:border-box;color:var(--color-text-on-dark);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease,border-color .1s ease,color .1s ease}.random-level-button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.random-level-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.random-level-button:disabled{opacity:.5;color:var(--color-muted-on-dark);cursor:not-allowed}.random-level-button__icon{display:flex}.random-level-button__icon svg{width:1.125rem;height:1.125rem}.sign-in-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--header-control-height);padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm);box-sizing:border-box;color:var(--color-text-on-dark);font-family:var(--font-display);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:transform .1s ease,box-shadow .1s ease}.sign-in-button:hover{background:var(--color-accent);color:var(--color-text);transform:translate(2px,2px);box-shadow:none}.filters-button{display:inline-flex;align-items:center;justify-content:center;height:var(--header-control-height);padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm);box-sizing:border-box;color:var(--color-text-on-dark);font-family:var(--font-display);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.filters-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.filters-button--active{background:var(--color-accent);color:var(--color-text);box-shadow:none}.filters-button--active:hover{background:var(--color-accent-muted);color:var(--color-text)}.sign-in-button:active{background:var(--color-accent-muted)}.user-badge{position:relative;display:inline-flex;align-items:center;align-self:center;height:var(--header-control-height)}.header__edge--end .user-badge{margin-right:0}.user-badge__trigger{position:relative;display:inline-flex;align-items:center;height:var(--header-control-height);padding:0 calc(var(--space-4) + 1.25rem) 0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm);box-sizing:border-box;color:var(--color-text-on-dark);font-family:var(--font-display);font-size:.8125rem;cursor:pointer}.user-badge__trigger:hover{background:var(--color-accent);color:var(--color-text)}.user-badge__avatar-wrap{position:absolute;top:50%;right:-.875rem;z-index:1;transform:translateY(-50%);line-height:0}.user-badge__menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:10;min-width:8rem;padding:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm)}.user-badge__menu-item{display:block;padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius) - 2px);color:var(--color-text-on-dark);font-size:.875rem;font-weight:600;text-decoration:none}.user-badge__menu-item:hover{background:var(--color-accent);color:var(--color-text)}.user-badge__avatar{display:block;width:var(--header-control-height);height:var(--header-control-height);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm);object-fit:cover}.user-badge__avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-text);font-family:var(--font-display);font-size:1rem;font-weight:700}.user-badge__name{max-width:10rem;overflow:hidden;text-overflow:ellipsis;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.auth-error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:var(--space-4) var(--space-5) var(--space-4);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm)}.auth-error-banner__message{margin:0;color:var(--color-error);font-weight:700}.auth-error-banner__dismiss{flex-shrink:0;min-width:2rem;min-height:2rem;padding:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-on-dark);font-size:1.25rem;line-height:1;cursor:pointer}.header__auth-loading{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--header-control-height);padding:0 var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius);box-sizing:border-box;color:var(--color-muted-on-dark);font-family:var(--font-display);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.header__stats-spacer{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--header-control-height);padding:0 var(--space-3);visibility:hidden;pointer-events:none}.header__stats-spacer:before{display:block;width:1rem;height:.875rem;content:""}.header__stats-spacer:after{display:block;width:2.25rem;height:1px;content:""}.header__admin-link,.header__admin-label{font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--color-muted-on-dark)}.header__admin-link:hover{color:var(--color-accent)}.admin-portal{flex:1;min-height:0;max-width:40rem;margin:0 auto;padding:var(--space-6) var(--space-5);overflow-y:auto;color:var(--color-text-on-dark)}.admin-portal--wide{max-width:64rem}.admin-portal__title{margin:0 0 var(--space-5);font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.admin-portal__section{padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel)}.admin-portal__section--sql{margin-top:var(--space-5)}.admin-portal__section-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.admin-portal__description,.admin-portal__message{margin:0 0 var(--space-4);font-size:.9375rem;line-height:1.5;color:var(--color-muted-on-dark)}.admin-portal__action{min-height:2.75rem;padding:var(--space-2) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-accent);box-shadow:var(--shadow-panel-sm);color:var(--color-text);font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer}.admin-portal__action:disabled{opacity:.55;cursor:wait}.admin-portal__success{margin:var(--space-3) 0 0;color:var(--color-accent);font-weight:600}.admin-portal__error{margin:var(--space-3) 0 0;color:var(--color-error);font-weight:600}.admin-portal__footer{margin:var(--space-5) 0 0}.admin-portal__link{color:var(--color-accent);font-weight:700;text-decoration:none}.admin-portal__link:hover{text-decoration:underline}.admin-portal__denied{padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.sql-browser-confirm{position:fixed;inset:0;z-index:1000;display:flex;align-items:stretch;justify-content:stretch;background:var(--color-surface);color:var(--color-text-on-dark)}.sql-browser-confirm__panel{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100%;padding:var(--space-6);text-align:center}.sql-browser-confirm__warning{margin:0 0 var(--space-6);font-family:var(--font-display);font-size:clamp(2.5rem,10vw,4rem);font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase;color:var(--color-error)}.sql-browser-confirm__body{display:flex;flex-direction:column;gap:var(--space-4);margin:0 0 var(--space-6);font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.5}.sql-browser-confirm__body p{margin:0}.sql-browser-confirm__proceed{margin:0 0 var(--space-6);font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sql-browser-confirm__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);width:100%}.sql-browser-confirm__btn{flex:0 1 12rem;min-width:8rem;min-height:3.5rem;padding:var(--space-3) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.1em;cursor:pointer;box-shadow:var(--shadow-panel-sm)}.sql-browser-confirm__btn--yes{background:var(--color-error);color:var(--color-text-on-dark)}.sql-browser-confirm__btn--yes:hover{filter:brightness(1.08)}.sql-browser-confirm__btn--no{background:var(--color-surface-raised);color:var(--color-text-on-dark)}.sql-browser-confirm__btn--no:hover{border-color:var(--color-accent);color:var(--color-accent)}.admin-portal__sql-gate{display:flex;flex-direction:column;gap:var(--space-4)}.admin-portal__sql-warning{margin:0;font-size:.9375rem;line-height:1.5;color:var(--color-muted-on-dark)}.admin-portal__sql-warning code{font-family:var(--font-mono, ui-monospace, monospace);font-size:.875em}.admin-portal__sql-gate-btn{align-self:flex-start;min-height:2.75rem;padding:var(--space-2) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:transparent;color:var(--color-text-on-dark);font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer}.admin-portal__sql-gate-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.admin-portal__sql{display:flex;flex-direction:column;gap:var(--space-3)}.admin-portal__sql-schema{margin:0}.admin-portal__sql-schema-summary{cursor:pointer;font-size:.875rem;font-weight:600;color:var(--color-muted-on-dark)}.admin-portal__sql-schema-body{margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius);background:var(--color-bg, rgba(0, 0, 0, .2));font-family:var(--font-mono, ui-monospace, monospace);font-size:.8125rem;line-height:1.5;overflow-x:auto;color:var(--color-muted-on-dark)}.admin-portal__sql-label{font-size:.875rem;font-weight:600;color:var(--color-muted-on-dark)}.admin-portal__sql-input{width:100%;min-height:10rem;padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:#00000026;color:var(--color-text-on-dark);font-family:var(--font-mono, ui-monospace, monospace);font-size:.875rem;line-height:1.5;resize:vertical}.admin-portal__sql-input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.admin-portal__sql-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.admin-portal__sql-hint{font-size:.8125rem;color:var(--color-muted-on-dark)}.admin-portal__sql-meta{margin:0;font-size:.875rem;color:var(--color-muted-on-dark)}.admin-portal__sql-results{display:flex;flex-direction:column;gap:var(--space-2)}.admin-portal__sql-table-wrap{overflow-x:auto;border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}.admin-portal__sql-table{width:100%;border-collapse:collapse;font-family:var(--font-mono, ui-monospace, monospace);font-size:.8125rem}.admin-portal__sql-table th,.admin-portal__sql-table td{padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--color-border);text-align:left;white-space:nowrap;color:var(--color-text-on-dark)}.admin-portal__sql-table th{position:sticky;top:0;background:var(--color-surface);font-weight:700}.admin-portal__sql-table tbody tr:last-child td{border-bottom:none}@media(max-width:768px){.app-header{height:auto;padding:var(--space-3)}.header{grid-template-columns:1fr;gap:var(--space-3)}.header__edge--start{order:1}.header__center{order:2;grid-template-columns:1fr}.header__edge--end{order:3;justify-content:stretch}.header__brand{gap:var(--space-2)}.header__brand-text{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.header__title{font-size:.75rem}.sign-in-button,.user-badge{width:100%}.user-badge__trigger{width:100%;justify-content:center;padding-right:calc(var(--space-4) + 1.5rem)}.user-badge__avatar-wrap{right:-.5rem}.user-badge__menu{right:0;left:auto}.header__search-group,.stats-menu-button,.filters-button{width:100%}.header__edge--end{padding-right:.5rem}}@media(prefers-reduced-motion:reduce){.sign-in-button,.filters-button,.stats-menu-button,.random-level-button{transition:none}}.level-list{height:100%;overflow:auto;padding:var(--space-5)}.level-list--state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.level-list__message{margin:0;font-family:var(--font-display);font-size:1.125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.level-list__message--error{color:var(--color-error)}.level-list__message--error:before{content:"⚠ "}.level-list__retry{min-height:2.75rem;padding:var(--space-2) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-accent);box-shadow:var(--shadow-panel-sm);color:var(--color-text);font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.level-list__retry:hover{transform:translate(2px,2px);box-shadow:none}.level-list__retry:active{background:var(--color-accent-muted)}.level-list__viewport{position:relative;max-width:72rem;margin:0 auto}.level-list__item{position:absolute;left:0;right:0;height:var(--level-row-height, 200px);contain:layout style paint}.level-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);height:100%;min-height:0;padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel);color:var(--color-text-on-dark)}.level-card--completed{background:color-mix(in srgb,var(--color-surface-completed) 75%,transparent)}.level-card--completed:before,.level-card--completed:after{background:color-mix(in srgb,var(--color-surface-raised) 75%,transparent);border-color:var(--color-border-light)}.level-card:before,.level-card:after{position:absolute;width:8px;height:8px;border:2px solid var(--color-border-light);background:var(--color-surface-inset);content:""}.level-card:before{top:var(--space-2);left:var(--space-2)}.level-card:after{top:var(--space-2);right:var(--space-2)}.level-card__admin-reset{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);color:var(--color-muted-on-dark);font-size:1rem;line-height:1;cursor:pointer;opacity:.65;transition:opacity .15s ease,color .15s ease}.level-card__admin-reset:hover:not(:disabled){opacity:1;color:var(--color-error)}.level-card__admin-reset:disabled{cursor:wait;opacity:.35}.level-card__info{display:flex;flex-direction:column;justify-content:center;align-self:center;min-width:0}.level-card__title{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 var(--space-1);margin:0 0 var(--space-1);overflow:hidden;font-family:var(--font-display);font-size:clamp(.9375rem,1.6vw,1.25rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.level-card__rank,.level-card__dash,.level-card__name,.level-card__title-text{white-space:nowrap}.level-card__title-text{display:inline-flex;align-items:baseline;gap:var(--space-1);min-width:0;flex:1 1 auto;overflow:hidden}.level-card__id{display:inline-flex;align-items:center;gap:.2rem;flex-shrink:0;margin:0;padding:0;border:0;background:none;color:var(--color-muted-on-dark);font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer}.level-card__id:hover,.level-card__id--copied{color:var(--color-accent)}.level-card__meta-icon{flex-shrink:0;width:.875rem;height:.875rem}@media(hover:none),(pointer:coarse){.level-card__id{cursor:default}}.level-card__rank{color:var(--color-accent)}.level-card__name{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-on-dark)}.level-card__dash{color:var(--color-text-on-dark)}.level-card__meta{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0}.level-card__showcase{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:0;background:none;color:var(--color-muted-on-dark);line-height:0;text-decoration:none;cursor:pointer;transition:color .1s ease}.level-card__showcase:hover:not(:disabled){color:var(--color-accent)}.level-card__showcase:disabled{opacity:.5;cursor:wait}.level-card__aside{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;align-self:center}.external-link-icon{flex-shrink:0;width:.875rem;height:.875rem}.level-card-actions{display:flex;flex-shrink:0;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-2);min-width:7rem}.level-card-actions__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--card-action-height);padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm);color:var(--color-text-on-dark);font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.level-card-actions__button:hover{background:var(--color-accent);color:var(--color-text);transform:translate(2px,2px);box-shadow:none}.level-card-actions__button--completion,.level-card-actions__button--verification{background:var(--color-surface-raised)}.level-card-actions__link{display:block;padding:0 var(--space-1);color:var(--color-muted-on-dark);font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-align:center;text-decoration:underline;text-underline-offset:2px}.level-card-actions__link:hover{color:var(--color-accent)}.assignee-status{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;min-height:var(--card-action-height)}.assignee-status__label{flex-shrink:0;color:var(--color-muted-on-dark);font-family:var(--font-body);font-size:.9375rem;font-weight:600;white-space:nowrap}.assignee-bubble--has-avatar{margin-left:.75rem}.assignee-bubble{position:relative;display:inline-flex;align-items:center;height:var(--card-action-height);max-width:min(100%,14rem)}.assignee-bubble__pill{position:relative;display:inline-flex;align-items:center;height:var(--card-action-height);max-width:100%;padding:0 var(--space-4) 0 calc(var(--space-4) + 1.25rem);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm);box-sizing:border-box;color:var(--color-text-on-dark)}.assignee-bubble__pill--clickable{margin:0;font:inherit;text-align:inherit;cursor:pointer;transition:border-color .1s ease,color .1s ease,background .1s ease}.assignee-bubble__pill--clickable:hover{border-color:var(--color-accent);color:var(--color-accent)}.assignee-bubble__pill--clickable:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.assignee-bubble--completed .assignee-bubble__pill{background:var(--color-surface-raised)}.assignee-bubble--claim-begrudgingly-earmarked .assignee-bubble__pill{border-color:color-mix(in srgb,var(--color-muted-on-dark) 70%,var(--color-border));background:color-mix(in srgb,var(--color-surface-inset) 90%,transparent);opacity:.85}.assignee-bubble--claim-claimed .assignee-bubble__pill{border-color:var(--color-border);background:var(--color-surface-inset)}.assignee-bubble--claim-locked-down .assignee-bubble__pill{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface-inset));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 35%,transparent)}.assignee-bubble--claim-supposedly-completed .assignee-bubble__pill{border-color:color-mix(in srgb,var(--color-surface-completed) 60%,var(--color-border));background:color-mix(in srgb,var(--color-surface-completed) 35%,var(--color-surface-inset))}.assignee-bubble:not(.assignee-bubble--completed):not(.assignee-bubble--has-avatar) .assignee-bubble__pill{padding:0 var(--space-4)}.assignee-bubble--has-avatar:not(.assignee-bubble--completed) .assignee-bubble__pill{padding:0 var(--space-4) 0 calc(var(--space-4) + 1.25rem)}.assignee-bubble__avatar-wrap{position:absolute;top:50%;left:-.875rem;z-index:1;transform:translateY(-50%);line-height:0}.assignee-bubble__avatar{display:block;width:var(--card-action-height);height:var(--card-action-height);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm);object-fit:cover}.assignee-bubble__avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-text);font-family:var(--font-display);font-size:1rem;font-weight:700}.assignee-bubble__avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-muted-on-dark) 30%,var(--color-surface-inset));color:var(--color-muted-on-dark);font-family:var(--font-body);font-size:.875rem;font-weight:700}.assignee-bubble__name{overflow:hidden;max-width:10rem;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.claim-menu{display:flex;flex-shrink:0;flex-direction:column;align-items:stretch;gap:var(--space-2);width:100%}.claim-menu--disabled{opacity:.55;cursor:not-allowed}.claim-menu--disabled .claim-menu__select,.claim-menu--disabled .claim-menu__submit{cursor:not-allowed}.claim-menu--disabled .claim-menu__submit:hover{transform:none;box-shadow:var(--shadow-panel-sm)}.claim-menu__controls{display:flex;align-items:end;gap:var(--space-3);width:100%}.claim-menu__field{display:flex;flex-direction:column;gap:var(--space-2)}.claim-menu__label{font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted-on-dark)}.level-card .claim-menu__select,.level-card .claim-menu__submit,.level-card .claim-menu__remove{min-height:var(--card-action-height)}.claim-menu__select,.claim-menu__submit{min-height:var(--card-action-height);border-radius:var(--radius);font-family:var(--font-body);font-size:.9375rem;font-weight:600}.claim-menu__select{width:100%;min-width:0;padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);background:var(--color-surface-inset);box-shadow:var(--shadow-inset);color:var(--color-text-on-dark)}.claim-menu__select:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.claim-menu__submit{padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);background:var(--color-accent);box-shadow:var(--shadow-panel-sm);color:var(--color-text);font-weight:700;cursor:not-allowed;opacity:.55}.claim-menu__submit:not(:disabled){opacity:1;cursor:pointer}.claim-menu__submit:not(:disabled):hover{transform:translate(2px,2px);box-shadow:none}.claim-menu__submit:not(:disabled):active{background:var(--color-accent-muted)}.claim-menu__remove{min-height:var(--card-action-height);padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-inset);color:var(--color-muted-on-dark);font-family:var(--font-body);font-size:.875rem;font-weight:700;cursor:pointer}.claim-menu__remove:disabled{cursor:not-allowed;opacity:.55}.claim-menu__error{margin:var(--space-1) 0 0;max-width:16rem;color:var(--color-error);font-size:.8125rem;font-weight:600;line-height:1.3}.claim-menu__success{margin:var(--space-1) 0 0;max-width:16rem;color:var(--color-success, #2d8a4e);font-size:.8125rem;font-weight:600;line-height:1.3}@media(max-width:960px){.level-card{grid-template-columns:1fr;align-items:stretch}.level-card__aside{width:100%;justify-self:stretch}.level-card-actions{flex-direction:row;flex-wrap:wrap;width:100%;min-width:0}.level-card-actions__button{flex:1}.level-card-actions__link,.claim-menu,.claim-menu__controls{width:100%}.claim-menu__field{flex:1}.claim-menu__select{width:100%}}@media(prefers-reduced-motion:reduce){.level-list__retry,.claim-menu__submit:not(:disabled){transition:none}}.content-split{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}.player-stats{color:var(--color-text-on-dark)}.player-stats__list{margin:0}.player-stats__row{margin:0 0 var(--space-4)}.player-stats__row:last-child{margin-bottom:0}.player-stats__label{margin:0 0 var(--space-1);font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--color-muted-on-dark)}.player-stats__value{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.04em;color:var(--color-text-on-dark)}.player-stats__tags{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.player-stats__tags-title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted-on-dark)}.player-stats__tag-list{margin:0;padding:0;list-style:none}.player-stats__tag-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.player-stats__tag-item:last-child{margin-bottom:0}.player-stats__tag-name{font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--color-text-on-dark)}.player-stats__tag-count{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--color-accent)}.player-stats__toggle{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border);cursor:pointer}.player-stats__toggle input{margin-top:.125rem;flex-shrink:0}.player-stats__toggle-label{font-family:var(--font-body);font-size:.8125rem;font-weight:600;line-height:1.4;color:var(--color-muted-on-dark)}.content-split__list{flex:1;min-width:0;height:100%;transition:margin-left .28s ease,margin-right .28s ease}.content-split--stats-open .content-split__list{margin-left:var(--panel-width)}.content-split--filters-open .content-split__list{margin-right:var(--panel-width)}.filters-panel,.stats-drawer{position:absolute;top:0;bottom:0;z-index:2;display:flex;flex-direction:column;width:var(--panel-width);background:var(--color-surface);box-shadow:var(--shadow-panel);color:var(--color-text-on-dark);transition:transform .28s ease;pointer-events:none}.stats-drawer{left:0;border-right:var(--border-width) solid var(--color-border);transform:translate(-100%)}.filters-panel{right:0;border-left:var(--border-width) solid var(--color-border);transform:translate(100%)}.content-split--filters-open .filters-panel,.content-split--stats-open .stats-drawer{transform:translate(0);pointer-events:auto}.filters-panel__header,.stats-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--color-border)}.filters-panel__title,.stats-drawer__title{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.filters-panel__header-actions{display:flex;align-items:center;gap:var(--space-2)}.filters-panel__icon-btn,.stats-drawer__close{display:inline-flex;align-items:center;justify-content:center;min-width:var(--header-control-height);min-height:var(--header-control-height);padding:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-panel-sm);color:var(--color-text-on-dark);font-family:var(--font-display);font-size:1.25rem;line-height:1;cursor:pointer}.filters-panel__icon-btn svg{width:1.25rem;height:1.25rem}.filters-panel__icon-btn:hover,.stats-drawer__close:hover{background:var(--color-accent);color:var(--color-text)}.filters-panel__body,.stats-drawer__body{flex:1;min-height:0;padding:var(--space-5);overflow:auto}.filters-panel__body--signed-out{padding-bottom:var(--space-6)}.filters-panel__section{margin-bottom:var(--space-5)}.filters-panel__section:last-child{margin-bottom:0}.filters-panel__section-title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted-on-dark)}.filters-panel__hint{margin:0 0 var(--space-3);font-size:.8125rem;font-weight:600;color:var(--color-muted-on-dark)}.filters-panel__hint a{color:var(--color-accent)}.filters-panel__footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.filters-panel__reset{width:100%;min-height:2.5rem;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);color:var(--color-text-on-dark);font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer}.filters-panel__reset:hover{background:var(--color-accent);color:var(--color-text)}.filters-panel__field{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.filters-panel__field-label{font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted-on-dark)}.filters-panel__select,.filters-panel__input{width:100%;box-sizing:border-box;min-height:2.5rem;padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-inset);box-shadow:var(--shadow-inset);color:var(--color-text-on-dark);font-family:var(--font-body);font-size:.9375rem;font-weight:600}.filters-panel__range{display:flex;flex-direction:column;gap:var(--space-3)}.filters-panel__range .filters-panel__field{margin-top:0}.filters-panel__option{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);cursor:pointer}.filters-panel__option:last-child{margin-bottom:0}.filters-panel__option input[type=checkbox]{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;accent-color:var(--color-accent)}.filters-panel__option-label{font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.4;color:var(--color-text-on-dark)}.filters-panel__fieldset{margin:var(--space-3) 0 0;padding:0;border:none}.filters-panel__fieldset .filters-panel__field-label{display:block;margin-bottom:var(--space-2)}@media(prefers-reduced-motion:reduce){.content-split__list,.filters-panel,.stats-drawer{transition:none}}@media(max-width:768px){:root{--panel-width: min(100vw, 20rem)}.content-split--stats-open .content-split__list,.content-split--filters-open .content-split__list{margin-left:0;margin-right:0}}.settings-page{min-height:100vh;background:var(--color-bg);color:var(--color-text)}.settings-page__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);padding-right:calc(var(--space-5) + .875rem);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-panel-sm)}.settings-page__back{color:var(--color-text);text-decoration:none;font-weight:600}.settings-page__back:hover{text-decoration:underline}.settings-page__title{margin:0;flex:1;font-family:var(--font-display);font-size:1.25rem}.settings-page__auth{flex-shrink:0}.settings-page__main{max-width:36rem;margin:0 auto;padding:var(--space-6) var(--space-5)}.settings-page__message{margin:0;color:var(--color-muted-on-dark)}.settings-page__section-title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:1.125rem}.settings-page__hint{margin:0 0 var(--space-5);color:var(--color-muted-on-dark);font-size:.875rem}.settings-page__stats{margin:0 0 var(--space-5);display:grid;gap:var(--space-3)}.settings-page__stat dt{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-on-dark)}.settings-page__stat dd{margin:var(--space-1) 0 0;font-weight:600}.settings-page__placement{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.settings-page__field{display:flex;flex-direction:column;gap:var(--space-1)}.settings-page__field-label{font-size:.8125rem;font-weight:600}.settings-page__input{width:8rem;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);font:inherit;background:var(--color-surface)}.settings-page__preview{min-height:calc(var(--space-2) * 2 + 1.25rem);display:flex;align-items:center;font-weight:600}.settings-page__error{margin:0 0 var(--space-3);color:var(--color-danger, #b33);font-size:.875rem}.settings-page__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.settings-page__btn{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font:inherit;font-weight:600;cursor:pointer}.settings-page__btn:disabled{opacity:.5;cursor:not-allowed}.settings-page__btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text, #1a1a1a)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:.9375rem;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:auto}#app{min-height:100vh}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.parallax-bg{transform:none!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}