.library-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.library-tabs button{min-height:48px;padding:10px 20px;border:1px solid var(--ag-ui-border);border-radius:var(--ag-control-radius);background:var(--ag-ui-surface);color:var(--ag-ui-text);font:var(--ag-type-body2)}.library-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--ag-ui-accent) 20%,var(--ag-ui-surface));border-color:var(--ag-ui-accent)}.troop-guide{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;border:1px solid var(--ag-ui-border);border-radius:var(--ag-card-radius);padding:24px;background:linear-gradient(145deg,#12253a,#091423)}.troop-canvas{display:block;width:100%;max-width:480px;height:auto;margin:0 auto;background:radial-gradient(ellipse at 50% 77%,#3890a526,transparent 65%)}.troop-actions{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.troop-actions select{font:var(--ag-type-body1);min-height:48px;border-radius:var(--ag-control-radius);padding:8px;background:var(--ag-ui-surface);border:1px solid var(--ag-ui-border);color:var(--ag-ui-text)}.troop-actions button{min-height:48px}.troop-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.troop-stat-grid div{padding:14px;background:#071322;border:1px solid var(--ag-ui-border);border-radius:var(--ag-card-radius)}.troop-stat-grid dt{font:var(--ag-type-caption);color:var(--ag-ui-secondary)}.troop-stat-grid dd{margin:8px 0 0;font:var(--ag-type-h3)}.troop-guide h2{margin-top:12px}.troop-guide h3{margin-top:24px}
.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.material-card{border:1px solid var(--ag-ui-border);border-radius:var(--ag-card-radius);overflow:hidden;background:var(--ag-ui-surface)}.material-visual{height:158px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#235b6833,transparent 70%),linear-gradient(135deg,#102439,#081322);border-bottom:1px solid var(--ag-ui-border)}.material-visual svg{width:90px;height:90px;fill:#15384a;stroke:#b9dddf;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 5px 3px #0007)}.material-body{padding:24px}.material-body h2{font:var(--ag-type-h3);margin:8px 0 20px}.material-body .material-term{font:var(--ag-type-caption);color:#93dcea}.material-body dt{font:var(--ag-type-h5);margin-top:18px}.material-body dd{margin:6px 0 0;color:var(--ag-ui-secondary);font:var(--ag-type-body1)}.material-boundary{padding:20px 24px;border-left:2px solid #59b0bc;background:#112637;margin:24px 0}
.region-map{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--ag-ui-border);border-radius:var(--ag-card-radius);margin:24px 0}.region-map>img{width:100%;height:100%;object-fit:cover;filter:brightness(.63)}.region-map>a{position:absolute;min-height:48px;padding:10px 16px;background:#071626ed;border:1px solid #81afb9;color:#edf6f7;border-radius:var(--ag-control-radius);font:var(--ag-type-body2);text-decoration:none;box-shadow:0 8px 20px #0006}.region-map>a:nth-of-type(1){left:40%;top:20%}.region-map>a:nth-of-type(2){left:8%;top:47%}.region-map>a:nth-of-type(3){right:8%;top:47%}.region-map>a:nth-of-type(4){left:40%;top:73%}
@media(max-width:700px){.troop-guide{grid-template-columns:1fr;padding:16px;gap:12px}.material-grid{grid-template-columns:1fr}.material-body{padding:20px}.region-map{aspect-ratio:1}.region-map>a{font:var(--ag-type-caption);padding:8px;max-width:46%}.region-map>a:nth-of-type(1){left:33%;top:15%}.region-map>a:nth-of-type(2){left:3%;top:43%}.region-map>a:nth-of-type(3){right:3%;top:43%}.region-map>a:nth-of-type(4){left:33%;top:73%}}

.guide-home-label{display:flex;flex-direction:column;gap:2px;min-width:0}.guide-home-label strong{font:500 15px/20px var(--ag-font-sans);letter-spacing:.05em}.guide-home-label small{font:var(--ag-type-caption);letter-spacing:0;color:var(--ag-ui-secondary)}.library-tabs button[aria-pressed=true]{color:var(--ag-ui-text);background:color-mix(in srgb,var(--ag-ui-accent) 20%,var(--ag-ui-surface));border-color:var(--ag-ui-accent)}
.workbench-intro{font:var(--ag-type-h4);margin:28px 0 20px;color:#cae8e9}.workbench-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workbench-tabs button{display:flex;flex-direction:column;gap:9px;align-items:flex-start;text-align:left;min-height:100px;padding:18px;border:1px solid var(--ag-ui-border);border-radius:var(--ag-card-radius);background:#0a192c;color:var(--ag-ui-text);font:var(--ag-type-h5)}.workbench-tabs small{font:var(--ag-type-caption);color:#93dcea}.workbench-tabs button[aria-pressed=true],.concept-choices button[aria-pressed=true]{background:#173346;border-color:var(--ag-ui-accent)}.workbench-panel{margin:20px 0 16px;padding:28px;border:1px solid var(--ag-ui-border);border-radius:var(--ag-card-radius);background:linear-gradient(150deg,#13283c,#091423)}.workbench-panel>h2{font:var(--ag-type-h2);margin-bottom:12px}.workbench-panel>.lead{max-width:850px;font:var(--ag-type-body1)}.concept-choices{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.concept-choices button{min-height:48px;padding:10px 14px;border:1px solid var(--ag-ui-border);border-radius:var(--ag-control-radius);background:#0b1729;color:#edf6f7;font:var(--ag-type-body2)}.concept-panel{background:#081626;border:1px solid #2f4c61;border-radius:var(--ag-card-radius);padding:24px}.concept-panel h3{font:var(--ag-type-h3);margin:8px 0 14px}.concept-panel .lead{font:var(--ag-type-body1)}.concept-boundary{border-left:2px solid #c1a66e;padding:10px 16px;margin:18px 0;background:#b9964e0b;font:var(--ag-type-body2);color:#bfccda}.concept-hint{display:grid;gap:6px;border-top:1px solid #395569;padding-top:18px}.concept-hint strong{font:var(--ag-type-h5)}.concept-hint p{margin:0;color:var(--ag-ui-secondary)}.concept-sources{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:18px}.concept-source{color:#91d8e5;font:var(--ag-type-caption);padding:10px 0;text-underline-offset:4px}.learning-examples{margin:60px 0}.learning-game-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.learning-game{border:1px solid var(--ag-ui-border);border-radius:var(--ag-card-radius);padding:24px;background:#0c1c30}.learning-step{display:grid;grid-template-columns:32px 1fr;gap:16px;margin:28px 0}.step-number{color:#92cfdd;font:var(--ag-type-caption);padding-top:3px}.learning-step h3{font:var(--ag-type-h4);margin:0 0 8px}.learning-step p{font:var(--ag-type-body1);margin:0;color:var(--ag-ui-secondary)}.concept-search-section{margin:60px 0}#concept-search{width:100%;min-height:48px;padding:12px 16px;margin:20px 0;border:1px solid var(--ag-ui-border);border-radius:var(--ag-control-radius);background:#0a1728;color:var(--ag-ui-text);font:var(--ag-type-body1)}.term-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.term-results details{border:1px solid var(--ag-ui-border);border-radius:var(--ag-card-radius);min-width:0;background:#0d1d30}.term-results summary{padding:16px;cursor:pointer;font:var(--ag-type-body1);min-height:48px}.term-results .concept-panel{border:0;border-top:1px solid #2e4c61;border-radius:0;padding:20px}.term-results .concept-panel .eyebrow{font:var(--ag-type-caption);letter-spacing:0}
@media(max-width:700px){.workbench-tabs{grid-template-columns:1fr 1fr;gap:8px}.workbench-tabs button{min-height:92px;padding:14px;font:var(--ag-type-body2)}.workbench-panel{padding:18px}.concept-panel{padding:18px}.learning-game-grid,.term-results{grid-template-columns:1fr}.learning-game{padding:18px}#concept-search{font-size:16px}.concept-choices button{max-width:100%;overflow-wrap:anywhere}}

.troop-actions [hidden]{display:none!important}

/* Registry viewer: one selected original raster, never a 37-atlas preload. */
.registry-library{margin-top:28px}.registry-library>.lead{max-width:900px}.registry-layout{display:grid;grid-template-columns:minmax(200px,.72fr) minmax(0,2fr);gap:28px;margin-top:28px}.registry-browser{min-width:0}.registry-browser>label{display:block;font:var(--ag-type-caption);color:var(--ag-ui-secondary);margin:14px 0 6px}.registry-browser input,.registry-browser select{width:100%;min-height:48px;background:var(--ag-ui-surface);color:var(--ag-ui-text);border:1px solid var(--ag-ui-border);border-radius:var(--ag-control-radius);font:var(--ag-type-body2);padding:10px 12px}.registry-list{display:grid;gap:8px;max-height:600px;overflow-y:auto;padding:3px}.registry-list button,.registry-frames button{min-height:48px;text-align:left;padding:10px 14px;border:1px solid var(--ag-ui-border);border-radius:var(--ag-control-radius);background:#0b192b;color:var(--ag-ui-text);font:var(--ag-type-body2);overflow-wrap:anywhere}.registry-list button[aria-pressed=true],.registry-frames button[aria-pressed=true]{border-color:var(--ag-ui-accent);background:#173849}.registry-detail{min-width:0;padding:24px;border:1px solid var(--ag-ui-border);border-radius:var(--ag-card-radius);background:#0a182a}.registry-detail h2{font:var(--ag-type-h3);margin:8px 0 14px}.registry-detail .lead{font:var(--ag-type-body1)}.registry-status{padding:14px 18px 14px 34px;margin:20px 0;background:#152b3b;border-radius:var(--ag-card-radius);font:var(--ag-type-caption);color:#c7dce1}.registry-status li+li{margin-top:8px}.registry-figure{margin:24px 0 16px;min-width:0}.registry-crop{display:block;width:100%;height:320px;max-width:100%;overflow:hidden;background:radial-gradient(ellipse,#21475450,transparent 70%)}.registry-full-image{display:block;width:100%;max-height:360px;object-fit:contain}.registry-figure figcaption{font:var(--ag-type-caption);color:var(--ag-ui-secondary);margin-top:12px}.registry-frames{display:flex;flex-wrap:wrap;gap:8px}.registry-frames button{max-width:100%;flex:0 1 auto}.registry-boundary{padding:14px 18px;border-left:2px solid #bba56c;background:#c39e4910;font:var(--ag-type-body2);line-height:var(--ag-body2-line)}.registry-no-image{padding:28px 20px;border:1px dashed var(--ag-ui-border);margin:24px 0}.registry-metadata{margin-top:24px;border-top:1px solid var(--ag-ui-border);padding-top:14px}.registry-metadata summary{min-height:48px;cursor:pointer;font:var(--ag-type-body2);padding:10px 0}.registry-metadata dt{font:var(--ag-type-caption);color:var(--ag-ui-secondary);margin-top:12px}.registry-metadata dd{margin:6px 0;font:var(--ag-type-body2);overflow-wrap:anywhere}.registry-metadata code{font:var(--ag-type-caption);font-family:var(--ag-font-mono);overflow-wrap:anywhere}.registry-metadata .text-link{display:inline-flex;align-items:center;min-height:48px;margin-top:12px;color:#a5deea}
@media(max-width:700px){.registry-layout{grid-template-columns:1fr;gap:20px}.registry-list{max-height:220px;grid-template-columns:repeat(2,minmax(0,1fr))}.registry-detail{padding:18px}.registry-crop{height:260px}.registry-browser input,.registry-browser select{font-size:16px}.registry-frames button{flex:1 1 120px}.registry-metadata code{word-break:break-all}}

/* Shared story additions consume canonical UI type/spacing tokens. */
.role-motivation{padding:18px 20px;margin:24px 0;border-left:2px solid var(--ag-ui-accent);background:color-mix(in srgb,var(--ag-ui-accent) 6%,var(--ag-ui-surface))}.role-motivation h3{font:var(--ag-type-h5);margin:0 0 10px}.role-motivation .text-link{display:inline-flex;min-height:44px;align-items:center;color:var(--ag-ui-accent)}
.world-learning,.token-world{margin:48px 0;min-width:0}.world-learning>h2,.token-world>h2{font:var(--ag-type-h3)}.world-integration-note{padding:16px 18px;border-left:2px solid #bba56c;background:#c39e4910;font:var(--ag-type-body2);line-height:var(--ag-body2-line);overflow-wrap:anywhere}.world-concepts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0;align-items:start}.world-concepts details{min-width:0;border:1px solid var(--ag-ui-border);background:var(--ag-ui-surface);border-radius:var(--ag-card-radius)}.world-concepts summary{min-height:64px;padding:18px;cursor:pointer;font:var(--ag-type-body1);overflow-wrap:anywhere}.world-concepts summary small{display:inline-block;margin-right:12px;color:var(--ag-ui-accent);font:var(--ag-type-caption)}.world-concept-body{padding:0 20px 20px}.world-concept-body .lead{font:var(--ag-type-body1)}.world-concept-body h3{font:var(--ag-type-h5);margin:24px 0 8px}.token-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.token-account-grid article{min-width:0;border:1px solid var(--ag-ui-border);border-radius:var(--ag-card-radius);padding:20px;background:var(--ag-ui-surface)}.token-account-grid h3{font:var(--ag-type-h5);margin:12px 0}.token-account-grid p{font:var(--ag-type-body2);overflow-wrap:anywhere}.token-account-grid img{filter:brightness(0) saturate(100%) invert(82%);width:30px;height:30px}.world-load-error{padding:20px;border:1px solid var(--ag-ui-border);border-radius:var(--ag-card-radius)}
@media(max-width:760px){.token-account-grid{grid-template-columns:1fr}.world-concepts{grid-template-columns:1fr}.world-learning,.token-world{margin:32px 0}.world-concept-body{padding:0 16px 18px}.world-concepts summary{padding:16px}.role-motivation{padding:16px}}