@font-face{font-family:AttanceWords;src:url('/fonts/games/cp-regular-2fed1725e4fba84fd3d0d701f577be18.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:AttanceWords;src:url('/fonts/games/cp-semibold-8ca08dd9c8d7bc46890658f8f563307c.woff2') format('woff2');font-weight:600 800;font-display:swap}
.attance-home{--ink:#163d35;--muted:#4d665d;--green:#156653;--line:#bfd3c8;--paper:#f2f7f2;--selected:#d6ebdf;max-width:1280px;margin:auto;padding:2.2rem 2rem 0;color:var(--ink);font-family:AttanceWords,system-ui,sans-serif;font-size:1rem;line-height:1.55;scrollbar-color:#7d9d89 var(--paper)}
.attance-home *{box-sizing:border-box}.attance-home [hidden]{display:none!important}.attance-home ::selection{background:#b4dbc8;color:#12382e}.attance-home a{color:var(--green);text-underline-offset:.2em}.attance-home a:hover{color:#0a4537}.attance-home :is(button,input,select,a,summary):focus-visible{outline:3px solid #a44a24;outline-offset:4px}.attance-home h1,.attance-home h2,.attance-home h3,.attance-home h4{font-family:inherit;color:var(--ink);text-wrap:balance;font-weight:600}.attance-home p{max-width:72ch}.attance-home button,.attance-home input,.attance-home select{font:inherit;line-height:1.3}.attance-home button{cursor:pointer}.attance-home button:disabled{cursor:default}.attance-skip{position:absolute;left:-10000px}.attance-skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:5}
.attance-intro{max-width:53rem;padding:0 0 1.5rem}.attance-intro h1{font-size:clamp(2.3rem,4.2vw,3.7rem);letter-spacing:-.035em;line-height:1.1;margin:0 0 .9rem}.attance-intro>p{font-size:1.17rem;margin:0 0 .65rem}.attance-intro .attance-intro-note{font-size:.95rem;color:var(--muted)}
.attance-paths{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2.5rem}.attance-paths>a{position:relative;display:flex;flex-direction:column;padding:1.05rem 3.6rem 1.05rem 1.3rem;border:1px solid #829f90;border-radius:12px;text-decoration:none;background:var(--paper);min-width:0}.attance-paths>a[aria-current=page]{background:var(--ink);color:white;border-color:var(--ink)}.attance-paths strong{font-size:1.25rem}.attance-paths span{font-size:.94rem;color:var(--muted)}.attance-paths>a[aria-current=page] span{color:#d5e8de}.attance-paths svg{position:absolute;right:1.3rem;top:calc(50% - .75rem);width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.5}.attance-paths>a:hover{background:#e3eee6}.attance-paths>a[aria-current=page]:hover{background:#0d4c3c}
.attance-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .35rem}.attance-section-heading h2{font-size:1.6rem;line-height:1.25;margin:0}.attance-map-explanation{color:var(--muted);font-size:.95rem;margin:.5rem 0 1.3rem}.attance-view-switch{display:flex;border:1px solid #829f90;border-radius:8px;overflow:hidden;flex-shrink:0}.attance-view-switch button{border:0;background:white;color:var(--green);padding:.55rem .9rem;min-height:44px}.attance-view-switch button[aria-pressed=true]{background:var(--ink);color:white}
.attance-filters{display:grid;grid-template-columns:1.15fr 1.3fr 1fr 1fr;gap:.8rem}.attance-filters label{display:block;font-size:.8rem;font-weight:600;min-width:0}.attance-filters input,.attance-filters select{display:block;width:100%;padding:.65rem .65rem;border:1px solid #829f90;border-radius:6px;color:var(--ink);background:white;margin-top:.3rem;min-height:44px;caret-color:var(--green);font-size:.9rem}.attance-filters input::placeholder{color:var(--muted);opacity:1}.attance-count{font-size:.85rem;color:var(--muted);margin:.8rem 0;font-variant-numeric:tabular-nums}.attance-explore-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1.5rem;align-items:start}.attance-home:not(.is-enhanced) .attance-explore-layout{grid-template-columns:1fr}.attance-map-wrap{min-width:0}.attance-map{position:relative;background:var(--paper);border-radius:16px;isolation:isolate}.attance-map[data-view=map]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem .8rem;padding:1.2rem}.attance-region{min-width:0;position:relative;z-index:1}.attance-region h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;line-height:1.25;margin:0 0 .65rem;min-height:2.3rem}.attance-region h3:before{content:'';width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--region-color)}.attance-region ul{list-style:none;margin:0;padding:0}.attance-region li{margin:0 0 .35rem}.attance-node{display:block;width:100%;min-height:39px;border:1px solid transparent;border-radius:6px;background:rgba(255,255,255,.7);color:var(--ink);text-align:left;padding:.42rem .65rem;font-size:.92rem;overflow-wrap:anywhere;transition:background-color 160ms ease-out,border-color 160ms ease-out}.attance-node strong{font-weight:400;overflow-wrap:normal;word-break:normal;hyphens:manual}.attance-node:hover{border-color:#829f90;background:white}.attance-node[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.attance-node[data-related=true]{background:#d7e9db;border-color:#8aad98}.attance-node small{display:none;font-size:.84rem;color:var(--muted)}.attance-node[aria-pressed=true] small{color:#d5e8de}.attance-map[data-view=map] .is-filtered{opacity:.2}.attance-map[data-view=list] .is-filtered{display:none}.attance-node .attance-unavailable{display:block;font-size:.72rem;color:var(--muted)}.attance-node[aria-pressed=true] .attance-unavailable{color:#d5e8de}.attance-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.attance-links path{fill:none;stroke:#74a088;stroke-width:1.5;stroke-dasharray:4 5}.attance-map[data-view=list]{padding:0;background:white}.attance-map[data-view=list] .attance-region{margin:0 0 1.6rem}.attance-map[data-view=list] .attance-region h3{font-size:1.05rem}.attance-map[data-view=list] .attance-node{padding:.8rem .4rem;background:transparent;border-radius:0;border:0;border-bottom:1px solid var(--line)}.attance-map[data-view=list] .attance-node strong{font-weight:600}.attance-map[data-view=list] .attance-node small{display:block;margin-top:.2rem}.attance-map[data-view=list] .attance-node[aria-pressed=true]{background:var(--selected);color:var(--ink)}.attance-map[data-view=list] .attance-node[aria-pressed=true] small{color:var(--muted)}.attance-map[data-view=list] .attance-links{display:none}.attance-seed{padding:1rem 1.5rem;list-style:none}.attance-seed>li{padding:.75rem 0;border-bottom:1px solid var(--line)}.attance-seed h3{font-size:1.1rem;margin:0 0 .3rem}.attance-seed p{margin:0}
.attance-details{position:sticky;top:1rem;border-top:1px solid var(--line);padding-top:1.05rem;min-width:0}.attance-details h3{font-size:1.5rem;margin:0 0 .55rem;overflow-wrap:normal;word-break:normal;hyphens:manual}.attance-details h4{font-size:1rem;margin:1.2rem 0 .45rem}.attance-details p{font-size:.95rem;margin:0 0 1rem}.attance-detail-close{float:none;color:var(--green);background:white;border:1px solid var(--line);border-radius:6px;padding:.4rem .65rem;margin:0 0 .8rem auto;min-height:44px;display:none}.attance-demo{background:#e9f2eb;border-radius:12px;padding:.9rem;margin:1rem 0}.attance-demo span{font-size:.76rem;color:var(--muted)}.attance-demo p{margin:.5rem 0 .1rem;font-size:1.02rem;line-height:1.7;font-weight:600}.attance-action{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;border:1px solid #829f90;border-radius:7px;color:var(--green);background:white;padding:.6rem .85rem;font-weight:600;text-decoration:none}.attance-action.primary{background:var(--ink);border-color:var(--ink);color:white}.attance-action:hover{background:#e4efe7}.attance-action.primary:hover{background:#0d4c3c;color:white}.attance-details .attance-action.primary{width:100%}.attance-related{display:flex;gap:.45rem;flex-wrap:wrap}.attance-related button{border:0;border-bottom:1px solid #829f90;padding:.3rem 0;background:none;color:var(--green);min-height:35px;margin-right:.6rem;text-align:left}.attance-variants{padding-left:1.2rem;font-size:.9rem}.attance-variants li{padding:.25rem 0}.attance-variants a{display:inline-block;min-height:32px}.attance-detail-note{color:var(--muted);font-size:.8rem!important}.attance-notice{padding:1.2rem;background:#edf3ee;border-radius:12px;color:var(--ink)}.attance-notice button{border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--green);padding:.2rem}
.attance-journey{min-height:400px}.attance-journey>p{color:var(--muted)}.attance-journey h3{font-size:1.25rem;margin:2rem 0 .7rem}.attance-resume{list-style:none;padding:0}.attance-resume li{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--line)}.attance-resume h4{font-size:1.1rem;margin:0 0 .3rem}.attance-resume p{margin:0;color:var(--muted);font-size:.9rem}.attance-results{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.attance-results>li{min-width:0;padding:1.1rem 0;border-top:1px solid var(--line)}.attance-results h4{font-size:1.18rem;margin:0 0 .6rem}.attance-result-preview{color:var(--muted);font-size:.93rem;overflow-wrap:anywhere}.attance-result-words{display:flex;flex-wrap:wrap;gap:.35rem;padding:0;list-style:none}.attance-result-words li{padding:.25rem .6rem;background:var(--paper);border-radius:6px}.attance-next{list-style:none;padding:0}.attance-next li{margin:.85rem 0}.attance-next a{font-weight:600}.attance-next p{font-size:.85rem;color:var(--muted);margin:.2rem 0}.attance-results details>summary{color:var(--green);cursor:pointer;padding:.6rem 0;font-size:.9rem}.attance-journey-map{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0}.attance-journey-map li{padding:.5rem .7rem;border:1px solid var(--line);border-radius:8px}.attance-journey-map a{display:inline-flex;align-items:center;min-height:32px}.attance-journey-arrow{padding:0 .5rem;color:#568773}.attance-journey-empty{background:var(--paper);padding:2rem;border-radius:16px;margin:1.5rem 0}.attance-journey-empty h3{margin-top:0}.attance-load-more{margin:1.5rem 0}.attance-how{margin:3.5rem 0 2.5rem;padding-top:1.6rem;border-top:1px solid var(--line);max-width:52rem}.attance-how h2{font-size:1.65rem;margin:0 0 .8rem}.attance-how p{color:var(--muted)}.attance-about{border-top:1px solid var(--line);padding:1.5rem 0;font-size:.85rem;color:var(--muted)}.attance-about nav{display:flex;flex-wrap:wrap;gap:1.5rem}.attance-about nav a{min-height:40px;display:inline-flex;align-items:center}
@media(max-width:1100px){.attance-explore-layout{grid-template-columns:minmax(0,1fr) 260px;gap:1rem}.attance-map[data-view=map]{grid-template-columns:repeat(2,minmax(0,1fr))}.attance-home{padding-inline:1.5rem}}
@media(max-width:760px){.attance-home{padding:1.5rem 1rem 0}.attance-intro h1{font-size:2.6rem}.attance-intro>p{font-size:1.05rem}.attance-paths{gap:.65rem;margin-bottom:2rem}.attance-paths>a{padding:1rem .8rem}.attance-paths strong{font-size:1.1rem}.attance-paths span{font-size:.82rem}.attance-paths svg{display:none}.attance-filters{grid-template-columns:1fr 1fr;gap:.8rem}.attance-section-heading h2{font-size:1.35rem}.attance-explore-layout{display:flex;flex-direction:column}.attance-map-wrap{width:100%;order:2}.attance-details{position:static;width:100%;order:1;background:#f2f7f2;border:0;border-radius:12px;padding:1rem}.attance-details h3{font-size:1.35rem}.attance-details .attance-demo{max-width:20rem}.attance-details .attance-related{display:none}.attance-details h4:has(+.attance-related){display:none}.attance-details .attance-detail-note{display:none}.attance-details .attance-variants{margin-bottom:.5rem}.attance-detail-close{display:block}.attance-details h4{margin-top:1rem}.attance-map[data-view=map]{grid-template-columns:repeat(2,minmax(0,1fr));padding:.9rem;gap:1.1rem .65rem}.attance-node{padding:.5rem .45rem;font-size:.9rem;min-height:44px}.attance-region h3{min-height:2.6rem;font-size:.87rem}.attance-results{grid-template-columns:1fr;gap:1rem}.attance-resume li{align-items:flex-start;gap:.8rem}.attance-resume .attance-action{font-size:.85rem;flex-shrink:0}.attance-section-heading{align-items:flex-start}.attance-journey-empty{padding:1.25rem}.attance-how{margin-top:2.5rem}}
@media(max-width:370px){.attance-home{padding-inline:.75rem}.attance-intro h1{font-size:2.25rem}.attance-paths strong{font-size:1rem}.attance-paths span{font-size:.78rem}.attance-view-switch button{padding:.5rem .6rem}.attance-map[data-view=map]{padding:.65rem;gap:1rem .4rem}.attance-node{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.attance-node{transition:none}}

body[data-games-site=attance] #footer a{color:#156653;text-underline-offset:.2em}body[data-games-site=attance] #footer a:hover{color:#0a4537}body[data-games-site=attance] #footer a:focus-visible{outline:3px solid #a44a24;outline-offset:4px}

/* Attance's dark theme leaves the shared light game surfaces intact. */
body[data-games-site=attance] .attance-home {
    --ink:var(--attance-ink);
    --muted:var(--attance-muted);
    --green:var(--attance-action);
    --line:var(--attance-line);
    --paper:var(--attance-surface);
    --selected:var(--attance-selected);
    color-scheme:dark;
    scrollbar-color:var(--attance-control) var(--attance-surface);
}
body[data-games-site=attance] .attance-home ::selection { background:var(--attance-primary); color:var(--attance-primary-ink); }
body[data-games-site=attance] .attance-home a:hover { color:var(--attance-primary-hover); }
body[data-games-site=attance] .attance-home :is(button,input,select,a,summary):focus-visible { outline-color:var(--attance-focus); }
body[data-games-site=attance] .attance-skip:focus { background:var(--attance-raised); }
body[data-games-site=attance] .attance-paths>a { border-color:var(--attance-control); background:var(--attance-surface); }
body[data-games-site=attance] .attance-paths>a:hover { background:var(--attance-raised); }
body[data-games-site=attance] .attance-paths>a[aria-current=page] { color:var(--attance-primary-ink); background:var(--attance-primary); border-color:var(--attance-primary); }
body[data-games-site=attance] .attance-paths>a[aria-current=page] span { color:var(--attance-primary-ink); }
body[data-games-site=attance] .attance-paths>a[aria-current=page]:hover { background:var(--attance-primary-hover); border-color:var(--attance-primary-hover); }
body[data-games-site=attance] .attance-view-switch { border-color:var(--attance-control); }
body[data-games-site=attance] .attance-view-switch button { background:var(--attance-surface); }
body[data-games-site=attance] .attance-view-switch button:hover { background:var(--attance-raised); }
body[data-games-site=attance] .attance-view-switch button[aria-pressed=true] { background:var(--attance-primary); color:var(--attance-primary-ink); }
body[data-games-site=attance] .attance-filters :is(input,select) { background:var(--attance-surface); border-color:var(--attance-control); }
body[data-games-site=attance] .attance-node { background:var(--attance-raised); border-color:transparent; color:var(--attance-ink); }
body[data-games-site=attance] .attance-node:hover { background:var(--attance-selected); border-color:var(--attance-control); }
body[data-games-site=attance] .attance-node[data-related=true] { background:var(--attance-selected); border-color:var(--attance-control); }
body[data-games-site=attance] .attance-node[aria-pressed=true] { color:var(--attance-primary-ink); background:var(--attance-primary); border-color:var(--attance-primary); }
body[data-games-site=attance] .attance-node[aria-pressed=true] :is(small,.attance-unavailable) { color:var(--attance-primary-ink); }
body[data-games-site=attance] .attance-map[data-view=map] .is-filtered { opacity:.38; }
body[data-games-site=attance] .attance-links path { stroke:var(--attance-control); }
body[data-games-site=attance] .attance-map[data-view=list] { background:transparent; }
body[data-games-site=attance] .attance-map[data-view=list] .attance-node { background:transparent; }
body[data-games-site=attance] .attance-map[data-view=list] .attance-node:hover { background:var(--attance-raised); }
body[data-games-site=attance] .attance-map[data-view=list] .attance-node[aria-pressed=true] { color:var(--attance-ink); background:var(--attance-selected); }
body[data-games-site=attance] .attance-map[data-view=list] .attance-node[aria-pressed=true] small { color:var(--attance-muted); }
body[data-games-site=attance] #region-recognize:before { background:#8fc5b7; }
body[data-games-site=attance] #region-build:before { background:#d2ad71; }
body[data-games-site=attance] #region-connect:before { background:#99bada; }
body[data-games-site=attance] #region-meaning:before { background:#c9a5c5; }
body[data-games-site=attance] #region-together:before { background:#e1a28c; }
body[data-games-site=attance] .attance-detail-close { background:var(--attance-raised); border-color:var(--attance-control); }
body[data-games-site=attance] .attance-detail-close:hover { background:var(--attance-selected); }
body[data-games-site=attance] .attance-demo { background:var(--attance-raised); }
body[data-games-site=attance] .attance-action { background:var(--attance-surface); border-color:var(--attance-control); }
body[data-games-site=attance] .attance-action:hover { background:var(--attance-raised); }
body[data-games-site=attance] .attance-action.primary { background:var(--attance-primary); color:var(--attance-primary-ink); border-color:var(--attance-primary); }
body[data-games-site=attance] .attance-action.primary:hover { background:var(--attance-primary-hover); color:var(--attance-primary-ink); border-color:var(--attance-primary-hover); }
body[data-games-site=attance] .attance-related button { border-color:var(--attance-control); }
body[data-games-site=attance] .attance-notice { background:var(--attance-raised); }
body[data-games-site=attance] .attance-journey-arrow { color:var(--attance-action); }
body[data-games-site=attance] #footer a { color:var(--attance-action); }
body[data-games-site=attance] #footer a:hover { color:var(--attance-primary-hover); }
body[data-games-site=attance] #footer a:focus-visible { outline-color:var(--attance-focus); }
@media(max-width:760px) {
    body[data-games-site=attance] .attance-details { background:var(--attance-surface); }
}
body[data-games-site=attance] .attance-map[data-view=list] .attance-node[aria-pressed=true] .attance-unavailable { color:var(--attance-muted); }

/* The atlas illustrations introduce the mechanic; labels and launch links stay primary. */
.attance-node-art { display:block; width:64px; height:40px; margin:0 0 .4rem; border-radius:4px; }
.attance-atlas-preview { margin:1rem 0 1.25rem; max-width:28rem; }
.attance-atlas-preview>img { display:block; width:100%; height:auto; border-radius:12px; }
.attance-atlas-preview figcaption { padding-top:.8rem; }
.attance-atlas-preview figcaption p { margin:0 0 .35rem; font-weight:600; line-height:1.4; }
.attance-atlas-preview figcaption span { display:block; color:var(--muted); font-size:.88rem; line-height:1.5; }
.attance-atlas-preview figcaption small { display:block; color:var(--muted); margin-top:.55rem; font-size:.76rem; }
.attance-seed-art { float:right; width:120px; height:75px; max-width:38%; margin:0 0 .5rem 1rem; border-radius:8px; }
.attance-seed>li:has(.attance-seed-art) { display:flow-root; }
@media(max-width:370px) { .attance-node-art { width:56px; height:35px; } }

/* Editorial word studio: a playable introduction, then a readable catalogue. */
body[data-games-site=attance] .attance-home{color-scheme:inherit}
.attance-intro{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);max-width:none;padding:1.5rem 0 3rem}
.attance-intro-copy{min-width:0}.attance-intro-copy h1{font-family:var(--attance-font-display,Georgia,serif);font-size:clamp(2.5rem,5vw,4rem);line-height:1.08;letter-spacing:-.025em;max-width:10ch}
.attance-intro-copy>p{font-size:1.15rem;line-height:1.65;max-width:40ch;margin:1.25rem 0 1.5rem}.attance-intro-copy .attance-intro-note{font-size:.88rem;margin:1rem 0 0}
.attance-action{gap:.7rem;border-radius:9px}.attance-intro .attance-action{padding:.8rem 1.1rem}
.attance-bridge-demo{background:var(--attance-surface,var(--paper));border-radius:16px;padding:clamp(1.25rem,3vw,2rem);min-width:0}
.attance-bridge-demo h2{font-size:1.5rem;line-height:1.2;margin:0 0 .7rem}.attance-bridge-demo>p{color:var(--muted);font-size:.95rem;margin:0}
.attance-demo-path{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:1.25rem;list-style:none;padding:0;margin:2rem 0 1.5rem}
.attance-demo-path li{position:relative;text-align:center;background:var(--attance-raised,#e3eee6);padding:1rem .25rem;border-radius:8px;font-size:clamp(.95rem,1.6vw,1.25rem);font-weight:600;min-width:0;overflow-wrap:anywhere}
.attance-demo-path li+li:before{position:absolute;content:'→';right:100%;width:1.25rem;color:var(--muted);font-weight:400}
.attance-demo-path .attance-demo-gap{border:1px dashed var(--attance-control,var(--line));background:transparent;transition:background-color 180ms ease-out}
.attance-bridge-demo.is-connected .attance-demo-gap{border-style:solid;background:var(--attance-selected,#d6ebdf)}
.attance-demo-choices{display:flex;gap:.65rem}.attance-demo-choices button{flex:1;border:1px solid var(--attance-control,var(--line));border-radius:9px;padding:.6rem .8rem;min-height:44px;background:var(--attance-surface,#fff);color:var(--ink)}
.attance-demo-choices button:hover{background:var(--attance-raised,#e3eee6)}.attance-demo-choices button[aria-pressed=true]{background:var(--attance-primary,#163d30);color:var(--attance-primary-ink,#fff)}
.attance-bridge-demo .attance-demo-feedback{min-height:5.3em;margin:1rem 0 0;font-size:.93rem;line-height:1.6}.attance-bridge-demo .attance-demo-caption{font-size:.8rem;margin-top:.6rem}
.attance-paths{display:flex;gap:1.5rem;border-block:1px solid var(--line);padding:.75rem 0;margin-bottom:3rem}
.attance-paths>a{flex:1;display:block;border:0;border-radius:0!important;background:transparent!important;color:var(--ink)!important;padding:.25rem 0!important}
.attance-paths>a strong{font-size:1rem}.attance-paths>a span{display:block;font-size:.87rem;color:var(--muted)!important}.attance-paths svg{display:none}
.attance-paths>a[aria-current=page] strong{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px}
.attance-starts{margin-bottom:4rem;scroll-margin-top:1.5rem}.attance-section-note{color:var(--muted);margin:.7rem 0 1.5rem}
.attance-home .attance-section-heading h2,.attance-home .attance-how h2{font-family:var(--attance-font-display,Georgia,serif);font-size:clamp(1.75rem,3vw,2.25rem);letter-spacing:-.02em}
.attance-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.attance-start-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.attance-start-card>img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:14px;margin-bottom:1.1rem}.attance-start-card h3{font-size:1.4rem;margin:0 0 .6rem;overflow-wrap:anywhere}
.attance-start-card p{color:var(--muted);font-size:1rem;line-height:1.6;margin:0 0 1rem}.attance-start-card .attance-action{margin-top:auto}
.attance-explorer{scroll-margin-top:1.5rem}.attance-view-switch{border-radius:9px}.attance-filters{margin-top:1.5rem}.attance-filters label{font-size:.875rem}
.attance-filters :is(input,select){font-size:1rem;border-radius:9px}
.attance-map[data-view=list] .attance-region>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.attance-map[data-view=list] .attance-region{margin:1.5rem 0 2.5rem}
.attance-map[data-view=list] .attance-region h3{font-size:1.15rem;margin-bottom:.5rem}.attance-map[data-view=list] .attance-region li{display:flex;min-width:0;margin:0}
.attance-home .attance-map[data-view=list] .attance-node{display:flex;flex-direction:column;padding:.65rem;border-radius:12px;border:1px solid var(--line);text-align:left;height:100%;gap:.5rem}
.attance-map[data-view=list] .attance-node strong{font-size:1.05rem}.attance-map[data-view=list] .attance-node small{font-size:.875rem;line-height:1.5;margin:0}
.attance-map[data-view=list] .attance-node-art{width:100%;height:auto;aspect-ratio:8/5;max-height:120px;object-fit:cover;border-radius:7px;margin:0 0 .25rem}
.attance-node{min-height:44px}.attance-details{border-top:1px solid var(--line);padding-top:1.25rem}.attance-details .attance-detail-close{display:block}
.attance-map[data-view=map] .attance-region:has([data-select][aria-pressed=true]) h3{font-weight:700;text-decoration:underline;text-underline-offset:.3em}
.attance-links path{stroke-width:2}.attance-home .attance-seed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:0}.attance-seed>li{min-width:0}.attance-seed-art{float:none;width:100%;height:auto;max-width:100%;margin:0 0 1rem}
.attance-map[data-view=list] .attance-region li.is-filtered,.attance-map[data-view=list] .attance-region:not(:has(li:not(.is-filtered))){display:none}
@media(max-width:1100px){.attance-map[data-view=list] .attance-region>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.attance-start-grid{gap:1rem}}
@media(max-width:760px){.attance-intro{grid-template-columns:1fr;gap:1.5rem;padding:.5rem 0 1.5rem}.attance-intro-copy h1{font-size:clamp(2.25rem,8vw,2.75rem);max-width:14ch}.attance-intro-copy>p{font-size:1rem;margin:.8rem 0 1rem}.attance-intro-copy .attance-intro-note{margin-top:.7rem}.attance-bridge-demo{padding:1.25rem}.attance-demo-path{margin:1.25rem 0}.attance-demo-path li{font-size:1.1rem;padding:.7rem .25rem}.attance-bridge-demo .attance-demo-feedback{min-height:4.8em}.attance-paths{margin-bottom:2.25rem;gap:1rem}.attance-section-heading{flex-wrap:wrap;gap:.7rem}.attance-section-heading>a{min-height:44px;display:inline-flex;align-items:center}.attance-start-grid{grid-template-columns:1fr;gap:1.5rem}.attance-start-card{display:grid;grid-template-columns:minmax(100px,.8fr) 1.2fr;gap:.5rem 1rem;align-items:start}.attance-start-card>img{grid-row:1/4;margin:0}.attance-start-card h3{font-size:1.25rem;margin:0}.attance-start-card p{font-size:.93rem;margin:0}.attance-start-card .attance-action{justify-self:start;margin:.3rem 0 0}.attance-starts{margin-bottom:2.5rem}.attance-home .attance-seed{grid-template-columns:repeat(2,minmax(0,1fr))}.attance-map[data-view=list] .attance-region{margin-top:.5rem}.attance-map[data-view=list] .attance-region>ul{gap:.75rem}.attance-details{scroll-margin-top:1rem}}
@media(max-width:370px){.attance-map[data-view=list] .attance-region>ul{grid-template-columns:1fr}.attance-home .attance-map[data-view=list] .attance-node{display:grid;grid-template-columns:72px 1fr;column-gap:.75rem}.attance-map[data-view=list] .attance-node-art{grid-row:1/4;max-height:none;align-self:start}.attance-map[data-view=list] .attance-node small{font-size:.9rem}.attance-start-card{grid-template-columns:88px 1fr}.attance-home .attance-seed{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.attance-demo-gap{transition:none}}