:root{--paper:#f3ede0;--paper-deep:#e6dece;--surface:#fffaf0;--ink:#193c35;--carbon:#373f3a;--jade:#527267;--edge:#d5c7af;--bronze:#a26d32;--cinnabar:#a33a2d;--shadow:#193c3524;--night:#07151a;--night-2:#0d242b;--copper:#c39358;--aqua:#3dc6d6;--ember:#c95342}*{box-sizing:border-box}html,body{background:var(--night);width:100%;min-height:100%;margin:0;overflow-x:hidden}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 78% 16%, #3dc6d629, transparent 22%), radial-gradient(circle at 18% 42%, #c3935814, transparent 18%), linear-gradient(90deg, #c393580d 1px, transparent 1px), linear-gradient(0deg, #3dc6d60a 1px, transparent 1px), var(--night);color:var(--surface);background-size:auto,auto,64px 64px,64px 64px,auto;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{max-width:100%;overflow-x:hidden}button{font:inherit}a{color:inherit;text-decoration:none}input{font:inherit}.site-header{z-index:10;background:#07151af0;border-bottom:1px solid #fffaf029;justify-content:space-between;align-items:center;gap:20px;padding:18px 64px;display:flex;position:sticky;top:0;left:0;right:0}.brand-link{color:var(--surface);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:19px;font-weight:700;line-height:1.05;display:inline-flex}.brand-link img{display:block}.site-nav,.site-footer nav{flex-wrap:wrap;gap:32px;display:flex}.site-nav a,.site-footer a{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.site-nav a{color:#fffaf0c7;position:relative}.site-footer a{color:#fffaf0ad}.site-nav a:hover,.site-nav a:first-child{color:var(--surface)}.site-nav a:first-child:after{background:var(--copper);content:"";height:1px;position:absolute;bottom:-10px;left:0;right:0}.site-footer a:hover{color:var(--copper)}.hero{grid-template-columns:minmax(520px,.94fr) minmax(520px,1.06fr);align-items:center;gap:52px;max-width:1280px;min-height:calc(100svh - 62px);margin:0 auto;padding:38px 28px 54px;display:grid}.hero-copy h1{letter-spacing:.16em;text-transform:uppercase;max-width:760px;margin:20px 0 0;font-family:Georgia,Times New Roman,serif;font-size:2.9rem;font-weight:650;line-height:1.42}.hero-copy h1 span{white-space:nowrap;display:block}.hero-copy>p:last-of-type{color:var(--carbon);max-width:600px;margin:24px 0 0;font-size:18px;line-height:1.68}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.button-primary,.button-secondary,.newsletter-form button{border:1px solid var(--ink);text-transform:uppercase;border-radius:7px;align-items:center;min-height:42px;padding:0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:inline-flex}.button-primary,.newsletter-form button{background:var(--ink);color:var(--surface)}.button-secondary{color:#15120f;background:#fffaf0c7}.eyebrow{color:var(--jade);letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.trust-strip{border-left:1px solid var(--edge);color:#5f756e;gap:8px;margin-top:42px;padding-left:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;display:grid}.hero-panel{min-width:0;scroll-margin-top:86px}.home-shell{background:radial-gradient(circle at 70% 24%, #3dc6d633, transparent 24%), radial-gradient(circle at 84% 42%, #c953422e, transparent 18%), linear-gradient(90deg, #c393580d 1px, transparent 1px), linear-gradient(0deg, #3dc6d60a 1px, transparent 1px), var(--night);color:var(--surface);background-size:auto,auto,64px 64px,64px 64px,auto;min-height:100vh;overflow-x:hidden}.home-shell .hero{grid-template-columns:minmax(500px,.92fr) minmax(580px,1.08fr);gap:64px;max-width:1480px;min-height:560px;padding:56px 64px 34px;position:relative}.home-shell .hero:before,.home-shell .hero:after{content:"";pointer-events:none;border:1px solid #c3935861;position:absolute}.home-shell .hero:before{width:26px;height:26px;top:34px;left:34px}.home-shell .hero:after{width:120px;height:1px;bottom:42px;left:64px}.home-shell .eyebrow{color:#c39358d1}.home-shell .hero-copy h1{color:var(--surface);letter-spacing:.16em;text-shadow:0 0 36px #fffaf029;max-width:720px;margin-top:26px;font-family:Georgia,Times New Roman,serif;font-size:2.9rem;line-height:1.42}.home-shell .hero-copy>p:last-of-type{color:#fffaf0bd;max-width:610px;margin-top:28px;font-size:18px;line-height:1.85}.home-shell .button-primary,.home-shell .newsletter-form button{color:var(--surface);letter-spacing:.08em;background:linear-gradient(135deg,#c75342,#9f3b30);border-color:#fffaf01a;box-shadow:0 18px 48px #c9534247}.home-shell .button-secondary{color:#f5d39d;letter-spacing:.08em;background:#07151a52;border-color:#c39358b3}.home-shell .hero-actions{gap:16px;margin-top:32px}.hero-signals{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:780px;margin-top:38px;display:grid}.hero-signals article{color:#fffaf0c7;gap:8px;line-height:1.55;display:grid}.hero-signals span{border:1px solid #c39358d6;border-radius:50%;width:28px;height:28px;position:relative}.hero-signals span:after{background:var(--copper);content:"";width:8px;height:8px;position:absolute;top:9px;left:9px;transform:rotate(45deg)}.hero-signals h2{margin:0;font-size:15px}.hero-signals p{color:#fffaf0a8;margin:0;font-size:13px;line-height:1.6}.hero-art{min-height:520px;position:relative}.hero-orbit{aspect-ratio:1;isolation:isolate;border:1px solid #c393589e;border-radius:50%;place-items:center;max-width:560px;margin-left:auto;display:grid;position:relative}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #3dc6d63d;border-radius:50%;position:absolute;inset:10%}.hero-orbit:after{border-color:#c3935838;inset:21%}.red-moon{z-index:-1;background:radial-gradient(circle at 40% 35%,#c95342c2,#7d2a2585);border-radius:50%;width:210px;height:210px;position:absolute;top:214px;right:66px}.formula-mark,.vertical-motto{color:#c39358a3;font-family:Georgia,Times New Roman,serif;position:absolute}.formula-mark{font-size:18px;bottom:22px;right:8px}.vertical-motto{letter-spacing:.18em;text-transform:uppercase;font-size:18px;top:88px;right:-96px;transform:rotate(90deg)}.cube-cluster{filter:drop-shadow(0 36px 58px #00000070);width:330px;height:250px;position:relative;transform:rotate(-8deg)}.wood-cube{background:linear-gradient(135deg,#ffebbe70,#0000 46%),linear-gradient(90deg,#8b5b32,#d3a46b);width:76px;height:76px;position:absolute;transform:skewY(-10deg)rotate(2deg);box-shadow:inset 0 0 0 1px #fffaf01f,inset -18px -12px 28px #321a0a42}.wood-cube:before,.wood-cube:after{content:"";position:absolute}.wood-cube:before{background:linear-gradient(135deg,#e5b981,#9b6338);width:76px;height:18px;top:-18px;left:8px;transform:skew(-42deg)}.wood-cube:after{background:linear-gradient(#6f452b,#b17442);width:16px;height:76px;top:-8px;right:-16px;transform:skewY(-48deg)}.wood-cube:first-child{top:0;left:118px}.wood-cube:nth-child(2){top:62px;left:72px}.wood-cube:nth-child(3){top:62px;left:164px}.wood-cube:nth-child(4){top:124px;left:118px}.wood-cube:nth-child(5){top:124px;left:26px}.wood-cube:nth-child(6){top:124px;left:210px}.wood-cube:nth-child(7){top:186px;left:72px}.wood-cube:nth-child(8){top:186px;left:164px}.wood-cube:nth-child(9){top:62px;left:118px}.wood-cube:nth-child(10){top:62px;left:210px}.wood-cube:nth-child(11){top:62px;left:26px}.wood-cube:nth-child(12){top:186px;left:118px}.home-dashboard,.home-value-grid{gap:22px;max-width:1480px;margin:0 auto;padding:0 64px 34px;display:grid}.home-dashboard{grid-template-columns:minmax(620px,1.5fr) minmax(360px,.95fr)}.popular-puzzles-panel,.daily-puzzle-panel{background:linear-gradient(#0d242be6,#07151ab8);border:1px solid #c3935852;border-radius:8px;padding:26px;box-shadow:0 24px 80px #00000038}.panel-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.panel-heading h2{color:var(--surface);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:14px}.panel-heading a{color:var(--ember);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.popular-puzzle-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.popular-puzzle-card{color:#15120f;background:#efe4cf;border:1px solid #fffaf029;border-radius:6px;min-height:178px;padding:14px;display:grid;overflow:hidden}.popular-puzzle-card strong{letter-spacing:.05em;text-transform:uppercase;align-self:end;font-size:13px}.popular-puzzle-card small{color:#493c2f;margin-top:4px;font-size:12px}.mini-puzzle-art{place-self:center;width:112px;height:88px;display:block;position:relative}.mini-art-tangram{background:linear-gradient(45deg,#0000 50%,#a33a2d 50%) 12px 8px/48px 48px no-repeat,linear-gradient(-45deg,#0000 50%,#a33a2d 50%) right 10px top 16px/44px 44px no-repeat,linear-gradient(135deg,#0000 50%,#a33a2d 50%) left 32px bottom 4px/58px 58px no-repeat}.mini-art-nine-linked-rings:before{content:"";border:6px solid #8c8374;border-radius:50%;width:34px;height:34px;position:absolute;top:18px;left:14px;box-shadow:28px 0 0 -1px #efe4cf,28px 0 0 5px #8c8374,56px 0 0 -1px #efe4cf,56px 0 0 5px #8c8374,14px 28px 0 -1px #efe4cf,14px 28px 0 5px #8c8374,42px 28px 0 -1px #efe4cf,42px 28px 0 5px #8c8374}.mini-art-huarong-dao{background:linear-gradient(#8b5b32,#8b5b32) 18px 12px/76px 64px no-repeat;border:4px solid #6d4728}.mini-art-huarong-dao:before{content:"";background:linear-gradient(90deg,#0000 31%,#4a2d19 32% 34%,#0000 35% 64%,#4a2d19 65% 67%,#0000 68%),linear-gradient(#0000 32%,#4a2d19 33% 35%,#0000 36% 65%,#4a2d19 66% 68%,#0000 69%);position:absolute;inset:14px 20px}.mini-art-luban-lock:before{content:"";background:linear-gradient(90deg,#b9854f,#e0b77f);width:34px;height:34px;position:absolute;top:12px;left:38px;transform:rotate(35deg);box-shadow:18px 18px #9e6539,-18px 18px #d09b5f,0 36px #7b4d2d}.mini-art-binary-board{background:#18252a;border:2px solid #6d5a44}.mini-art-binary-board:before{color:#c39358;content:"1 0 1 1 0¡1 0";white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.55;position:absolute;top:14px;left:22px}.daily-puzzle-panel h3{color:var(--surface);margin:12px 0 0}.daily-puzzle-panel p{color:#fffaf0b8;margin:8px 0 18px;line-height:1.6}.balance-bridge{height:130px;position:relative}.bridge-beam,.bridge-base,.bridge-block{background:linear-gradient(90deg,#8b5b32,#d3a46b);position:absolute;box-shadow:inset 0 0 0 1px #fffaf01f}.bridge-beam{width:300px;height:16px;top:72px;left:42px;transform:rotate(2deg)}.bridge-base{background:0 0;border-bottom:52px solid #c3935873;border-left:32px solid #0000;border-right:32px solid #0000;width:0;height:0;top:78px;left:172px}.bridge-block{width:42px;height:42px}.bridge-block-left{top:50px;left:60px}.bridge-block-mid{top:24px;left:168px}.bridge-block-right{top:42px;right:28px}.streak-row{border-top:1px solid #c393582e;gap:10px;margin-top:22px;padding-top:18px;display:flex}.streak-row span{color:#fffaf0bd;border:1px solid #fffaf0a8;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:inline-flex}.streak-row .complete{background:var(--ember);border-color:var(--ember);color:var(--night)}.home-value-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:68px}.home-value-grid article{border-left:1px solid #c393583d;padding:0 24px}.home-value-grid span{color:var(--copper);font-family:Georgia,Times New Roman,serif;font-size:32px}.home-value-grid h2{color:var(--surface);letter-spacing:.16em;text-transform:uppercase;margin:12px 0 8px;font-size:14px}.home-value-grid p{color:#fffaf0b3;margin:0;line-height:1.65}.home-shell .section-band,.home-shell .math-band,.home-shell .about-band,.home-shell .newsletter-band{border-color:#c393582e}.home-shell .section-heading h2,.home-shell .about-band h2,.home-shell .newsletter-band h2,.home-shell .concept-row h3,.home-shell .gateway-card h3,.home-shell .research-card h3,.home-shell .archive-item h3{color:var(--surface)}.home-shell .section-heading p:not(.eyebrow),.home-shell .about-band>p,.home-shell .concept-row p,.home-shell .gateway-card p,.home-shell .research-card p,.home-shell .archive-item p{color:#fffaf0b8}.home-shell .gateway-card,.home-shell .research-card,.home-shell .archive-item,.home-shell .source-note{background:#0d242bb8;border-color:#c3935842}.home-shell .concept-list,.home-shell .concept-row,.home-shell .gateway-card dl{border-color:#c3935833}.home-shell .site-footer{color:#fffaf0b8;border-color:#c3935838}.home-shell .site-footer a{color:#fffaf0ad}.home-shell .site-footer a:hover{color:var(--copper)}.tangram-preview{background:linear-gradient(90deg, #193c350a 1px, transparent 1px), linear-gradient(0deg, #a26d320a 1px, transparent 1px), var(--surface);border:1px solid var(--edge);box-shadow:0 20px 54px var(--shadow);background-size:26px 26px;min-height:540px;padding:18px;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--edge);color:var(--jade);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:-18px -18px 0;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:flex}.preview-board{aspect-ratio:1;background-color:#fbf7eebd;background-image:linear-gradient(90deg,#17140f08 1px,#0000 1px),linear-gradient(0deg,#17140f08 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #dcd2c0b8;max-width:420px;margin:42px auto 26px;position:relative}.tan{filter:drop-shadow(0 14px 14px #17140f2e);position:absolute}.tan-small-a{clip-path:polygon(0 0,100% 0,0 100%);background:#bd8f55;width:24%;height:24%;top:66%;left:19%}.tan-small-b{clip-path:polygon(0 0,100% 100%,0 100%);background:#7d8d86;width:24%;height:24%;top:66%;left:68%}.preview-link{color:var(--cinnabar);text-transform:uppercase;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:inline-flex}.panel-note{color:var(--jade);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:flex}.tangram-shell{background-color:#0d242be6;background-image:linear-gradient(90deg,#c393580d 1px,#0000 1px),linear-gradient(0deg,#3dc6d60a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #c3935857;min-width:0;overflow:hidden;box-shadow:0 24px 80px #00000047}.tangram-toolbar{border-bottom:1px solid #c3935842;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.tangram-toolbar h2{color:var(--surface);letter-spacing:0;margin:8px 0 0;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:650;line-height:1.1}.tool-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tool-row button{color:#f5d39d;cursor:pointer;text-transform:uppercase;background:#07151a80;border:1px solid #c393586b;border-radius:7px;min-height:38px;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.tool-row button:hover,.tool-row button:focus-visible{border-color:var(--copper);color:var(--surface);outline:none}.tangram-challenge-panel{background:#07151aa3;border-bottom:1px solid #c393583d;gap:14px;padding:16px 20px 18px;display:grid}.tangram-challenge-panel.complete{box-shadow:inset 0 1px #3dc6d62e}.tangram-challenge-panel h3{color:var(--surface);letter-spacing:0;margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.16rem;font-weight:650;line-height:1.18}.tangram-challenge-panel p{color:#fffaf0bd;margin:0}.tangram-challenge-list{flex-wrap:wrap;gap:8px;display:flex}.tangram-challenge-list button{color:var(--surface);cursor:pointer;text-transform:uppercase;background:#0d242bdb;border:1px solid #c3935861;border-radius:7px;min-height:36px;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.tangram-challenge-list button.current,.tangram-challenge-list button[aria-pressed=true]{background:var(--copper);border-color:var(--copper);color:#07151a}.tangram-challenge-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px;margin:0;display:grid}.tangram-challenge-panel dl>div{background:#0d242b94;border:1px solid #fffaf014;border-radius:6px;min-width:0;padding:10px}.tangram-challenge-panel dt{color:#fffaf08a;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.tangram-challenge-panel dd{color:var(--jade);text-transform:capitalize;margin:5px 0 0;font-size:.92rem;font-weight:700;line-height:1.25}.stage-frame{background:#fffaf005;outline:none;justify-content:center;padding:22px 18px;display:flex;overflow:hidden}.stage-frame canvas{display:block}.tangram-status{color:#fffaf0b8;border-top:1px solid #c3935842;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:12px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:flex}.tangram-loading{color:var(--jade);min-height:520px;padding:24px}.section-band,.math-band,.about-band,.newsletter-band,.site-footer,.page-hero,.play-section,.detail-layout,.article-layout,.reading-layout{max-width:1280px;margin:0 auto;padding:76px 28px}.page-hero{background:radial-gradient(circle at 80% 24%,#3dc6d629,#0000 22%),radial-gradient(circle at 14% 80%,#c953421a,#0000 20%),linear-gradient(90deg,#c393580d 1px,#0000 1px) 0 0/64px 64px,linear-gradient(0deg,#3dc6d60a 1px,#0000 1px) 0 0/64px 64px;border-bottom:1px solid #c393583d;padding-top:56px;padding-bottom:42px;position:relative}.page-hero h1{color:var(--surface);letter-spacing:.16em;overflow-wrap:anywhere;text-shadow:0 0 34px #fffaf021;text-transform:uppercase;max-width:760px;margin:18px 0 0;font-family:Georgia,Times New Roman,serif;font-size:2.9rem;font-weight:650;line-height:1.42}.page-hero>p,.puzzle-hero p{color:#fffaf0bd;max-width:760px;font-size:19px;line-height:1.7}.puzzle-hero{grid-template-columns:minmax(320px,1fr) minmax(240px,.42fr);align-items:end;gap:28px;display:grid}.fact-panel,.method-card{color:#fffaf0b8;text-transform:uppercase;background:#0d242bc2;border:1px solid #c393584d;border-radius:8px;gap:10px;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:grid}.play-section{padding-top:38px;padding-bottom:18px}.concept-workbench{background:#0d242bc2;border:1px solid #c393584d;border-radius:8px;grid-template-columns:minmax(280px,.68fr) minmax(320px,.32fr);align-items:center;gap:28px;padding:28px;display:grid}.tangram-workbench{grid-template-columns:1fr;align-items:stretch}.tangram-workbench-intro{max-width:780px}.tangram-visual-strip{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tangram-visual-strip span{color:#f5d39d;letter-spacing:.04em;text-transform:uppercase;background:#fffaf00f;border:1px solid #c393584d;border-radius:999px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.concept-workbench h2{color:var(--surface);letter-spacing:0;margin:12px 0 0;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:650;line-height:1.08}.concept-workbench p:not(.eyebrow){color:#fffaf0b8;margin:16px 0 0;line-height:1.68}.state-strip{gap:10px;display:grid}.state-chip{background:#07151a8a;border:1px solid #c3935847;border-radius:7px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;display:flex}.state-chip span,.state-chip code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.state-chip span{color:var(--jade)}.state-chip code{color:#f5d39d}.nine-rings-stepper{background:#07151a75;border:1px solid #c3935847;border-radius:8px;gap:18px;min-width:0;padding:18px;display:grid}.stepper-readout{gap:10px;display:grid}.stepper-readout h3{color:var(--surface);letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.26rem;font-weight:650;line-height:1.18}.stepper-readout code{color:#f5d39d;letter-spacing:.12em;background:#c3935824;border:1px solid #c3935847;border-radius:6px;width:fit-content;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px}.ring-action-panel{background:#0d242bb8;border:1px solid #3dc6d63d;border-radius:7px;align-items:start;gap:6px;padding:12px 14px;display:grid}.ring-learning-panel{background:#07151ab3;border:1px solid #c3935857;border-radius:7px;gap:12px;padding:14px;display:grid}.ring-learning-panel h3{color:var(--surface);letter-spacing:0;margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-weight:650;line-height:1.18}.ring-learning-panel p{color:#fffaf0c2;margin:0}.ring-learning-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.ring-learning-panel dl>div{background:#0d242b94;border:1px solid #fffaf014;border-radius:6px;min-width:0;padding:10px}.ring-learning-panel dt{color:#fffaf08a;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.ring-learning-panel dd{color:var(--jade);margin:5px 0 0;font-size:.92rem;font-weight:700;line-height:1.25}.ring-learning-panel button{color:var(--surface);cursor:pointer;text-transform:uppercase;background:#0d242bdb;border:1px solid #c3935861;border-radius:7px;justify-self:start;min-height:38px;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.ring-learning-panel button:disabled{color:#fffaf052;cursor:not-allowed}.ring-action-panel span{color:var(--jade);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.ring-action-panel p{color:#fffaf0c2;margin:0}.ring-visual{grid-template-columns:repeat(9,minmax(28px,1fr));align-items:end;gap:8px;min-width:0;display:grid}.ring-token{appearance:none;color:#fffaf094;cursor:pointer;background:0 0;border:0;place-items:center;gap:6px;min-width:0;padding:0;display:grid;transform:translateY(6px)}.ring-token span,.ring-token small{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.ring-token i{aspect-ratio:1;background:#fffaf014;border:2px solid #fffaf047;border-radius:999px;width:100%;display:block}.ring-token.active{color:var(--surface);transform:translateY(-5px)}.ring-token.active i{border-color:var(--jade);background:radial-gradient(circle at 35% 30%,#fffaf0b8,#3dc6d657 30%,#c3935833);box-shadow:0 10px 24px #3dc6d62e}.ring-token.next i{border-color:var(--copper);outline-offset:3px;outline:2px solid #c393586b}.ring-token:focus-visible i{outline:3px solid var(--jade);outline-offset:4px}.stepper-controls,.ring-progress-track{flex-wrap:wrap;gap:10px;display:flex}.stepper-controls button,.ring-progress-track button{color:var(--surface);cursor:pointer;text-transform:uppercase;background:#0d242bdb;border:1px solid #c3935861;border-radius:7px;min-height:38px;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.stepper-controls button:disabled{color:#fffaf052;cursor:not-allowed}.ring-progress-track button{min-width:38px;padding:0}.ring-progress-track button.current{background:var(--copper);border-color:var(--copper);color:#07151a}.huarong-preview{background:var(--paper);border:10px solid #c3935885;grid-template-rows:repeat(5,46px);grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;display:grid}.huarong-block{color:var(--surface);text-align:center;text-transform:uppercase;background:linear-gradient(145deg,#a33a2d,#6f261f);border:1px solid #193c3547;border-radius:6px;justify-content:center;align-items:center;min-width:0;padding:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;display:flex}.block-large{grid-area:span 2/span 2}.block-wide{background:linear-gradient(145deg,#c39358,#8f612e);grid-column:span 2}.huarong-replay{background:#07151a75;border:1px solid #c3935847;border-radius:8px;gap:18px;min-width:0;padding:18px;display:grid}.huarong-replay-board{aspect-ratio:4/5;background:linear-gradient(90deg, #193c351f 1px, transparent 1px), linear-gradient(0deg, #193c351f 1px, transparent 1px), var(--paper);background-size:25% 20%;border:10px solid #c3935885;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;min-width:0;max-width:360px;padding:8px;display:grid;position:relative}.replay-block{appearance:none;color:var(--surface);cursor:pointer;text-align:center;text-transform:uppercase;border:1px solid #193c3557;border-radius:6px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;display:flex;overflow:hidden}.replay-block.movable{box-shadow:inset 0 0 0 1px #fffaf033}.replay-block.selected{outline-offset:2px;z-index:1;outline:3px solid #c39358b3}.replay-block:focus-visible{outline:3px solid var(--jade);outline-offset:2px;z-index:2}.replay-block-cao{letter-spacing:0;text-transform:none;background:linear-gradient(145deg,#a33a2d,#681e19);font-family:Georgia,Times New Roman,serif;font-size:16px}.replay-block-general{background:linear-gradient(145deg,#193c35,#0d242b)}.replay-block-horizontal{color:#07151a;background:linear-gradient(145deg,#c39358,#8f612e)}.replay-block-soldier{color:#07151a;background:linear-gradient(145deg,#3dc6d6,#1b7780)}.replay-exit{color:#6f261f;text-transform:uppercase;background:#a33a2d29;border:1px dashed #a33a2d85;padding:3px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.replay-readout{gap:10px;display:grid}.replay-readout h3{color:var(--surface);letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.26rem;font-weight:650;line-height:1.18}.replay-readout small{color:#fffaf099;line-height:1.55}.huarong-action-panel{background:#0d242bb8;border:1px solid #3dc6d63d;border-radius:7px;gap:10px;padding:12px 14px;display:grid}.huarong-challenge-panel{background:#07151ab3;border:1px solid #c3935857;border-radius:7px;gap:12px;padding:14px;display:grid}.huarong-challenge-panel.complete{border-color:#3dc6d694;box-shadow:0 0 0 1px #3dc6d61f}.huarong-challenge-panel h3{color:var(--surface);letter-spacing:0;margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-weight:650;line-height:1.18}.huarong-challenge-panel p{color:#fffaf0c2;margin:0}.huarong-challenge-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.huarong-challenge-panel dl>div{background:#0d242b94;border:1px solid #fffaf014;border-radius:6px;min-width:0;padding:10px}.huarong-challenge-panel dt{color:#fffaf08a;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.huarong-challenge-panel dd{color:var(--jade);margin:5px 0 0;font-size:.92rem;font-weight:700;line-height:1.25}.huarong-challenge-panel button{color:var(--surface);cursor:pointer;text-transform:uppercase;background:#0d242bdb;border:1px solid #c3935861;border-radius:7px;justify-self:start;min-height:38px;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.huarong-action-panel span{color:var(--jade);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.huarong-action-panel p{color:#fffaf0c2;margin:0}.huarong-direction-pad{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.huarong-direction-pad button{color:var(--surface);cursor:pointer;text-transform:uppercase;background:#07151ab8;border:1px solid #c3935861;border-radius:7px;min-height:34px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.huarong-direction-pad button:disabled{color:#fffaf047;cursor:not-allowed}.replay-controls,.replay-progress-track{flex-wrap:wrap;gap:10px;display:flex}.replay-controls button,.replay-progress-track button{color:var(--surface);cursor:pointer;text-transform:uppercase;background:#0d242bdb;border:1px solid #c3935861;border-radius:7px;min-height:38px;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.replay-controls button:disabled{color:#fffaf052;cursor:not-allowed}.replay-progress-track button{min-width:38px;padding:0}.replay-progress-track button.current{background:var(--copper);border-color:var(--copper);color:#07151a}.block-tall{background:linear-gradient(145deg,#527267,#294a42);grid-row:span 2}.block-small{background:linear-gradient(145deg,#193c35,#0d242b)}.workbench-band{border-top:1px solid #c3935833;padding-bottom:22px}.section-heading{max-width:780px}.section-heading h2,.about-band h2,.newsletter-band h2{color:var(--surface);letter-spacing:0;margin:12px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.2vw,3.35rem);font-weight:650;line-height:1}.section-heading p:not(.eyebrow),.about-band>p{color:#fffaf0b8;margin:18px 0 0;font-size:18px;line-height:1.7}.gateway-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.gateway-card,.archive-item{background:#0d242bb8;border:1px solid #c3935842;border-radius:8px;flex-direction:column;min-height:330px;padding:22px;display:flex}.gateway-card h2,.gateway-card h3,.archive-item h2,.archive-item h3,.concept-row h3{color:var(--surface);letter-spacing:0;margin:12px 0 0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:650;line-height:1.05}.gateway-card p,.archive-item p{color:#fffaf0b8;margin:16px 0 0;line-height:1.62}.gateway-card dl{border-top:1px solid #c3935838;gap:12px;margin:auto 0 18px;padding-top:18px;display:grid}.gateway-card dt{color:var(--jade);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.gateway-card dd{color:#fffaf0c2;margin:4px 0 0}.gateway-card a,.archive-item a{color:var(--ember);text-transform:uppercase;margin-top:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.math-band{grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);gap:42px;display:grid}.concept-list{border-top:1px solid #c393583d}.concept-row{border-bottom:1px solid #c3935833;grid-template-columns:48px minmax(120px,.42fr) minmax(240px,1fr);align-items:baseline;gap:18px;padding:20px 0;display:grid}.concept-row span,.archive-item span,.archive-item small{color:var(--jade);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.concept-row h3{margin:0;font-size:24px}.concept-row p{color:#fffaf0b8;margin:0;line-height:1.55}.archive-band,.research-band{border-top:1px solid #c3935833}.research-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.research-card{background:linear-gradient(135deg,#3dc6d614,#0000 42%),#0d242bb8;border:1px solid #c3935842;border-radius:8px;flex-direction:column;min-height:280px;padding:22px;display:flex}.research-card span,.research-card small{color:var(--jade);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55}.research-card h3{color:var(--surface);letter-spacing:0;margin:12px 0 0;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:650;line-height:1.05}.research-card p{color:#fffaf0b8;margin:16px 0 0;line-height:1.62}.research-card small{text-transform:none;border-top:1px solid #c3935833;margin-top:auto;padding-top:16px}.archive-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.archive-item{min-height:292px}.archive-item h3{font-size:23px}.archive-item small{margin-top:auto}.archive-list-compact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.tag-list{flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.tag-list li{color:#f5d39d;text-transform:uppercase;border:1px solid #c3935857;border-radius:999px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.detail-layout{grid-template-columns:minmax(320px,1fr) minmax(240px,.42fr);align-items:start;gap:34px;display:grid}.article-layout{grid-template-columns:minmax(320px,.74fr) minmax(240px,.26fr);align-items:start;gap:34px;min-width:0;display:grid}.article-layout>*{min-width:0}.article-body{color:#fffaf0c7;overflow-wrap:anywhere;background:#0d242bc2;border:1px solid #c393584d;border-radius:8px;min-width:0;padding:32px;line-height:1.74}.article-body h1,.article-body h2,.article-body h3{color:var(--surface);letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-weight:650;line-height:1.08}.article-body h1{margin:0 0 20px;font-size:2.25rem}.article-body h2{margin:34px 0 14px;font-size:1.72rem}.article-body h3{margin:28px 0 12px;font-size:1.3rem}.article-body p,.article-body ul{margin:0 0 18px}.article-body li{margin:8px 0}.article-body a{color:var(--copper);text-underline-offset:4px;text-decoration:underline}.article-body code{color:#f5d39d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.article-meta{position:sticky;top:96px}.article-meta span{color:#fffaf0b8}.library-index{gap:54px;display:grid}.library-group{gap:22px;display:grid}.library-card{min-height:100%}.reading-layout{grid-template-columns:minmax(180px,.18fr) minmax(0,.58fr) minmax(260px,.24fr);align-items:start;gap:28px;display:grid}.article-toc,.library-sidebar{gap:12px;display:grid;position:sticky;top:96px}.article-toc{border-left:1px solid #c3935847;align-self:start;padding-left:16px}.article-toc a{color:#fffaf0ad;font-size:14px;line-height:1.45;text-decoration:none}.article-toc a:hover{color:var(--surface)}.library-article{color:#fffaf0d1;min-width:0;line-height:1.82}.library-deck{color:#fffaf0cc;border-bottom:1px solid #c3935838;margin:0 0 30px;padding-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;line-height:1.58}.library-section{scroll-margin-top:110px}.library-section h2{color:var(--surface);letter-spacing:0;margin:42px 0 16px;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:650;line-height:1.12}.library-section p,.library-section ul{margin:0 0 18px}.library-section li{margin:8px 0}.article-callout,.figure-panel,.source-sidebar{background:#0d242bc2;border:1px solid #c393584d;border-radius:8px}.article-callout{margin:24px 0;padding:22px}.article-visual-inset{background-color:#0d242bd1;background-image:linear-gradient(90deg,#c393580d 1px,#0000 1px),linear-gradient(0deg,#3dc6d60a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #c3935857;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 34px;padding:18px;display:grid}.article-visual-inset figcaption{color:#fffaf0b3;border-top:1px solid #c3935838;grid-column:1/-1;padding-top:14px;line-height:1.55}.article-source-visual,.archive-plate-pair{color:var(--surface);background-color:#0d242bd1;background-image:linear-gradient(90deg,#c393580d 1px,#0000 1px),linear-gradient(0deg,#3dc6d609 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #c3935857;border-radius:8px;min-width:0;max-width:100%;margin:30px 0;padding:18px;overflow:hidden}.article-source-visual{grid-template-columns:minmax(190px,.74fr) minmax(280px,1.26fr);gap:18px;display:grid}.article-source-visual figcaption,.archive-plate-pair figcaption{color:#fffaf0ad;border-top:1px solid #c3935838;grid-column:1/-1;padding-top:14px;line-height:1.55}.visual-copy{align-content:start;gap:12px;min-width:0;display:grid}.visual-copy h2{color:var(--surface);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.08}.visual-copy p:not(.eyebrow){color:#fffaf0b8;margin:0;line-height:1.58}.tangram-system-grid,.rings-diagram,.huarong-explainer{background:#07151a99;border:1px solid #fffaf014;border-radius:8px;min-width:0;padding:14px}.tangram-system-grid{grid-template-columns:minmax(160px,1fr) minmax(136px,.72fr);gap:14px;display:grid}.tangram-system-grid svg,.rings-diagram svg{max-width:100%;height:auto;display:block}.tangram-system-grid path,.tangram-system-grid rect{fill:none;stroke:#fffaf0c7;stroke-linejoin:round;stroke-width:3px}.tangram-system-grid .svg-paper{fill:#fffaf00f;stroke:#c3935857}.tan-fill-a{fill:#243b37}.tan-fill-b{fill:#9a3a2e}.tan-fill-c{fill:#c39358}.tan-fill-d{fill:#4e6b68}.tan-fill-e{fill:#77684d}.tan-fill-f{fill:#5f443a}.tan-fill-g{fill:#2e555a}.unit-triangle-board{aspect-ratio:1;background:linear-gradient(135deg,#0000 49%,#fffaf057 50%,#0000 51%),#fffaf00d;border:1px solid #c3935852;grid-template-columns:repeat(4,minmax(0,1fr));align-self:center;min-width:0;display:grid}.unit-triangle-board span{color:#fffaf08f;border:1px solid #fffaf029;justify-content:center;align-items:center;font-size:.72rem;display:flex}.rings-diagram{gap:12px;display:grid}.rings-diagram .ring-bar,.rings-diagram .ring-stem,.rings-diagram .ring-handle{fill:none;stroke:#fffaf0c7;stroke-linecap:round;stroke-width:12px}.rings-diagram .ring-bar.secondary,.rings-diagram .ring-stem{stroke:#c393589e;stroke-width:7px}.rings-diagram .ring,.rings-diagram .ring-active{fill:#fffaf00f;stroke:#fffaf0bd;stroke-width:10px}.rings-diagram .ring-active{fill:#c393583d;stroke:#c39358}.state-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.state-strip li{background:#fffaf00f;border:1px solid #fffaf01a;border-radius:6px;gap:4px;min-width:0;margin:0;padding:10px;display:grid}.state-strip span{color:#fffaf075;font-size:.75rem}.state-strip code{color:var(--surface);overflow-wrap:anywhere;font-size:clamp(.72rem,1.5vw,.92rem)}.huarong-explainer{grid-template-columns:minmax(180px,.82fr) minmax(160px,.58fr);gap:18px;display:grid}.huarong-mini-board{aspect-ratio:4/5;background-color:#fffaf00a;background-image:linear-gradient(90deg,#fffaf014 1px,#0000 1px),linear-gradient(0deg,#fffaf014 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:25% 20%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:2px solid #c393586b;border-bottom-color:#c3935829;border-radius:6px 6px 2px 2px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;display:grid;position:relative}.huarong-mini-board .block{text-align:center;border:1px solid #fffaf033;border-radius:5px;justify-content:center;align-items:center;min-width:0;padding:4px;font-size:clamp(.56rem,1.35vw,.82rem);font-weight:700;line-height:1.05;display:flex}.huarong-mini-board .cao{background:#9a3a2e;grid-area:1/2/3/4}.huarong-mini-board .gen{background:#274f52}.huarong-mini-board .sol{background:#77684d}.huarong-mini-board .g1{grid-area:1/1/3}.huarong-mini-board .g2{grid-area:1/4/3}.huarong-mini-board .g3{grid-area:3/1/auto/3}.huarong-mini-board .g4{grid-area:3/3/auto/5}.huarong-mini-board .g5{grid-area:4/2/auto/4}.huarong-mini-board .s1{grid-area:4/1}.huarong-mini-board .s2{grid-area:4/4}.huarong-mini-board .s3{grid-area:5/1}.huarong-mini-board .s4{grid-area:5/4}.exit-slot{color:#fffaf094;text-transform:uppercase;justify-content:center;align-items:end;font-size:.72rem;display:flex;position:absolute;bottom:-6px;left:38%;right:38%}.state-node-stack{align-content:center;gap:14px;display:grid}.state-node-stack span{color:var(--surface);text-align:center;background:#fffaf00f;border:1px solid #c3935847;border-radius:999px;padding:12px 14px;font-size:.82rem;display:block;position:relative}.state-node-stack span:not(:last-child):after{color:#c39358b3;content:"↓";position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%)}.archive-plate-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.archive-plate{background:#07151a94;border:1px solid #fffaf014;border-radius:8px;gap:12px;display:grid;overflow:hidden}.archive-plate img{aspect-ratio:4/3;object-fit:cover;background:#fffaf014;width:100%;height:100%;display:block}.archive-plate strong{color:var(--surface);font-family:Georgia,Times New Roman,serif;font-size:1.04rem;line-height:1.2;display:block}.archive-plate div{gap:8px;padding:0 14px 14px;display:grid}.archive-plate p{color:#fffaf0ad;margin:0;line-height:1.5}.visual-card{background:#07151a9e;border:1px solid #fffaf014;border-radius:8px;gap:12px;min-height:292px;padding:14px;display:grid}.visual-card strong{color:var(--surface);font-family:Georgia,Times New Roman,serif;font-size:1.08rem;line-height:1.18}.visual-card>span{color:#fffaf0ad;line-height:1.45}.visual-square{aspect-ratio:1;background:#fbf7ee14;border:1px solid #c3935847;border-radius:6px;position:relative;overflow:hidden}.tan{display:block;position:absolute}.tan-large-b{clip-path:polygon(100% 0,100% 100%,0 100%);background:#9a3a2e;width:50%;height:50%;bottom:0;right:0}.tan-medium{clip-path:polygon(0 0,100% 50%,0 100%);background:#6e7d76;width:50%;height:50%;bottom:0;left:0}.tan-para{clip-path:polygon(24% 0,100% 0,76% 100%,0 100%);background:#4b463d;width:34%;height:25%;top:18%;left:52%}.tan-small-a{clip-path:polygon(0 0,100% 100%,0 100%);background:#bd8f55;width:25%;height:25%;bottom:46%;left:52%}.tan-small-b{clip-path:polygon(100% 0,100% 100%,0 0);background:#7d8d86;width:25%;height:25%;top:0;right:0}.unit-tile-grid{aspect-ratio:1;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.unit-tile-grid span{background:linear-gradient(135deg,#0000 49%,#fffaf02e 50%,#0000 51%),#c3935829;border:1px solid #c3935847;border-radius:4px}.mirror-stage{aspect-ratio:1;background:#fbf7ee0f;border:1px solid #c3935847;border-radius:6px;grid-template-columns:1fr 1px 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.mirror-line{background:#3dc6d67a;justify-self:center;width:1px;height:86%}.mirror-piece{clip-path:polygon(16% 10%,84% 32%,70% 86%,24% 72%);background:#9a3a2e;width:62%;height:54%;display:block}.mirror-left{justify-self:end;margin-right:14px}.mirror-right{background:#bd8f55;justify-self:start;margin-left:14px;transform:scaleX(-1)}.article-callout h3{color:var(--surface);letter-spacing:0;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.figure-panel{gap:18px;margin:0 0 38px;padding:20px;display:grid}.figure-panel figcaption{color:#fffaf0b8;gap:8px;line-height:1.55;display:grid}.figure-panel figcaption strong{color:var(--surface);font-family:Georgia,Times New Roman,serif;font-size:1.2rem}.source-sidebar{color:#fffaf0b8;padding:20px}.source-sidebar h2{color:var(--surface);letter-spacing:0;margin:8px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.source-sidebar code{color:#f5d39d;overflow-wrap:anywhere}.source-map-diagram{grid-template-columns:repeat(3,1fr);align-items:center;gap:12px;min-height:180px;display:grid}.source-map-diagram span{aspect-ratio:1;color:var(--surface);text-align:center;background:#c393582e;border:1px solid #c3935859;border-radius:999px;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;display:flex}.entry-nav{border-top:1px solid #c3935838;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:54px;padding-top:24px;display:grid}.entry-nav a{color:var(--surface);background:#0d242b94;border:1px solid #c393583d;border-radius:8px;gap:8px;min-height:96px;padding:18px;text-decoration:none;display:grid}.entry-nav a span{color:var(--jade);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.source-note{background:#0d242bc2;border:1px solid #c393584d;border-radius:8px;padding:26px}.source-note h2,.concept-row h2{color:var(--surface);letter-spacing:0;margin:12px 0 0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:650;line-height:1.05}.source-note p,.method-card p{color:#fffaf0b8;margin:16px 0 0;line-height:1.68}.source-note code{color:var(--cinnabar);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.source-note-section{border-top:1px solid #c3935838;margin-top:26px;padding-top:24px}.source-note-section h3{color:var(--surface);letter-spacing:0;margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:650;line-height:1.12}.source-list{color:#fffaf0bd;gap:12px;margin:0;padding-left:18px;line-height:1.62;display:grid}.source-list li::marker{color:var(--copper)}.archive-diagram{background-color:#07151a94;background-image:linear-gradient(90deg,#c3935814 1px,#0000 1px),linear-gradient(0deg,#c3935814 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #c3935847;border-radius:8px;min-height:260px;margin-top:16px;position:relative;overflow:hidden}.diagram-caption{color:#fffaf0a3;font-size:14px}.tangram-unit-diagram{aspect-ratio:1;max-width:360px;margin-inline:auto}.tan-piece,.unit-grid{position:absolute}.unit-grid{background:linear-gradient(45deg,#0000 49.4%,#fffaf029 49.6% 50.4%,#0000 50.6%),linear-gradient(135deg,#0000 49.4%,#fffaf029 49.6% 50.4%,#0000 50.6%);inset:14%}.tan-large-a{clip-path:polygon(0 0,100% 0,0 100%);background:#c39358db;width:72%;height:72%;top:14%;left:14%}.tan-large-b{clip-path:polygon(100% 0,100% 100%,0 100%);background:#a33a2dd1;width:72%;height:72%;top:14%;left:14%}.tan-medium{clip-path:polygon(0 0,100% 50%,0 100%);background:#3dc6d6b8;width:36%;height:36%;top:32%;left:32%}.tan-square{background:#fffaf0ad;width:18%;height:18%;top:41%;left:41%;transform:rotate(45deg)}.tan-parallelogram{clip-path:polygon(28% 0,100% 0,72% 100%,0 100%);background:#527267d6;width:28%;height:18%;top:58%;left:51%}.tan-small-a,.tan-small-b{clip-path:polygon(0 0,100% 0,0 100%);background:#f5d39dd1;width:25%;height:25%}.tan-small-a{top:19%;left:58%;transform:rotate(45deg)}.tan-small-b{top:58%;left:19%;transform:rotate(225deg)}.ring-diagram{gap:10px;min-height:auto;padding:18px;display:grid}.ring-state-row{background:#0d242bc7;border:1px solid #c393583d;border-radius:7px;grid-template-columns:36px minmax(120px,1fr) 84px;align-items:center;gap:12px;min-height:48px;padding:10px 12px;display:grid}.ring-state-row span,.ring-state-row code,.related-link-list a{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.ring-state-row span{color:var(--jade)}.ring-state-row code{color:#f5d39d}.ring-state-row i{background:repeating-linear-gradient(90deg,#3dc6d659 0 8px,#c3935859 8px 16px);border-radius:999px;height:8px}.huarong-source-board{aspect-ratio:4/5.35;background-color:#15100c;border:10px solid #c3935880;grid-template-rows:repeat(5,minmax(0,1fr)) 24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:380px;min-height:auto;margin-inline:auto;padding:10px;display:grid}.board-block{color:var(--surface);text-align:center;text-transform:uppercase;border:1px solid #fffaf02e;border-radius:6px;justify-content:center;align-items:center;min-width:0;padding:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;display:flex}.board-cao{background:linear-gradient(145deg,#a33a2d,#6f261f);grid-area:1/2/span 2/span 2}.board-guan{background:linear-gradient(145deg,#c39358,#8f612e);grid-area:3/2/auto/span 2}.board-left{background:linear-gradient(145deg,#527267,#294a42);grid-area:1/1/span 2}.board-right{background:linear-gradient(145deg,#527267,#294a42);grid-area:1/4/span 2}.board-soldier-a,.board-soldier-b{background:linear-gradient(145deg,#193c35,#0d242b)}.board-soldier-a{grid-area:4/1}.board-soldier-b{grid-area:4/4}.board-exit{color:var(--jade);text-align:center;text-transform:uppercase;border-top:1px solid #3dc6d6a6;grid-area:6/2/auto/span 2;place-self:end stretch;padding-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.related-link-list{border-top:1px solid #c3935838;gap:10px;margin-top:20px;padding-top:18px;display:grid}.related-link-list a{color:var(--ember);text-transform:uppercase}.about-band{border-top:1px solid #c3935833;grid-template-columns:minmax(260px,.86fr) minmax(360px,1.14fr);align-items:start;gap:40px;display:grid}.newsletter-band{border-top:1px solid #c3935833;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);align-items:end;gap:32px;display:grid}.newsletter-form{gap:10px;display:grid}.newsletter-form label{color:var(--jade);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.newsletter-form div{gap:8px;display:flex}.newsletter-form input{color:var(--surface);background:#07151a80;border:1px solid #c3935857;border-radius:7px;width:100%;min-width:0;min-height:44px;padding:0 14px}.site-footer{color:#fffaf0b8;border-top:1px solid #c3935838;justify-content:space-between;align-items:center;padding-top:34px;padding-bottom:34px;display:flex}.site-footer>span{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:650}@media (max-width:1120px){.hero{grid-template-columns:1fr;min-height:auto}.home-shell .hero,.home-dashboard{grid-template-columns:1fr}.hero-art{min-height:460px}.hero-orbit{margin:0 auto}.popular-puzzle-row,.home-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.tangram-toolbar{flex-direction:column;align-items:flex-start}.gateway-grid,.research-grid,.archive-list,.math-band,.about-band,.newsletter-band,.puzzle-hero,.detail-layout,.concept-workbench,.article-layout,.reading-layout{grid-template-columns:1fr}.article-toc,.library-sidebar{position:static}.article-toc{border-top:1px solid #c3935847;border-left:0;grid-row:1;padding:18px 0 0}.archive-list{grid-template-columns:repeat(2,minmax(0,1fr))}.article-visual-inset,.article-source-visual,.archive-plate-pair,.tangram-system-grid,.huarong-explainer{grid-template-columns:1fr}.state-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.site-header{flex-direction:column;align-items:flex-start;gap:16px;padding:12px 14px;position:static}.brand-link{letter-spacing:.08em;gap:8px;min-width:0;font-size:16px}.brand-link span{overflow-wrap:anywhere}.brand-link img{width:30px;height:30px}.site-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;width:100%;min-width:0;display:grid}.site-nav a{font-size:12px}.site-nav a:first-child:after{width:58px;bottom:-6px;right:auto}.hero{padding:28px 14px}.hero-copy h1{letter-spacing:.08em;font-size:2rem;line-height:1.35}.page-hero h1{letter-spacing:.035em;max-width:100%;font-size:clamp(1.58rem,8.8vw,2rem);line-height:1.35}.home-shell .hero{padding:28px 14px 24px}.home-shell .hero-copy h1{letter-spacing:.08em;font-size:2rem}.home-shell .hero-copy h1 span{white-space:normal}.home-shell .eyebrow{letter-spacing:.08em;line-height:1.6}.home-dashboard,.home-value-grid{padding-left:14px;padding-right:14px}.popular-puzzle-row,.home-value-grid,.hero-signals{grid-template-columns:1fr}.hero-art{min-height:340px}.hero-orbit{max-width:340px}.cube-cluster{transform:scale(.68)rotate(-8deg)}.vertical-motto,.formula-mark{display:none}.section-band,.math-band,.about-band,.newsletter-band,.site-footer,.page-hero,.play-section,.detail-layout,.article-layout,.reading-layout{padding-left:14px;padding-right:14px}.article-body{max-width:100%;padding:22px}.article-body h1{font-size:clamp(1.72rem,8vw,2.05rem)}.article-body h2{font-size:clamp(1.42rem,6.8vw,1.72rem)}.article-source-visual,.archive-plate-pair{padding:18px}.visual-copy h2{font-size:clamp(1.25rem,6vw,1.5rem)}.article-meta{position:static}.archive-list,.entry-nav,.source-map-diagram{grid-template-columns:1fr}.ring-visual{grid-template-columns:repeat(3,minmax(42px,1fr))}.concept-row{grid-template-columns:1fr}.newsletter-form div,.site-footer{flex-direction:column;align-items:stretch}}