.history-material-header{margin-top:1.4rem}.history-lab{display:grid;gap:1rem;margin-top:1rem;--history-land: #e4d6b4;--history-water: #2f6f9e;--history-water-line: #1a4a6d;--history-territory: #b0392f;--history-territory-line: #6f1f19;--history-river: #7fc2e8}.history-map,.history-quiz,.history-sources{border-radius:14px;border:1px solid rgba(191,208,222,.18);background:#154172db;padding:1rem 1.1rem}.history-quiz-intro{margin:0;color:#ffffffd1}.history-map-hit{fill:transparent;cursor:pointer}.history-map-head{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}.history-map h3,.history-quiz h3,.history-sources h3{margin:0}.history-map h4{margin:0 0 .5rem}.history-btn{min-height:48px;padding:.65rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:#154172b8;color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;text-align:left}.history-btn:hover:not(:disabled){border-color:#f1a116bf}.history-btn:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.history-btn:disabled{opacity:.55;cursor:not-allowed}.history-btn.is-selected{border-color:#f1a116;border-width:2px;background:linear-gradient(135deg,#f1a11647,#154172f5);box-shadow:inset 0 0 0 1px #f1a11680}.history-mark{display:inline-block;min-width:1.2em;margin-right:.4rem;font-family:IBM Plex Mono,monospace;color:#f1a116}.history-stage-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin:.9rem 0 .7rem}.history-stage-btn{display:grid;grid-template-columns:auto 1fr;align-items:baseline;row-gap:.15rem}.history-stage-year{font-family:IBM Plex Mono,monospace;font-size:1.02rem}.history-stage-title{grid-column:2;font-weight:400;font-size:.85rem;color:#ffffffd6}.history-stage-summary{margin:0 0 1rem;line-height:1.5}.history-map-body{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:1rem;align-items:start}.history-map-figure{min-width:0}.history-map-svg{display:block;width:100%;max-width:calc(72vh * 1000 / 813);height:auto;margin-inline:auto;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:var(--history-land)}.history-map-land{fill:var(--history-land)}.history-map-water{fill:var(--history-water);stroke:var(--history-water-line);stroke-width:1.2}.history-map-river{fill:none;stroke:var(--history-river);stroke-width:3;stroke-linecap:round}.history-map-territory{fill:var(--history-territory);fill-opacity:.68;stroke:var(--history-territory-line);stroke-width:1.8}.history-map-sea-label{fill:#eaf4fb;font-size:20px;font-family:IBM Plex Mono,monospace;letter-spacing:.05em;paint-order:stroke;stroke:#0c283ed9;stroke-width:4px}.history-map-marker{fill:#f1a116;stroke:#14283c;stroke-width:3;cursor:pointer}.history-map-marker.is-selected{fill:#fff;stroke:#b0392f;stroke-width:5}.history-map-marker-halo{fill:none;stroke:#fff;stroke-width:4;stroke-dasharray:9 7}.history-map-place-label{fill:#fff;font-size:21px;font-weight:700;paint-order:stroke;stroke:#0c1a2be6;stroke-width:5px}.history-legend{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin:.7rem 0 .4rem;padding:0;font-size:.9rem}.history-legend li{display:flex;align-items:center;gap:.42rem}.history-legend-swatch{width:20px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.5);flex:none}.history-legend-territory{background:var(--history-territory)}.history-legend-water{background:var(--history-water)}.history-legend-river{background:var(--history-river);height:5px}.history-legend-place{background:#f1a116;border-radius:50%;width:14px;height:14px}.history-approx{margin:0;font-family:IBM Plex Mono,monospace;font-size:.82rem;color:#f1a116}.history-map-side{min-width:0}.history-place-bar{display:grid;gap:.5rem;margin-bottom:.9rem}.history-place-card{border-radius:12px;border:1px solid rgba(241,161,22,.4);background:#0c2847b8;padding:.8rem .9rem}.history-place-card h4{margin:0 0 .4rem}.history-place-card p{margin:0;line-height:1.55}.history-quiz-list{display:grid;gap:.9rem;margin:.9rem 0 0;padding-left:1.2rem}.history-quiz-fieldset{border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:.8rem .9rem .9rem;margin:0}.history-quiz-fieldset legend{padding:0 .4rem;font-weight:600}.history-quiz-options{display:grid;gap:.45rem;margin-bottom:.7rem}.history-quiz-option{display:flex;align-items:center;gap:.55rem;min-height:48px;padding:.5rem .7rem;border-radius:10px;border:1px solid rgba(255,255,255,.26);background:#15417299;cursor:pointer}.history-quiz-option.is-selected{border-color:#f1a116;border-width:2px;background:linear-gradient(135deg,#f1a1163d,#154172eb)}.history-quiz-option input{width:20px;height:20px;accent-color:#f1a116;flex:none}.history-quiz-option:focus-within{outline:3px solid #ffffff;outline-offset:2px}.history-quiz-actions{display:flex;flex-wrap:wrap;gap:.5rem}.history-quiz-feedback{margin:.7rem 0 0;line-height:1.5;min-height:0}.history-quiz-feedback.is-correct{border-left:4px solid #7bd389;padding-left:.6rem}.history-quiz-feedback.is-wrong{border-left:4px solid #f1a116;padding-left:.6rem}.history-quiz-feedback.is-correct:before{content:"✔ ";font-weight:700}.history-quiz-feedback.is-wrong:before{content:"✕ ";font-weight:700}.history-sources ul{margin:.6rem 0;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.92rem}.history-sources p{margin:.5rem 0 0;line-height:1.5;font-size:.92rem}.history-sources a{color:#f1a116}.history-sources-note{font-family:IBM Plex Mono,monospace;font-size:.82rem}@media(min-width:1240px){.history-lab{margin-inline:calc((min(1560px,92vw) - 100%)/-2)}}@media(max-width:1000px){.history-map-body{grid-template-columns:1fr}.history-map-svg{max-width:100%}}@media(max-width:620px){.history-stage-bar{grid-template-columns:1fr}.history-legend{gap:.4rem .7rem;font-size:.84rem}}@media(max-height:1120px){.history-stage-bar{margin:.6rem 0 .5rem}.history-stage-summary{margin-bottom:.6rem}}@media(max-height:1120px){.history-map{padding:.7rem .9rem}.history-map{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;align-items:start}.history-map .history-stage-bar{grid-column:1 / -1;grid-row:1;margin:0 0 .5rem}.history-map .history-stage-summary{grid-column:1;grid-row:2;margin:0 0 .5rem}.history-map .history-map-head{grid-column:2;grid-row:2;margin:0 0 .5rem}.history-map .history-map-head h3{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.history-map .history-map-body{grid-column:1 / -1;grid-row:3}.history-map-svg{max-width:calc(56vh * 1000 / 813)}.history-legend{margin-top:.5rem;font-size:.82rem}}html.board-mode .history-map-svg{max-width:calc(66vh * 1000 / 813)}@media(max-height:1120px)and (min-width:1001px){html.board-mode .history-map-svg{max-width:calc(46vh * 1000 / 813)}html.board-mode .history-stage-title{display:none}html.board-mode .history-place-bar{grid-template-columns:1fr 1fr}html.board-mode .history-map-body{grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}}@media(max-height:1120px){.history-map-sea-label{font-size:26px}.history-map-place-label{font-size:30px}}@media(max-height:1120px)and (min-width:1001px){html.board-mode .history-map-sea-label{font-size:30px}html.board-mode .history-map-place-label{font-size:36px}}.history-sources>summary,.history-reference-details>summary{min-height:48px;padding:12px 4px;cursor:pointer;font-weight:700;line-height:1.5}.history-sources>summary:focus-visible,.history-reference-details>summary:focus-visible{outline:3px solid currentColor;outline-offset:4px;border-radius:4px}.history-sources[open]>summary{margin-bottom:12px}.history-attribution{font-size:.85em;line-height:1.6;margin:0}.timeline-lab{display:grid;gap:1rem;margin-top:1rem}.timeline-card{border-radius:14px;border:1px solid rgba(191,208,222,.18);background:#154172db;padding:1rem 1.1rem;min-width:0}.timeline-card h3{margin:0}.timeline-intro{margin:.5rem 0 .9rem;line-height:1.5;color:#ffffffdb}.timeline-periods{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0}.timeline-period{display:grid;gap:.2rem;padding:.6rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.28);background:#15417299}.timeline-period.is-active{border:2px solid #f1a116;background:linear-gradient(135deg,#f1a11647,#154172f5)}.timeline-period-name{font-weight:700}.timeline-period-range{font-size:.85rem;color:#ffffffd6}.timeline-period-flag{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:#f1a116}.timeline-note{margin:.5rem 0 1rem;font-size:.85rem;color:#ffffffd1}.timeline-distance{margin:0 0 .5rem;font-family:IBM Plex Mono,monospace;font-size:.82rem;color:#f1a116}.timeline-events{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin:0 0 1rem;padding:0}.timeline-events li{position:relative;min-width:0}.timeline-event-btn{display:grid;grid-template-columns:auto 1fr;align-content:start;row-gap:.15rem;width:100%;height:100%}.timeline-event-year{font-family:IBM Plex Mono,monospace}.timeline-event-title{grid-column:2;font-size:.85rem;font-weight:500}.timeline-tag{grid-column:2;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500;color:#f1a116}.timeline-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:1rem;align-items:start;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(241,161,22,.4);background:#0c2847b8}.timeline-detail h4{margin:.2rem 0 .5rem}.timeline-detail p{margin:0 0 .6rem;line-height:1.55}.timeline-detail-period{font-family:IBM Plex Mono,monospace;font-size:.82rem;color:#f1a116}.timeline-traditional{border-left:4px solid #f1a116;padding-left:.6rem;font-weight:600}.timeline-detail-note{font-size:.88rem;color:#ffffffd1}.timeline-detail-sources{font-size:.85rem;font-weight:600}.timeline-source-list{margin:0;padding-left:1.1rem;display:grid;gap:.25rem;font-size:.85rem}.timeline-source-list a,.timeline-sources-list a{color:#f1a116;overflow-wrap:anywhere}.timeline-figure{margin:0}.timeline-figure figcaption{margin-top:.4rem;font-size:.82rem;color:#ffffffd6}.timeline-ill{display:block;width:100%;height:auto;border-radius:10px;border:1px solid rgba(255,255,255,.25)}.timeline-ill-bg{fill:#e4d6b4}.timeline-ill-hill{fill:#9bb06b;stroke:#4d5a2c;stroke-width:2}.timeline-ill-river{fill:none;stroke:#2f6f9e;stroke-width:5;stroke-linecap:round}.timeline-ill-wall,.timeline-ill-column{fill:#f4ecd8;stroke:#3b2a14;stroke-width:2}.timeline-ill-roof{fill:#b0392f;stroke:#3b2a14;stroke-width:2}.timeline-ill-tablet{fill:#f4ecd8;stroke:#3b2a14;stroke-width:3}.timeline-ill-line{stroke:#3b2a14;stroke-width:3;stroke-linecap:round}.timeline-ill-seal{fill:#b0392f;stroke:#3b2a14;stroke-width:2}.timeline-ill-leaf ellipse{fill:#4d7a3a;stroke:#2c4a20;stroke-width:1}.timeline-ill-medal{fill:#f1c14e;stroke:#7a5a12;stroke-width:3}.timeline-ill-medal-inner{fill:none;stroke:#7a5a12;stroke-width:1.5;stroke-dasharray:3 3}.timeline-ill-arrow{stroke:#3b2a14;stroke-width:4}.timeline-ill-arrowhead{fill:#3b2a14}.timeline-ill-text,.timeline-ill-text-sm{fill:#3b2a14;font-family:Space Grotesk,sans-serif;font-weight:700;text-anchor:middle}.timeline-ill-text{font-size:16px}.timeline-ill-text-sm{font-size:13px}.timeline-order-list{list-style:none;display:grid;gap:.5rem;margin:.8rem 0;padding:0}.timeline-order-item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .7rem;border-radius:10px;border:1px solid rgba(255,255,255,.26);background:#15417299}.timeline-order-pos{min-width:1.6em;font-family:IBM Plex Mono,monospace;color:#f1a116}.timeline-order-title{flex:1 1 12rem;font-weight:600}.timeline-order-actions{display:flex;flex-wrap:wrap;gap:.4rem}.timeline-sources-list{margin:.6rem 0;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.92rem}@media(max-width:1100px){.timeline-events{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.timeline-detail{grid-template-columns:1fr}}@media(max-width:620px){.timeline-periods,.timeline-events{grid-template-columns:1fr}}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-gold: #f1a116;--brand-blue: #154172;--brand-white: #ffffff;--bg: var(--brand-blue);--bg-accent: radial-gradient(circle at 10% 20%, rgba(241, 161, 22, .16) 0%, transparent 42%), radial-gradient(circle at 90% 0%, rgba(241, 161, 22, .2) 0%, transparent 36%), var(--brand-blue);--surface: rgba(21, 65, 114, .86);--surface-strong: rgba(21, 65, 114, .96);--text: var(--brand-white);--muted: rgba(255, 255, 255, .82);--accent: var(--brand-gold);--accent-2: var(--brand-gold)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--text);background:var(--bg-accent);min-height:100vh}.app-shell{width:min(1120px,95vw);margin:0 auto;padding:2rem 0 3rem}.hero{position:relative;padding:1.4rem 1.2rem;border:1px solid rgba(241,161,22,.45);border-radius:16px;background:linear-gradient(120deg,#154172f2,#154172c7)}.hero-row{display:flex;justify-content:flex-end;gap:.6rem;margin-bottom:.6rem}.hero-row-floating{position:absolute;top:1rem;right:1rem;margin-bottom:0}.hero h1{margin:.2rem 0;font-size:clamp(1.5rem,2.8vw,2.3rem)}.hero-logo{width:clamp(160px,20vw,260px);height:auto;display:block;margin-bottom:.8rem}.kicker{font-family:IBM Plex Mono,monospace;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0}.ghost-btn{background:#15417280;border-color:#ffffff59}.subject-panel{margin-top:1.2rem;padding:1rem;border-radius:14px;border:1px solid rgba(191,208,222,.18);background:var(--surface)}.subject-panel h2{margin-top:0}.subject-form{display:flex;gap:.7rem}.subject-form input{flex:1;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#154172c2;color:var(--text);padding:.6rem}.subject-grid{margin-top:1.2rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.subject-card{padding:1rem;border-radius:14px;border:1px solid rgba(191,208,222,.18);background:var(--surface);display:grid;gap:.8rem}.subject-card-ready{background:#f1a116;border-color:#15417273;color:#154172}.subject-card-ready *,.subject-card-ready h3,.subject-card-ready p,.subject-card-ready button,.subject-card-ready span{color:#154172!important}.subject-card-ready .status.ready{background:#15417224;border-color:#154172a6;color:#154172}.subject-card-ready button{background:#ffffff3d;border-color:#154172a6;color:#154172}.subject-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.subject-card h3{margin:0}.subject-card p{margin:0;color:var(--muted)}.subject-card-ready p,.subject-card-ready h3{color:#154172}.status{font-size:.78rem;border-radius:999px;padding:.24rem .56rem;font-family:IBM Plex Mono,monospace}.status.ready{background:#f1a11633;border:1px solid rgba(241,161,22,.65);color:var(--brand-white)}.status.planned{background:#f1a1161f;border:1px solid rgba(241,161,22,.65);color:var(--brand-white)}.experiment-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin:1.4rem 0}.nav-item{border:1px solid rgba(255,255,255,.28);background:#154172b8;color:var(--text);padding:.8rem;border-radius:10px;cursor:pointer;font-weight:600}.nav-item.active{border-color:var(--accent);background:linear-gradient(135deg,#f1a11633,#154172f2)}.experiment-shell{display:grid;gap:1rem}.experiment-header,.visual-card,.control-card,.chart-card,.explanation-card{border-radius:14px;border:1px solid rgba(191,208,222,.18);background:var(--surface)}.experiment-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem}.experiment-header h2{margin:0}.experiment-header p{margin:.3rem 0 0;color:var(--muted)}.header-actions{display:flex;gap:.6rem}button,select,input[type=range]{font:inherit}button{background:#154172e6;color:var(--text);border:1px solid rgba(241,161,22,.6);border-radius:8px;padding:.55rem .8rem;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.cta-lab{position:relative;overflow:hidden;animation:ctaPulse 3.8s ease-in-out infinite;box-shadow:0 0 #f1a11638}.cta-lab:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.12) 45%,transparent 100%);transform:translate(-130%);animation:ctaSweep 5.2s linear infinite;pointer-events:none}.cta-lab:hover{animation-play-state:paused;transform:translateY(-.5px)}@keyframes ctaPulse{0%{box-shadow:0 0 #f1a11633}70%{box-shadow:0 0 0 5px #f1a11600}to{box-shadow:0 0 #f1a11600}}@keyframes ctaSweep{0%{transform:translate(-130%)}to{transform:translate(140%)}}.content-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem}.visual-card{background:var(--surface-strong);padding:1rem;min-height:220px}.scene-svg{width:100%;height:auto;display:block}.track{stroke:#ffffffb8;fill:#ffffff52;stroke-width:4}.body{fill:var(--accent-2);stroke:#154172bf;stroke-width:2}.scene-label{fill:var(--text);font-family:IBM Plex Mono,monospace;font-size:13px}.control-card,.chart-card,.explanation-card{padding:1rem}.globe3d-wrap{position:relative;width:100%}.globe3d-canvas{display:block;width:100%;touch-action:none}.globe3d-overlay{position:absolute;top:.6rem;right:.6rem;display:grid;gap:.2rem;padding:.6rem .85rem;border-radius:10px;background:#041226c7;border:1px solid rgba(241,161,22,.35);font-family:IBM Plex Mono,monospace;font-size:.95rem;text-align:right}.globe3d-overlay span:first-child{font-size:1.35rem;font-weight:700}.globe3d-hint{position:absolute;left:.6rem;bottom:.5rem;color:var(--muted);font-size:.8rem;font-family:IBM Plex Mono,monospace;opacity:.75;pointer-events:none}.control-card{display:grid;gap:.7rem}.control-card label{display:grid;gap:.35rem;color:var(--muted)}.control-card strong{color:var(--text)}select{border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#154172c2;color:var(--text);padding:.45rem}.chart-wrap{width:100%;height:300px}.explanation-card p,.explanation-card li{color:var(--muted)}html.board-mode{font-size:clamp(20px,1.25vw,26px)}html.board-mode .app-shell{width:min(1480px,96vw)}html.board-mode .status{font-size:.95rem}html.board-mode .scene-label{font-size:16px}html.board-mode .chart-wrap{height:360px}html.board-mode .recharts-cartesian-axis-tick text,html.board-mode .recharts-legend-wrapper,html.board-mode .recharts-tooltip-wrapper{font-size:17px}html.board-mode button{padding:.85rem 1.2rem;border-radius:10px}html.board-mode select{padding:.75rem}html.board-mode input[type=range]{height:2.2rem}html.board-mode input[type=range]::-webkit-slider-thumb{width:32px;height:32px}html.board-mode .control-card{gap:1.1rem}@media(max-width:900px){.content-grid{grid-template-columns:1fr}.experiment-header{flex-direction:column;align-items:flex-start}.subject-form{flex-direction:column}.hero-row{position:static;justify-content:flex-start;margin-bottom:.6rem}}.balance-lab{min-width:0}.balance-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.balance-toolbar button{font-size:.82rem;padding:.55rem .75rem}.balance-toolbar button[aria-pressed=true]{background:#f7b267;color:#102b43;border-color:#f7b267}.balance-toolbar label{display:flex;align-items:center;gap:.4rem;margin-left:auto}.balance-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;background:#102e45;border:1px solid #31536a;border-radius:10px 10px 0 0;font-size:.85rem}.balance-status strong{color:#ffe0a6;font-variant-numeric:tabular-nums}.balance-scene{overflow:hidden;border-radius:0 0 10px 10px}.balance-scene canvas{display:block;width:100%;touch-action:none}.balance-readings{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.8rem}.balance-readings>div{display:grid;gap:.3rem;border-left:3px solid #f25f5c;padding:.45rem .7rem;background:#102e45}.balance-readings>div:last-child{border-color:#4ecdc4}.balance-readings span{color:#f7aca9;font-size:.72rem;letter-spacing:.06em}.balance-readings>div:last-child span{color:#85e2d5}.balance-readings strong{font-size:1.4rem;font-variant-numeric:tabular-nums}.balance-readings small{color:var(--muted)}.balance-hint{font-size:.78rem;line-height:1.6;color:var(--muted);margin-bottom:0}@media(max-width:480px){.balance-readings{grid-template-columns:1fr}.balance-toolbar label{margin-left:0}}.experiment-shell,.content-grid>*,.balance-scene{min-width:0}.newton-lab{min-width:0}.newton-legend,.newton-forces{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.85rem;font-size:.78rem}.newton-legend span:before{content:"→";margin-right:.35rem}.newton-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem}.newton-readings>div{display:grid;gap:.5rem;padding:.75rem;background:#102e45;border-top:2px solid #f7b267;border-radius:0 0 8px 8px}.newton-readings>div:nth-child(2){border-color:#80b9ff}.newton-readings>div:nth-child(3){border-color:#dcb4ff}.newton-readings span{font-size:.67rem;letter-spacing:.07em;color:var(--muted)}.newton-readings strong{font-size:clamp(.9rem,1.7vw,1.45rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.newton-readings small{font-size:.65em;font-weight:400}.newton-forces{color:var(--muted)}.newton-lab .balance-toolbar label{margin-left:0}@media(max-width:480px){.newton-readings{gap:.35rem}.newton-readings>div{padding:.6rem .4rem}.newton-readings span{letter-spacing:0;font-size:.6rem}}.newton-charts{min-width:0}.newton-chart-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.newton-chart-header h3{margin-top:0;margin-bottom:.5rem}.newton-chart-header p,.newton-chart-panel p{color:var(--muted);font-size:.85rem;line-height:1.5}.newton-chart-header>div:first-child{max-width:650px}.newton-chart-range{color:#ffe0a6;font-size:.8rem;font-variant-numeric:tabular-nums}.newton-chart-panel{min-width:0;margin-top:1rem;padding:1rem .5rem .6rem;background:#102e45;border:1px solid #31536a;border-radius:10px}.newton-chart-heading{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.5rem;padding:0 .5rem;margin-bottom:1rem}.newton-chart-heading h4{margin:0}.newton-chart-legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.8rem}.newton-chart-legend span{display:inline-flex;align-items:center;gap:.4rem}.newton-chart-legend i{display:inline-block;width:20px;border-top-width:2px}.newton-chart-panel p{margin:.4rem .5rem}.newton-chart-empty{padding:.8rem;border-left:3px solid #f7b267;color:var(--muted)}.newton-charts .recharts-cartesian-axis-tick{font-size:12px}
