:root{color-scheme:dark;--bg:#111719;--surface:#1b2428;--surface-2:#222e33;--text:#edf1ed;--muted:#acb8bc;--border:#344146;--accent:#f3ce58;--cyan:#70d5ea;--green:#a4df87;--layout-max:90rem;--layout-padding:1rem;--layout-gap:1.5rem;--header-height:4.4rem;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:var(--cyan);text-decoration-thickness:1px;text-underline-offset:3px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}.site-container{width:min(calc(100% - var(--layout-padding)*2),var(--layout-max));margin-inline:auto}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:100;background:var(--accent);color:#111719;padding:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;background:rgba(17,23,25,.97);border-bottom:1px solid var(--border);z-index:60}.nav-shell{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--text);line-height:1.1}.brand img{width:42px;height:42px}.brand strong{font-size:.98rem;letter-spacing:-.025em}.brand small{display:block;color:var(--accent);font:10px/1.6 monospace;letter-spacing:.16em;margin-top:4px}.desktop-nav{display:none;gap:.2rem}.desktop-nav a{color:var(--muted);text-decoration:none;font-size:.85rem;font-weight:700;min-height:44px;padding:.65rem .65rem;display:flex;align-items:center}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--accent);background:#222b2e}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:44px;padding:.65rem 1rem;border:1px solid var(--border);font-weight:700;font-size:.86rem;text-decoration:none;border-radius:3px}.button-primary{background:var(--accent);color:#161b1d;border-color:var(--accent)}.button-primary:hover{background:#ffe18b}.button-secondary{background:transparent;color:var(--text)}.button-secondary:hover{border-color:var(--accent);color:var(--accent)}.header-play{display:none}.menu-toggle{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:3px;min-width:44px;min-height:44px;font-size:1.2rem}.mobile-nav{padding:1rem 0 1.5rem;border-top:1px solid var(--border);max-height:calc(100dvh - var(--header-height));overflow:auto}.mobile-nav a{display:block;padding:.65rem 1rem;min-height:44px;color:var(--text);text-decoration:none}.mobile-nav a:hover{background:var(--surface)}.section-kicker,.mini-label,.tiny-label,.result-tag{font-family:monospace;letter-spacing:.1em;font-size:.72rem;font-weight:700}.section-kicker{display:flex;align-items:center;gap:.65rem;color:var(--muted)}.status-dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%}.kicker-date{margin-left:auto;font-size:.67rem;color:var(--muted)}.home-intro{padding-top:2.5rem;padding-bottom:2rem}.home-intro h1{font-size:clamp(2.3rem,5vw,5.2rem);line-height:1.05;letter-spacing:-.065em;margin:1rem 0}.home-intro h1 span{color:var(--accent)}.home-lead{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--muted);margin:1rem 0}.game-byline{font-size:.75rem;color:var(--muted)}.experiment-section{display:grid;border:1px solid var(--border);background:var(--surface);border-radius:5px;overflow:hidden}.experiment-desk{padding:clamp(1.25rem,3vw,2.2rem);min-width:0;border-top:3px solid var(--accent)}.desk-topline{display:flex;justify-content:space-between;gap:1rem;align-items:center}.mini-label{color:var(--accent)}.tiny-label{font-size:.61rem;color:var(--muted)}h2,h3{line-height:1.2;letter-spacing:-.025em}.experiment-desk h2{font-size:clamp(1.6rem,2.4vw,2.3rem);margin:1.25rem 0}.experiment-choices{display:flex;gap:.5rem;padding-bottom:1.15rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.experiment-choice{min-height:44px;padding:.5rem 1rem;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:3px;font-size:.85rem;font-weight:700}.experiment-choice:hover{border-color:var(--accent);color:var(--text)}.experiment-choice.is-active{background:var(--accent);color:#14191b;border-color:var(--accent)}.experiment-result{padding-top:1.2rem}.result-tag{color:var(--green);font-size:.65rem}.experiment-result h3{font-size:1.45rem;margin:.5rem 0 .9rem}.experiment-steps{padding-left:1.3rem;font-size:.92rem;margin:.75rem 0 1rem;color:#c5cfd2}.experiment-steps li{padding-left:.25rem;margin-bottom:.5rem}.experiment-steps li::marker{color:var(--accent);font:700 .8rem monospace}.experiment-steps strong{color:var(--text)}.text-link{font-size:.87rem;font-weight:700;text-decoration:none}.text-link span{margin-left:.75rem}.plan-source{font-size:.69rem;color:var(--muted);margin-top:1rem}.experiment-visual{min-width:0;background:#10181b;display:flex;flex-direction:column;justify-content:center}.experiment-visual>img{width:100%;object-fit:contain}.visual-caption{display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;font-size:.65rem;line-height:1.5;border-top:1px solid var(--border);color:var(--muted)}.visual-caption .mini-label{font-size:.64rem}.visual-note{display:flex;gap:1rem;padding:0 1.25rem 1rem;align-items:center}.note-symbol{font-size:2rem;color:var(--accent)}.visual-note p{font-size:.8rem;color:var(--muted);margin:0}.visual-note strong{font-weight:400;color:var(--text)}.field-notes{padding-block:2.8rem}.field-notes>h2{margin:0 0 1.4rem}.notes-grid{display:grid;gap:1.5rem}.notes-grid>div{border-left:1px solid var(--border);padding-left:1rem}.note-number{font:12px monospace;color:var(--accent)}.notes-grid h3{font-size:1rem;margin:.5rem 0}.notes-grid p{font-size:.85rem;color:var(--muted);max-width:40ch;margin:0}.notes-grid a{text-decoration:none}.directory-section{padding-top:1.25rem;padding-bottom:2.8rem;border-top:1px solid var(--border)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.2rem 0 1.5rem}.section-heading h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:.6rem 0 0}.section-heading>p{font-size:.8rem;color:var(--muted);margin:0}.directory-grid{display:grid;gap:0 2.5rem}.directory-row{display:grid;grid-template-columns:1.8rem 1fr 1rem;gap:1rem;padding:1.3rem 0;align-items:start;text-decoration:none;border-top:1px solid var(--border);color:var(--text)}.directory-index{font:12px/1.6 monospace;color:var(--muted)}.directory-row h3{font-size:1.1rem;margin:0 0 .4rem}.directory-row p{font-size:.85rem;line-height:1.6;color:var(--muted);margin:0}.directory-row>span:last-child{color:var(--accent)}.directory-row:hover h3{color:var(--accent)}.research-note{display:flex;gap:2rem;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-block:2rem}.research-note h2{font-size:1.4rem;margin:.7rem 0}.research-note p{max-width:66ch;font-size:.86rem;color:var(--muted)}.research-note>a{flex-shrink:0}.article-shell{padding-block:2.5rem}.article-center{min-width:0;max-width:70rem;margin-inline:auto;width:100%}.breadcrumbs{font-size:.75rem;color:var(--muted);margin-bottom:1.5rem}.breadcrumbs a{text-decoration:none;color:var(--muted)}.breadcrumbs span{margin:0 .5rem}.page-intro h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.07;letter-spacing:-.045em;margin:.75rem 0 1rem}.page-description{font-size:1.06rem;color:var(--muted);margin:0}.page-date{font-size:.72rem;color:var(--muted);margin:1.1rem 0 0}.prose{margin-top:2rem;font-size:.96rem}.prose h2{font-size:1.6rem;margin:2.6rem 0 1rem;scroll-margin-top:6rem}.prose h3{font-size:1.15rem;margin:1.75rem 0 .75rem}.prose p,.prose li{color:#c5cfd2}.prose li{margin-bottom:.65rem}.prose strong{color:var(--text)}.prose ol,.prose ul{padding-left:1.3rem}.prose figure{margin:1.75rem 0}.prose figure img{width:100%;border:1px solid var(--border);border-radius:4px}.prose figcaption{font-size:.74rem;color:var(--muted);margin-top:.5rem}.quick-answer{background:var(--surface);padding:1.25rem;border-left:3px solid var(--accent);border-radius:0 4px 4px 0}.quick-answer p{margin:0}.quick-answer p+p{margin-top:.65rem}.note{background:var(--surface);padding:1rem 1.25rem;font-size:.85rem;border:1px solid var(--border);border-radius:4px}.note p:first-child{margin-top:0}.note p:last-child{margin-bottom:0}.table-wrap{overflow-x:auto;margin:1.25rem 0;border:1px solid var(--border);border-radius:4px}table{border-collapse:collapse;width:100%;text-align:left;font-size:.86rem}th,td{padding:.8rem 1rem;border-bottom:1px solid var(--border);vertical-align:top}th{background:var(--surface-2);color:var(--text);font-size:.74rem;letter-spacing:.03em}td{color:#c5cfd2}tr:last-child td{border-bottom:0}kbd{font:700 .8rem monospace;padding:.15rem .4rem;background:var(--surface-2);color:var(--text);border:1px solid #526269;border-radius:3px;white-space:nowrap}.source-list{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.3rem}.source-list h2{font-size:.85rem;margin:0 0 .75rem}.source-list ul{padding-left:1.1rem;font-size:.78rem;color:var(--muted)}.source-list li{margin:.4rem 0}.related{margin:2rem 0;padding:1.2rem;border:1px solid var(--border);background:var(--surface)}.related a{display:inline-block;margin-right:1.25rem}.prose details{border-top:1px solid var(--border);padding-block:.8rem}.prose summary{cursor:pointer;min-height:44px;padding:.5rem 0;font-weight:700}.badge-tools{border:1px solid var(--border);background:var(--surface);padding:1.25rem;border-radius:4px;margin:1.5rem 0}.badge-tools h2{margin:0 0 .8rem;font-size:1.2rem}.form-row{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.form-row label{display:flex;flex-direction:column;gap:.4rem;flex:1;font-size:.8rem;color:var(--muted);min-width:130px}input,select{background:#121a1d;color:var(--text);border:1px solid #526269;border-radius:3px;min-height:44px;padding:.6rem .75rem;width:100%;min-width:0}.result-message{color:var(--accent)!important;font-size:1.1rem;font-weight:700;margin:.9rem 0 .2rem!important}.error-message{color:#ffb6a5!important}.filter-count{font:12px monospace;color:var(--muted);margin:1rem 0}.badge-list{padding:0;list-style:none}.badge-card{padding:1.15rem 0;border-top:1px solid var(--border);margin:0!important}.badge-heading{display:flex;gap:1rem;align-items:start;justify-content:space-between}.badge-card h3{font-size:1.05rem;margin:0 0 .5rem}.badge-category{font:10px monospace;letter-spacing:.06em;border:1px solid var(--border);padding:.2rem .4rem;color:var(--muted);white-space:nowrap}.badge-card p{margin:.25rem 0;font-size:.86rem}.badge-card .badge-source{font-size:.7rem;color:var(--muted)}.empty-state{padding:1rem;border:1px dashed var(--border)}.site-footer{margin-top:2rem;border-top:1px solid var(--border);background:#0e1416;padding-top:2.5rem}.footer-grid{display:grid;gap:2rem;padding-bottom:2.5rem}.footer-brand p{max-width:35ch;font-size:.82rem;color:var(--muted)}.footer-grid h2{font:700 .7rem monospace;letter-spacing:.1em;color:var(--accent);margin:0 0 1rem}.footer-links a{display:block;color:var(--muted);font-size:.84rem;text-decoration:none;padding:.3rem 0;min-height:32px}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding-block:1.1rem;color:var(--muted);font-size:.7rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.analytics-settings{border:0;color:var(--muted);background:transparent;text-decoration:underline;padding:0;min-height:32px;font-size:.75rem}.consent-banner{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:80;max-width:31rem;background:#253239;border:1px solid #6a7c83;padding:1rem 1.2rem;box-shadow:0 8px 35px #0008;border-radius:5px}.consent-banner h2{font-size:1rem;margin:0 0 .5rem}.consent-banner p{font-size:.8rem;color:#d1d9dc;margin:0 0 .8rem}.consent-actions{display:flex;gap:.65rem;flex-wrap:wrap}.consent-actions button{min-height:44px}.external-source{font-size:.76rem;color:var(--muted)}
@media(min-width:640px){.header-play{display:inline-flex}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.notes-grid{grid-template-columns:repeat(3,1fr)}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){:root{--layout-padding:1.5rem}.experiment-section{grid-template-columns:1.05fr 1fr}.experiment-visual{border-left:1px solid var(--border)}}
@media(min-width:1040px){.desktop-nav{display:flex}.menu-toggle{display:none}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}.footer-brand{grid-column:auto}}
@media(min-width:1280px){.article-shell{display:grid;grid-template-columns:12.5rem minmax(0,1fr) 17rem;column-gap:var(--layout-gap);align-items:start}.article-center{grid-column:2}.prose>p,.prose>ol,.prose>ul{max-width:76ch}}
@media(max-width:767px){.kicker-date,.tiny-label{display:none}.experiment-visual{border-top:1px solid var(--border)}.visual-note{display:none}.research-note{display:block}.research-note>a{margin-top:.5rem}.section-heading>p{display:none}.home-intro{padding-top:1.75rem}.home-lead br{display:none}.prose table{font-size:.8rem}th,td{padding:.6rem .7rem}.badge-category{font-size:9px}.consent-banner{bottom:.5rem;left:.5rem;right:.5rem}.footer-grid{gap:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
