:root{--bg:#071225;--bg2:#0a1a2e;--panel:#0c2037;--panel2:#0f2742;--line:rgba(146,199,237,.16);--muted:#acc1d4;--text:#f0f9ff;--cyan:#55e2e3;--mint:#a3f5db;--gold:#f5c986;--pink:#fa8895;--radius:22px;--max:1192px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;font-family:Inter,'Segoe UI',Arial,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}body:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:930px;background:radial-gradient(ellipse at 77% 29%,#15557b70,transparent 47%),radial-gradient(ellipse at 28% 0%,#16325a55,transparent 52%);pointer-events:none}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #ffe3a8;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;z-index:1000;top:-100px;left:1rem;background:#fff;color:#08182c;padding:12px;border-radius:6px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:100;background:#071428df;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff13}.nav-wrap{max-width:1280px;padding:13px 28px;margin:auto;min-height:78px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(150deg,#1a6578,#134054);display:grid;place-items:center;box-shadow:0 0 25px #55c5bb33}.brand-mark svg{width:33px;fill:none;stroke:#b6fdf1;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.brand-copy{line-height:1;display:flex;flex-direction:column;letter-spacing:2px}.brand-copy strong{font-size:16px;letter-spacing:2.3px}.brand-copy small{font-size:10px;margin-top:7px;color:#74e3da;letter-spacing:3.2px}.site-links{display:flex;gap:30px;margin-left:auto}.site-links a{text-decoration:none;color:#c2d6e9;font-size:13px;font-weight:600;white-space:nowrap}.site-links a:hover,.footer-links a:hover{color:var(--cyan)}.nav-right{display:flex;gap:17px;align-items:center;margin-left:auto}.lang{display:flex;border:1px solid #ffffff25;border-radius:13px;padding:3px;gap:2px;background:#061123}.lang button{background:transparent;color:#acc8df;border:0;padding:8px 10px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}.lang button.active{background:#1f7282;color:white}.nav-home{font-size:12px;text-decoration:none;font-weight:800;letter-spacing:.4px;border:1px solid #3b819c;padding:10px 13px;border-radius:12px;white-space:nowrap}.menu-btn{display:none;background:#163149;border:1px solid #33576c;color:white;border-radius:10px;font-size:23px;padding:4px 11px}.section{max-width:var(--max);margin:0 auto;padding:95px 26px}.section-grid{max-width:var(--max);margin:0 auto;padding:77px 26px 100px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:45px}.eyebrow,.kicker,.small-kicker,.atlas-kicker,.takeaway-kicker{font-size:11px;font-weight:800;letter-spacing:2.1px;color:#77e6e2}.eyebrow{display:flex;align-items:center;gap:9px}.dot{width:8px;height:8px;background:#79ffe2;border-radius:50%;box-shadow:0 0 0 5px #2f8f7e45}.hero h1{font-size:clamp(42px,5.15vw,76px);line-height:1.11;font-weight:850;letter-spacing:-3px;margin:23px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#80eade,#b2fbe0,#f7d4a2);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{font-size:17px;line-height:1.83;color:#c7d8e8;max-width:515px}.hero-actions{display:flex;gap:13px;margin:30px 0 46px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:13px 20px;font-size:13px;font-weight:750;text-decoration:none;cursor:pointer;border-radius:13px;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn.primary{background:linear-gradient(110deg,#80f3df,#83d7e5);color:#071829;box-shadow:0 7px 34px #38daca25}.btn.secondary{border-color:#50748b;background:#0b1e34;color:#e6f6fe}.btn:disabled{opacity:.45;cursor:not-allowed}.hero-stats{display:flex;gap:41px}.hero-stats div{display:flex;flex-direction:column;gap:0}.hero-stats strong{font-size:30px;line-height:1.2;letter-spacing:-1px;color:#f2fcff}.hero-stats span{color:#9eb6ca;font-size:12px}.hero-art{position:relative;min-height:555px;display:grid;place-items:center;isolation:isolate}.hero-art:before{position:absolute;content:"";inset:8% 6%;border-radius:50%;background:radial-gradient(ellipse,#13527488,transparent 65%);z-index:-1}.hero-art img{width:min(94%,515px);max-height:535px;object-fit:contain;position:relative;filter:drop-shadow(0 20px 34px #02111db7)}.orbits{position:absolute;border:1px solid #2e719a70;width:80%;height:80%;border-radius:50%;transform:rotate(-24deg)}.orbit2{width:96%;height:68%;transform:rotate(24deg);opacity:.5;border-style:dashed}.hero-art-caption{position:absolute;bottom:5px;color:#94c7d0;font-size:10px;letter-spacing:2.5px}.float-note{position:absolute;display:flex;gap:10px;align-items:center;padding:10px 16px;border-radius:16px;background:#13314bde;border:1px solid #ffffff31;box-shadow:0 22px 45px #0005;backdrop-filter:blur(8px)}.float-note span:last-child{display:flex;flex-direction:column}.float-note strong{font-size:13px}.float-note small{font-size:11px;color:#abcbdb}.note-1{top:32%;right:-2%}.note-2{bottom:25%;left:-1%}.mini-icon{font-size:28px;color:#ff9a99}.mini-icon.teal{color:#6ee8d6}.explorer-wrap{padding-top:55px}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:34px}.section-intro h2,.learning-band h2{font-size:clamp(29px,3vw,42px);letter-spacing:-1.3px;line-height:1.2;margin:13px 0 13px}.section-intro p,.learning-band p{color:#b3c9db;max-width:700px;margin:0;font-size:15px}.source-tag{display:flex;align-items:center;white-space:nowrap;font-size:11px;color:#a7dadc;gap:8px}.tag-circle{background:#1a565a;border-radius:50%;display:grid;place-items:center;width:23px;height:23px}.explorer-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.atlas-panel,.atlas-sidebar,.quiz-card{border:1px solid #31536c8f;background:linear-gradient(145deg,#0c2038,#0a1c32 70%);border-radius:23px;box-shadow:0 22px 80px #020d1929;overflow:hidden}.atlas-top{padding:23px 25px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff13}.atlas-top>div{display:flex;flex-direction:column}.atlas-top strong{font-size:18px}.atlas-kicker{font-size:9px;color:#81d1d0}.atlas-badge{border:1px solid #47778b;padding:6px 11px;border-radius:30px;color:#99c8d4;font-size:10px;white-space:nowrap}.system-tabs{display:flex;overflow-x:auto;gap:8px;padding:16px 24px 9px;scrollbar-width:thin}.system-tabs button{white-space:nowrap;cursor:pointer;background:#122c43;border:1px solid #38627a;border-radius:20px;color:#d3e0ed;padding:9px 14px;font-size:12px;font-weight:700}.system-tabs button.active{background:#69dfd1;color:#082134;border-color:#69dfd1}.figure-stage{height:550px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#16435a78,transparent 50%),linear-gradient(90deg,#071626 1px,transparent 1px),linear-gradient(#071626 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.figure-stage:before{content:"";position:absolute;inset:4% 16%;border:1px solid #3b829b38;border-radius:50%}.figure-stage:after{content:"";position:absolute;inset:12% 25%;border:1px solid #3b829b32;border-radius:50%}.figure-wash{position:absolute;inset:0;background:radial-gradient(circle,#49c4bb0d,transparent 60%)}.body-svg{height:100%;max-width:100%;position:relative;z-index:2;overflow:visible}.body-shape{fill:url(#silFill);stroke:#55c6cf;stroke-opacity:.55;stroke-width:2.2;filter:drop-shadow(0 0 12px #2d94b040)}.body-shape ellipse{stroke:#66cccf;stroke-width:2}.anatomy-back{fill:none;stroke:#5ba6af;stroke-opacity:.2;stroke-width:3}.anatomy-item{opacity:.19;transition:opacity .2s,filter .2s}.anatomy-item.show{opacity:.96;filter:drop-shadow(0 0 7px var(--hi,#8fe7e7))}.anatomy-item.selected{opacity:1;filter:drop-shadow(0 0 13px var(--hi,#8fe7e7))}.hotspot{cursor:pointer;outline:none}.hotspot .hotring{fill:#071d31e8;stroke:var(--cyan);stroke-width:2.5}.hotspot .hotnum{fill:#f0fffa;font-size:12px;font-weight:800;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.hotspot:focus-visible .hotring,.hotspot:hover .hotring{stroke:#fff;stroke-width:4}.hotspot:not(.active){opacity:.23}.hotspot.selected .hotring{fill:#44b9af;stroke:#c4fff3}.diagram-credit{position:absolute;left:16px;bottom:12px;color:#92afb9;font-size:10px;z-index:5}.atlas-sidebar{display:flex;flex-direction:column;padding:26px 24px;min-width:0}.organ-head{min-height:245px}.organ-emblem{width:58px;height:58px;margin-top:19px;margin-bottom:12px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(120deg,#1b6170,#143e54);font-size:30px;color:#c4fff3;box-shadow:0 0 24px #62dddf1a}.organ-head h3{margin:0;font-size:29px;letter-spacing:-.8px;line-height:1.25}.organ-type{font-size:12px;color:var(--cyan);margin-top:5px}.organ-head p{font-size:14px;color:#c1d3e1;line-height:1.75}.takeaway{background:#16384a;border:1px solid #2d7181;border-radius:16px;padding:18px;margin-bottom:22px}.takeaway-kicker{font-size:10px}.takeaway p{font-size:14px;line-height:1.65;margin:7px 0 0;color:#e0f6f4}.list-title{font-size:10px;letter-spacing:1.7px;color:#8eb0c4}.organ-list{display:flex;flex-direction:column;gap:7px;max-height:235px;overflow:auto}.organ-list button{display:flex;gap:11px;align-items:center;width:100%;text-align:left;cursor:pointer;background:#102940;border:1px solid #2d4b62;border-radius:12px;color:#c7dce9;padding:10px 13px;font-size:13px}.organ-list button.active{background:#1c5261;border-color:#55d5d0;color:white}.organ-list button span:first-child{font-size:21px;line-height:1}.research-link{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;border-top:1px solid #31516a;gap:6px;font-size:12px;color:#a0c1d1}.research-link a{color:#9ff1e4;font-weight:800;text-decoration:none}.systems-section{padding-top:88px}.systems-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.system-card{border-radius:19px;min-height:207px;text-align:left;background:linear-gradient(140deg,#102a43,#0a1b32);border:1px solid #31536c;display:flex;flex-direction:column;justify-content:space-between;padding:20px;cursor:pointer;color:inherit;transition:transform .2s,border-color .2s}.system-card:hover{transform:translateY(-4px);border-color:#59b5b7}.system-card .symbol{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:color-mix(in srgb,var(--col) 18%,#0f2036);font-size:24px}.system-card strong{font-size:17px;letter-spacing:-.35px}.system-card p{font-size:12px;line-height:1.55;color:#a9bfd0;margin:5px 0 10px}.system-card .meta{font-size:11px;color:#83dfd5;letter-spacing:.4px}.learning-band{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:30px;padding-top:30px;padding-bottom:75px}.learning-art{position:relative;height:355px;display:grid;place-items:center;border-radius:26px;background:radial-gradient(circle at 48% 49%,#276e7f,#0d2e48 37%,#0b1d35 72%);border:1px solid #346077;overflow:hidden}.learning-art:before{content:"";position:absolute;inset:40px;border:1px solid #4aafbd42;border-radius:50%}.cell{position:absolute;width:110px;height:110px;background:radial-gradient(circle at 60% 45%,#ffa98955 0 14%,transparent 15%),radial-gradient(circle,#38d7d281 0 42%,#17749c8c 48%,#3cc6de 52%,transparent 54%);border-radius:45% 55% 50% 50%;box-shadow:0 0 35px #3ab6c45c}.cell-a{left:21%;top:20%;transform:rotate(-22deg)}.cell-b{left:49%;top:20%;transform:scale(.8) rotate(25deg)}.cell-c{left:35%;top:46%;transform:scale(1.1)}.cell-d{left:60%;top:52%;transform:scale(.72)}.cell-label{position:absolute;bottom:25px;letter-spacing:1.6px;font-size:11px;color:#e3fbfc;font-weight:700}.text-link{display:inline-block;color:#8cf3e7;font-size:13px;font-weight:800;margin-top:19px;text-decoration:none}.quiz-section{padding-top:35px}.quiz-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px}.quiz-card{padding:30px 35px}.quiz-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;letter-spacing:1px;color:#a5dae0}.progress-bar{height:5px;background:#1a3e56;border-radius:30px;margin:18px 0 31px;overflow:hidden}.progress-bar div{height:100%;width:0;background:#65ecd6;transition:width .3s}.quiz-card h3{font-size:clamp(21px,2.4vw,29px);line-height:1.4;max-width:650px;margin:0 0 26px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quiz-options button{cursor:pointer;text-align:left;min-height:65px;padding:14px 17px;color:#e3f0f5;background:#112b44;border:1px solid #3b5b72;border-radius:12px;font-size:14px}.quiz-options button:hover:enabled{border-color:#76dad8}.quiz-options button:disabled{cursor:default}.quiz-options button.correct{border-color:#7ce2bd;background:#185b51}.quiz-options button.wrong{border-color:#fd9393;background:#633747}.quiz-feedback{min-height:54px;font-size:13px;color:#e3efef;padding-top:16px}.quiz-bottom{display:flex;justify-content:space-between;gap:12px}.text-button{background:none;border:0;color:#a7cbd6;padding:10px}.quiz-side{padding:32px;background:radial-gradient(circle at 20% 12%,#277b85,#124257 43%,#0d2b42);border:1px solid #477886;border-radius:22px;display:flex;flex-direction:column}.quiz-side-symbol{font-size:58px;color:#b8fff0}.quiz-side h3{font-size:29px;line-height:1.24;letter-spacing:-1px;margin:15px 0}.quiz-side p{color:#bed8e1;font-size:14px}.quiz-side-footer{display:flex;justify-content:space-between;margin-top:auto;font-size:11px;color:#a7d7d5;letter-spacing:1px}.evidence-section{padding-top:80px;padding-bottom:95px}.source-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.source-cards a{display:flex;flex-direction:column;gap:6px;text-decoration:none;padding:23px;background:#0f293f;border:1px solid #31536c;border-radius:17px}.source-cards a:hover{border-color:#4fbdc0}.source-icon{width:51px;height:51px;border-radius:13px;background:#1d5060;display:grid;place-items:center;color:#bff5ec;font-weight:800;font-size:15px;margin-bottom:5px}.source-cards strong{font-size:14px}.source-cards small{color:#8ddedc;font-size:12px}.disclaimer{font-size:12px;color:#a6bed0;border-left:3px solid #4d9ca5;padding-left:15px;margin-top:27px;max-width:950px}footer{border-top:1px solid #2b4a65;background:#071121}.footer-inner{max-width:var(--max);margin:auto;padding:45px 26px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer-brand strong{font-size:21px}.footer-brand p{font-size:12px;color:#afc5d2}.footer-links{display:flex;justify-content:flex-end;align-items:flex-start;gap:22px;flex-wrap:wrap}.footer-links a{color:#c4d7e6;font-size:12px;text-decoration:none}.footer-copy{grid-column:1/-1;border-top:1px solid #1e384f;padding-top:24px;color:#8fa5bb;font-size:11px}.sep{padding:0 7px}.inner-page{max-width:790px;margin:0 auto;padding:76px 26px 110px}.inner-page h1{font-size:40px;line-height:1.2}.inner-page h2{font-size:22px;margin-top:36px}.inner-page p,.inner-page li{color:#cad9e5}.inner-page a{color:#8de8e5}
@media(max-width:1120px){.nav-wrap{gap:15px}.site-links{gap:18px}.nav-home{display:none}.note-1{right:0}.hero h1{font-size:61px}.systems-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.site-links{display:none;position:absolute;top:78px;left:0;right:0;padding:18px 25px;background:#091b30;flex-direction:column;border-bottom:1px solid #3d6176;gap:0}.site-links.open{display:flex}.site-links a{padding:10px 5px}.menu-btn{display:block}.nav-right{margin-left:auto}.section-grid{grid-template-columns:1fr;padding-top:64px;gap:0}.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-stats{justify-content:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-art{min-height:440px;max-width:590px;width:100%;margin:0 auto}.hero-art img{max-height:420px}.explorer-layout,.quiz-layout{grid-template-columns:1fr}.atlas-sidebar{min-height:0}.organ-head{min-height:0}.organ-list{max-height:none}.learning-band{grid-template-columns:1fr;gap:28px}.source-tag{display:none}.source-cards{grid-template-columns:1fr 1fr}.section{padding-top:65px;padding-bottom:65px}.systems-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.nav-wrap{padding:10px 14px;gap:7px}.brand-mark{width:36px;height:36px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:8px}.lang button{padding:6px;font-size:10px}.menu-btn{padding:1px 8px}.section,.section-grid{padding-left:17px;padding-right:17px}.hero h1{letter-spacing:-2px;font-size:clamp(40px,10vw,55px)}.hero-copy>p{font-size:15px}.hero-stats{gap:22px}.hero-stats strong{font-size:26px}.hero-stats span{font-size:10px}.hero-art{min-height:350px}.hero-art img{max-height:350px}.note-1{top:25%;right:-5%;transform:scale(.8)}.note-2{bottom:25%;left:-5%;transform:scale(.8)}.section-intro h2{font-size:30px}.atlas-top{padding:17px}.atlas-badge{font-size:9px}.system-tabs{padding:13px 13px 7px}.figure-stage{height:460px}.atlas-sidebar{padding:22px}.systems-grid{gap:9px}.system-card{min-height:193px;padding:15px}.system-card strong{font-size:14px}.system-card p{font-size:11px}.system-card .symbol{width:46px;height:46px}.learning-art{height:290px}.quiz-card{padding:21px}.quiz-options{grid-template-columns:1fr}.source-cards{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.quiz-side{min-height:270px}.quiz-side-footer{margin-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Final responsive safety refinement */
html{overflow-x:clip}
@media(max-width:540px){.hero-art{overflow:clip}.note-1{right:0;transform:scale(.76);transform-origin:right center}.note-2{left:0;transform:scale(.76);transform-origin:left center}}

.health-section{padding-top:25px}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.health-card{background:linear-gradient(140deg,#112b43,#0b1c32);border:1px solid #365a6c;border-radius:19px;padding:22px;display:flex;flex-direction:column;min-height:250px}.health-card .health-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#225466;color:#9df2e3;font-size:24px;margin-bottom:16px}.health-card strong{font-size:17px;line-height:1.3}.health-card p{font-size:12px;color:#b8c9d8;line-height:1.7}.health-card a{font-size:12px;text-decoration:none;color:#80eade;font-weight:800;margin-top:auto}.health-card a:hover{text-decoration:underline}@media(max-width:850px){.health-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.health-grid{grid-template-columns:1fr}.health-card{min-height:0}}

/* === BioMind integration additions: Real Anatomy, Games, Author block (KING, 2026-10-17) === */
.real-sub{margin:28px 0 14px;font-size:20px;color:#eaf3ff}
.real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fig-card{background:#0c1e38;border:1px solid #1d3a5f;border-radius:16px;overflow:hidden;margin:0;display:flex;flex-direction:column}
.fig-card img{width:100%;height:300px;object-fit:contain;display:block;background:#0a1830}
.fig-card.light img{object-fit:contain;background:#ffffff;height:260px}
.fig-card figcaption{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.fig-card figcaption strong{color:#fff;font-size:16px}
.fig-what{color:#b9cdea;font-size:14px;line-height:1.5}
.chips{color:#ffd97a;font-size:12.5px;line-height:1.5}
.credit{color:#7e97b8;font-size:12px;line-height:1.5;border-top:1px solid #1d3a5f;padding-top:8px}
.credit a{color:#8fd0ff}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.game-card{background:#0c1e38;border:1px solid #1d3a5f;border-radius:16px;padding:18px}
.game-tag{color:#38cfdd;font-size:11px;letter-spacing:.12em;font-weight:700}
.game-card h3{color:#fff;margin:8px 0 6px;font-size:18px}
.game-how{color:#b9cdea;font-size:13.5px;line-height:1.5;margin:0 0 12px}
.label-stage{position:relative;border-radius:12px;overflow:hidden}
.label-stage img{width:100%;display:block}
.hotdot{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:#0e7c7b;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.45);z-index:2}
.hotdot.right{background:#2e9e4f}.hotdot.wrong{background:#c0392b}.hotdot.reveal{animation:hotpulse 0.5s ease-in-out 4}
@keyframes hotpulse{50%{box-shadow:0 0 0 10px rgba(255,217,122,.55)}}
.game-status{color:#dbe9ff;font-size:14px;min-height:40px;margin:10px 0;line-height:1.45}
.game-row{display:flex;align-items:center;gap:12px}
.game-score{color:#ffd97a;font-size:13.5px;font-weight:600}
.match-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.match-col{display:flex;flex-direction:column;gap:8px}
.match-btn{background:#12294a;border:1px solid #2a4f7e;color:#eaf3ff;border-radius:10px;padding:9px 8px;font-size:13.5px;cursor:pointer;text-align:center}
.match-btn:hover{border-color:#38cfdd}
.match-btn.sel{background:#0e7c7b;border-color:#ffd97a}
.match-btn.locked{background:#1d4d2b;border-color:#2e9e4f;color:#b9f2c9;cursor:default}
.match-btn.bad{background:#5f1f1f;border-color:#c0392b}
.sprint-prompt{color:#fff;font-size:16px;line-height:1.5;min-height:52px;background:#12294a;border-radius:12px;padding:12px 14px;margin-bottom:10px}
.sprint-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.author-block{display:flex;gap:22px;align-items:flex-start;background:#0a1830;border-top:1px solid #1d3a5f;padding:34px 6vw;margin-top:10px}
.author-block img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #ffd97a;flex:none}
.author-text h3{margin:0 0 4px;color:#fff;font-size:20px}
.author-role{color:#ffd97a;margin:0 0 8px;font-size:14px}
.author-mission{color:#c9dcf5;margin:0 0 10px;line-height:1.55;max-width:720px}
.family-links{margin:0 0 8px;line-height:1.9}
.family-links a,.author-social a{color:#8fd0ff;text-decoration:none}
.author-social{color:#7e97b8;margin:0;font-size:13.5px}
@media (max-width:1000px){.real-grid{grid-template-columns:repeat(2,1fr)}.games-grid{grid-template-columns:1fr}}
@media (max-width:640px){.real-grid{grid-template-columns:1fr}.author-block{flex-direction:column}}

.sys-figure{background:#f2f7ff;border:1px solid #c9dcf5;border-radius:14px;padding:14px;margin:14px 0 0;text-align:left}.sys-figure .sys-fig-kicker{display:block;font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#2f6fd0;margin-bottom:8px}.sys-figure img{width:100%;max-height:720px;object-fit:contain;background:#fff;border-radius:10px}.sys-figure figcaption{margin-top:10px}.sys-figure figcaption strong{display:block;color:#12325e;font-size:1rem}.sys-figure .credit{display:block;color:#5b7292;font-size:.78rem;margin-top:3px}.sys-figure .credit a{color:#2f6fd0}.pro-section .pro-preview{background:#fff8e8;border:1.5px solid #e8c66a;border-radius:16px;padding:20px;margin:6px 0 22px}.pro-preview h3{margin:8px 0}.pro-preview p{color:#4c4230}.lock-badge{display:inline-block;background:#31435f;color:#ffd97a;font-weight:800;font-size:.68rem;letter-spacing:.08em;border-radius:999px;padding:3px 9px;white-space:nowrap}.lock-badge.free{background:#0e7c7b;color:#fff}.pro-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.pro-part{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px}.pro-part h3{font-size:1rem;margin:0 0 10px;color:#ffd97a}.pro-chapters{list-style:none;margin:0;padding:0;display:grid;gap:9px}.pro-chapters li{display:flex;gap:9px;align-items:flex-start}.ch-num{font-size:.72rem;font-weight:800;color:#9fb8d8;white-space:nowrap;padding-top:2px}.ch-title{flex:1;font-size:.92rem}.pro-cta{margin-top:22px;text-align:center}.pro-cta p{max-width:62ch;margin:0 auto 14px}
.celebrate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(4,16,34,.55);z-index:60;padding:16px}.celebrate[hidden]{display:none}.celebrate-card{background:#0d2b4d;border:2px solid #ffd97a;border-radius:20px;padding:28px 34px;text-align:center;animation:celebPop .35s ease;max-width:92vw}.celebrate-face{font-size:4rem;line-height:1.1;animation:celebBounce .7s ease-in-out infinite alternate}.celebrate-msg{font-size:1.6rem;font-weight:800;color:#ffd97a;margin-top:6px}.celebrate-sub{color:#dbeafe;margin-top:6px}.celebrate-stars{font-size:1.4rem;margin-top:10px}@keyframes celebPop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes celebBounce{from{transform:translateY(0)}to{transform:translateY(-9px)}}.praise{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#0e7c7b;color:#fff;font-weight:800;font-size:1.15rem;border-radius:999px;padding:10px 22px;z-index:61;box-shadow:0 8px 24px rgba(0,0,0,.35);animation:celebPop .25s ease;white-space:nowrap}.praise[hidden]{display:none}

.read-here{margin-top:auto;background:#0e7c7b;color:#fff;border:0;border-radius:10px;padding:11px 14px;font-weight:700;font-size:.9rem;cursor:pointer;width:100%}
.read-here:hover{background:#0a5e5d}
.article-view{position:fixed;inset:0;z-index:220;background:rgba(3,12,22,.88);overflow-y:auto;padding:26px 14px 60px}
.article-inner{max-width:760px;margin:0 auto;background:#0c2038;border:1px solid #31536c;border-radius:20px;padding:26px 28px 30px;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.article-back{background:#122c43;border:1px solid #38627a;color:#d3e0ed;border-radius:20px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:.85rem}
.article-authority{display:flex;gap:15px;align-items:center;background:rgba(255,217,122,.07);border:1px solid rgba(255,217,122,.45);border-radius:14px;padding:13px 16px;margin:18px 0 6px}
.article-authority img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #ffd97a;flex:none}
.aa-name{font-weight:800;font-size:1rem;color:#fff}
.aa-role{color:#ffd97a;font-size:.82rem;font-weight:700}
.aa-based{color:#acc1d4;font-size:.8rem;margin-top:2px}
.article-inner h2{font-size:1.7rem;line-height:1.25;margin:14px 0 8px}
.article-body{font-size:1rem;line-height:1.75;color:#d7e6f2}
.article-body h3{color:#7de8dc;font-size:1.12rem;margin:22px 0 6px}
.article-body ul{padding-left:1.2rem}.article-body li{margin:4px 0}
.article-body a{color:#8de8e5;font-weight:700}
.article-deeper{border-top:1px solid #31536c;margin-top:26px;padding-top:16px}
.article-deeper h3{font-size:.95rem;color:#ffd97a;letter-spacing:.04em}
.article-deeper ul{padding-left:1.2rem}.article-deeper a{color:#8de8e5;font-weight:700}