@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--canvas: #f7fafb;--surface: #ffffff;--surface-blue: #eef8fd;--ink: #14283d;--muted: #5d7082;--primary: #1c5f8f;--primary-dark: #13496f;--primary-soft: #cbeafa;--line: #d8e4eb;--line-strong: #b8cedb;--success: #176b53;--success-soft: #e4f5ee;--warning: #8a5a15;--warning-soft: #fff4d9;--danger: #9b3f4f;--danger-soft: #fcecef;--foundation: #39725a;--foundation-soft: #e4f3eb;--intermediate: #9a6115;--intermediate-soft: #fff1d7;--advanced: #81509a;--advanced-soft: #f3e8f8;--shadow: 0 1.25rem 3.5rem rgb(39 73 96 / 10%);--shadow-soft: 0 .6rem 1.8rem rgb(39 73 96 / 8%);--radius-xl: 1.75rem;--radius-lg: 1.2rem;--radius-md: .85rem;color:var(--ink);background:var(--canvas);font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:20rem;min-height:100vh;margin:0;background:var(--canvas)}body.drawer-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--primary)}img,svg{display:block}h1,h2,h3{font-family:Manrope,ui-sans-serif,system-ui,sans-serif}p{line-height:1.65}:focus-visible{outline:3px solid #f3ad3f;outline-offset:3px}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.65rem 1rem;color:#fff;background:var(--primary-dark);border-radius:.5rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:40;background:#ffffffe0;border-bottom:1px solid rgb(216 228 235 / 88%);backdrop-filter:blur(18px)}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 2rem,76rem);min-height:5.4rem;margin:auto}.site-brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--ink);font-family:Manrope,sans-serif;font-size:1.28rem;font-weight:800;letter-spacing:-.04em;text-decoration:none}.brand-icon{flex:0 0 auto;width:2.6rem;height:2.6rem;filter:drop-shadow(0 .35rem .45rem rgb(28 95 143 / 18%))}.spine-logo .logo-background{fill:url(#spine-gradient)}.spine-logo .spine-line{fill:none;stroke:#ffffff6b;stroke-width:2;stroke-linecap:round}.spine-logo .vertebrae{fill:#fff}.spine-logo .spine-processes{fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round}.header-brand{gap:.8rem;font-size:1.7rem}.header-brand .brand-icon{width:3.25rem;height:3.25rem}.menu-button{justify-self:start}.icon-control{display:inline-grid;width:2.55rem;height:2.55rem;padding:.65rem;color:var(--primary-dark);background:var(--surface);border:1px solid var(--line);border-radius:.75rem;place-items:center;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.icon-control:hover{background:var(--surface-blue);border-color:var(--line-strong);transform:translateY(-1px)}.icon-control svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.header-tools{display:flex;justify-self:end;align-items:center;gap:.7rem}.header-meta{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.78rem}.puzzle-label{padding:.25rem .55rem;color:var(--primary-dark);background:var(--surface-blue);border:1px solid #d5edf8;border-radius:99px;font-weight:700}.header-actions{display:flex;justify-self:end;align-items:center;gap:.65rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem 1.15rem;color:#fff;background:var(--primary);border:1px solid var(--primary);border-radius:.8rem;box-shadow:0 .45rem 1rem #1c5f8f29;font-weight:700;text-decoration:none;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 .65rem 1.2rem #1c5f8f33}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-small{min-height:2.55rem;padding:.55rem 1rem;font-size:.88rem}.button-secondary{color:var(--primary-dark);background:#fff;border-color:var(--line-strong);box-shadow:none}.button-secondary:hover{color:#fff}.drawer-layer{position:fixed;inset:0;z-index:80}.drawer-layer[hidden]{display:none}.drawer-backdrop{position:absolute;inset:0;width:100%;background:#081c2d7f;border:0;opacity:0;cursor:default;transition:opacity .22s ease}.site-drawer{position:relative;display:flex;flex-direction:column;width:min(90vw,23rem);height:100%;padding:1.2rem;background:var(--surface);box-shadow:1.5rem 0 4rem #0a263b2e;transform:translate(-104%);transition:transform .22s ease}.drawer-layer.is-open .drawer-backdrop{opacity:1}.drawer-layer.is-open .site-drawer{transform:translate(0)}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.4rem;border-bottom:1px solid var(--line)}.drawer-kicker{margin:1.4rem 0 .7rem;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.drawer-navigation{display:grid;gap:.3rem}.drawer-navigation a{display:flex;align-items:center;gap:.85rem;padding:.85rem;color:var(--ink);border-radius:.75rem;font-weight:600;text-decoration:none;transition:background .16s ease,color .16s ease}.drawer-navigation a span{color:#8ba1b1;font-size:.7rem;font-weight:700}.drawer-navigation a:hover,.drawer-navigation a.is-current{color:var(--primary-dark);background:var(--surface-blue)}.drawer-note{display:grid;gap:.25rem;margin-top:auto;padding:1rem;color:var(--muted);background:var(--surface-blue);border:1px solid #d6ebf5;border-radius:var(--radius-md);font-size:.78rem;line-height:1.5}.drawer-note strong{color:var(--primary-dark)}.page-shell{width:min(100% - 2rem,72rem);margin:auto;padding:clamp(2.5rem,6vw,5rem) 0}.narrow-shell{width:min(100% - 2rem,52rem)}.page-intro{max-width:44rem;margin-bottom:2rem}.eyebrow{margin:0 0 .6rem;color:var(--primary);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.page-intro h1,.game-heading h1{margin:0;color:var(--ink);font-size:clamp(2.15rem,5vw,3.8rem);line-height:1.08;letter-spacing:-.055em}.page-intro>p:last-child{max-width:40rem;margin:1rem 0 0;color:var(--muted);font-size:1.05rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.content-card{padding:clamp(1.4rem,4vw,2.4rem)}.content-card h2{margin:0 0 .7rem;letter-spacing:-.035em}.content-card p{color:var(--muted)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.feature-list{display:grid;gap:.9rem;padding:0;list-style:none}.feature-list li{padding:1rem;color:var(--muted);background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-md)}.feature-list strong{display:block;margin-bottom:.2rem;color:var(--ink)}.difficulty{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border-radius:99px;font-size:.72rem;font-weight:800}.difficulty:before{width:.42rem;height:.42rem;background:currentColor;border-radius:50%;content:""}.difficulty-foundation{color:var(--foundation);background:var(--foundation-soft)}.difficulty-intermediate{color:var(--intermediate);background:var(--intermediate-soft)}.difficulty-advanced{color:var(--advanced);background:var(--advanced-soft)}.site-footer{color:#d6e3eb;background:#102d43}.footer-inner{width:min(100% - 2rem,72rem);margin:auto;padding:2.8rem 0 2rem}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-brand{color:#fff}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1.1rem}.footer-links a{color:#d6e3eb;font-size:.85rem;text-decoration:none}.footer-links a:hover{color:#fff;text-decoration:underline}.clinical-disclaimer{max-width:58rem;margin:2rem 0 .8rem;padding-top:1.5rem;color:#c2d3de;border-top:1px solid rgb(216 228 235 / 18%);font-size:.82rem}.copyright{margin:0;color:#89a3b5;font-size:.75rem}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.data-table{width:100%;border-collapse:collapse;min-width:42rem}.data-table th,.data-table td{padding:1rem 1.2rem;text-align:left;border-bottom:1px solid var(--line)}.data-table th{color:var(--muted);background:#f5f9fb;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.data-table tr:last-child td{border-bottom:0}.rank{display:inline-grid;width:2rem;height:2rem;color:var(--primary-dark);background:var(--surface-blue);border-radius:50%;place-items:center;font-weight:800}.demo-label{display:inline-flex;margin-left:.5rem;padding:.25rem .5rem;color:var(--primary-dark);background:var(--surface-blue);border-radius:99px;font-size:.7rem;font-weight:700;vertical-align:middle}.status{display:inline-flex;padding:.3rem .55rem;border-radius:99px;font-size:.72rem;font-weight:700}.status-solved{color:var(--success);background:var(--success-soft)}.status-missed{color:var(--danger);background:var(--danger-soft)}.status-unplayed{color:var(--muted);background:#eef2f4}.auth-card{display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden}.auth-aside{padding:clamp(1.6rem,5vw,3.2rem);color:#fff;background:linear-gradient(145deg,#1b668f,#123f63)}.auth-aside h1{margin:1rem 0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em}.auth-aside p{color:#d9edf6}.auth-points{display:grid;gap:.75rem;padding:1.5rem 0 0;list-style:none}.auth-points li{display:flex;gap:.6rem;align-items:center}.auth-points li:before{display:grid;flex:0 0 1.35rem;height:1.35rem;color:var(--primary-dark);background:#bfe7f7;border-radius:50%;content:"✓";place-items:center;font-size:.72rem;font-weight:800}.auth-form{padding:clamp(1.6rem,5vw,3.2rem)}.auth-form h2{margin-top:0}.form-field{display:grid;gap:.45rem;margin:1rem 0}.form-field label{font-size:.82rem;font-weight:700}.form-field input{width:100%;min-height:3rem;padding:.75rem .9rem;color:var(--ink);background:#f6f9fa;border:1px solid var(--line-strong);border-radius:.75rem}.interface-notice{padding:.85rem 1rem;color:var(--warning);background:var(--warning-soft);border:1px solid #efd8a6;border-radius:.75rem;font-size:.8rem;line-height:1.5}@media(max-width:46rem){.header-inner{grid-template-columns:1fr auto 1fr;min-height:4.8rem}.header-brand{justify-self:center;gap:.55rem;font-size:1.45rem}.header-brand .brand-icon{width:2.8rem;height:2.8rem}.header-meta,.stats-link{display:none}.header-tools{min-width:2.55rem}.content-grid,.auth-card{grid-template-columns:1fr}.footer-top{align-items:flex-start;flex-direction:column}.footer-links{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}