:root{--ink:#17211f;--paper:#f3e7cc;--paper-light:#fff8e9;--mustard:#e2a52b;--rust:#b54832;--teal:#317d78;--blue:#335f88;--olive:#72824c;--plum:#765572;--brick:#9d4437;--charcoal:#282d2a;--border:3px solid var(--ink);--shadow:7px 7px 0 var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}::selection{background:var(--mustard);color:var(--ink)}.paper-noise{pointer-events:none;opacity:.16;z-index:0;mix-blend-mode:multiply;background-image:radial-gradient(circle at 20% 20%,#17211f 0 1px,#0000 1.2px),radial-gradient(circle at 70% 80%,#17211f 0 .8px,#0000 1px);background-size:17px 17px,23px 23px;position:fixed;inset:0}.splash-shell,.game-shell{min-height:100vh;position:relative;overflow:hidden}.splash-shell{background:linear-gradient(115deg,#efe0bd 0 56%,#1b2725 56%);place-items:center;padding:28px;display:grid}.splash-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:34px;width:min(1450px,100%);display:grid;position:relative}.splash-copy{align-self:center;max-width:700px;padding:clamp(28px,5vw,78px) 0}.eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:950}.splash-copy h1,.brand-button,.mission-header h1,.panel h2,.field-guide h2{letter-spacing:.02em;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.splash-copy h1{text-shadow:6px 5px 0 var(--mustard);margin:0;font-size:clamp(76px,12vw,180px);line-height:.78;transform:skew(-4deg)}.splash-copy h1 span{color:var(--rust)}.splash-deck{max-width:620px;margin:38px 0 28px;font-size:clamp(18px,2vw,25px);font-weight:720;line-height:1.45}.sequence-strip{letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:7px 10px;margin-bottom:30px;font-size:12px;display:flex}.sequence-strip b{border:2px solid var(--ink);background:var(--paper-light);box-shadow:3px 3px 0 var(--ink);padding:7px 8px 5px}.sequence-strip i{font-style:normal;font-weight:950}.primary-cta{appearance:none;border:var(--border);background:var(--mustard);box-shadow:var(--shadow);text-transform:uppercase;letter-spacing:.055em;cursor:pointer;padding:16px 24px 14px;font-weight:950;transition:transform .16s,box-shadow .16s,background .16s}.primary-cta:hover{box-shadow:4px 4px 0 var(--ink);background:#f0b83e;transform:translate(3px,3px)rotate(-.5deg)}.primary-cta:active{box-shadow:0 0 0 var(--ink);transform:translate(7px,7px)}.primary-cta span{margin-left:12px}.primary-cta.compact{width:100%;box-shadow:5px 5px 0 var(--ink);padding:13px 16px 11px}.micro-copy{text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-top:18px;font-size:11px;font-weight:800}.splash-art{min-height:680px;position:relative;transform:rotate(1deg)}.speed-lines{background:repeating-conic-gradient(from 235deg at 45% 48%, transparent 0 8deg, #f3e7cc29 8deg 9deg);position:absolute;inset:-40px}.hero-panel{border:4px solid #111b19;position:absolute;overflow:hidden;box-shadow:10px 10px #080d0c}.panel-yellow{background:var(--mustard);width:61%;height:48%;top:6%;left:5%;transform:rotate(-3deg)}.panel-teal{background:var(--teal);width:38%;height:58%;top:21%;right:1%;transform:rotate(5deg)}.panel-red{background:var(--rust);place-items:center;width:51%;height:38%;display:grid;bottom:1%;left:12%;transform:rotate(2deg)}.robot-head{border:14px solid var(--ink);background:#e8dfc4;border-radius:46% 46% 40% 40%;width:230px;height:210px;position:absolute;bottom:-18px;left:18%;transform:rotate(-7deg)}.robot-face{border:9px solid var(--ink);background:#1f2c29;border-radius:40%;justify-content:space-around;align-items:center;width:80%;height:51%;margin:43px auto;display:flex}.robot-face i{background:var(--mustard);border-radius:40%;width:39px;height:22px;box-shadow:0 0 0 7px #101715}.antenna{background:var(--ink);width:10px;height:70px;position:absolute;top:-60px;left:52%;transform:rotate(8deg)}.antenna:before{content:"";background:var(--rust);border:7px solid var(--ink);border-radius:50%;width:30px;height:30px;position:absolute;top:-18px;left:-10px}.gloved-hand{color:var(--paper-light);-webkit-text-stroke:7px var(--ink);font-size:180px;font-weight:950;position:absolute;top:25%;left:22%;transform:rotate(-12deg)}.speech{background:var(--paper-light);border:3px solid var(--ink);letter-spacing:.06em;box-shadow:4px 4px 0 var(--ink);border-radius:50%;padding:12px 17px 9px;font-family:Impact,sans-serif;font-size:22px;position:absolute}.speech-one{top:8%;right:6%;transform:rotate(5deg)}.speech-two{bottom:8%;left:5%;transform:rotate(-6deg)}.ink-caption{z-index:5;background:var(--paper-light);border:3px solid var(--ink);letter-spacing:.06em;padding:11px 13px 8px;font-family:Impact,sans-serif;font-size:20px;position:absolute;bottom:0;right:2%;transform:rotate(-2deg);box-shadow:5px 5px #101715}.comic-burst{filter:drop-shadow(7px 7px #111);width:min(100%,390px)}.comic-burst polygon{fill:#f5df9e;stroke:var(--ink);stroke-width:7px}.comic-burst text{fill:var(--ink);transform-origin:50%;font-family:Impact,sans-serif;font-size:64px;transform:skew(-4deg)}.game-shell{background:#ead9b9}.topbar{z-index:30;border-bottom:var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f3e7ccf5;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:12px 24px;display:grid;position:sticky;top:0}.brand-button{cursor:pointer;background:0 0;border:0;padding:0;font-size:29px;transform:skew(-4deg)}.brand-button span{color:var(--rust)}.player-stats{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.stat-pill{border:2px solid var(--ink);background:var(--paper-light);text-transform:uppercase;letter-spacing:.045em;padding:6px 10px 5px;font-size:11px;font-weight:850}.stat-pill.rank{background:var(--teal);color:#fff}.icon-button,.text-button{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;text-underline-offset:4px;background:0 0;border:0;font-size:11px;font-weight:950;text-decoration:underline}.toast{z-index:80;background:var(--mustard);border:var(--border);box-shadow:5px 5px 0 var(--ink);letter-spacing:.06em;padding:10px 14px 8px;font-family:Impact,sans-serif;position:fixed;top:78px;left:50%;transform:translate(-50%)rotate(-1deg)}.field-guide{z-index:20;border-bottom:var(--border);color:#fff6e5;background:#1f2b28;grid-template-columns:260px 1fr;gap:26px;padding:26px;display:grid;position:relative}.field-guide h2{margin:0;font-size:34px}.legend-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.legend-card{color:var(--ink);border:2px solid #101715;min-height:72px;padding:10px;box-shadow:3px 3px #101715}.legend-card b{text-transform:uppercase;margin-bottom:5px;display:block}.legend-card span{font-size:11px;font-weight:650;line-height:1.3}.field-guide .text-button{color:#fff6e5;grid-column:1/-1;justify-self:start}.mission-header{z-index:1;grid-template-columns:1fr auto;align-items:end;gap:22px;max-width:1500px;margin:0 auto;padding:34px 26px 23px;display:grid;position:relative}.mission-copy h1{margin:0;font-size:clamp(42px,6vw,86px);line-height:.92;transform:skew(-3deg)}.mission-copy>p:last-child{max-width:720px;margin-bottom:0;font-size:16px;font-weight:680}.mission-switcher{grid-template-columns:repeat(4,42px);gap:6px;display:grid}.mission-switcher button{border:2px solid var(--ink);background:var(--paper-light);cursor:pointer;width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);font-weight:950}.mission-switcher button.active{background:var(--mustard);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.mission-switcher button.cleared:after{content:"✓";font-size:10px;position:absolute}.stage-rail{z-index:1;grid-template-columns:repeat(5,1fr);max-width:1500px;margin:0 auto 18px;padding:0 26px;display:grid;position:relative}.stage-chip{border:2px solid var(--ink);opacity:.75;background:#d9c9aa;border-right:0;align-items:center;gap:11px;min-height:64px;padding:9px 12px;display:flex}.stage-chip:last-child{border-right:2px solid var(--ink)}.stage-chip span{opacity:.6;font-family:Impact,sans-serif;font-size:22px}.stage-chip b{text-transform:uppercase;letter-spacing:.035em;font-size:13px}.stage-chip.active{background:var(--mustard);opacity:1;box-shadow:inset 0 -5px 0 var(--rust)}.stage-chip.done{opacity:1;background:#bdd0ae}.stage-chip.done span:after{content:"✓";vertical-align:top;margin-left:2px;font-family:Inter,sans-serif;font-size:9px}.game-board{z-index:1;grid-template-columns:minmax(0,1fr) 330px;gap:16px;max-width:1500px;margin:0 auto;padding:0 26px 38px;display:grid;position:relative}.panel{border:var(--border);box-shadow:6px 6px 0 var(--ink);background:#fff8e9d1}.main-panel{min-width:0;padding:20px}.detail-panel{align-self:start;padding:20px;position:sticky;top:85px}.full-panel{grid-column:1/-1;padding:clamp(22px,4vw,48px)}.panel-heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:18px;display:flex}.panel-heading h2,.full-panel h2{margin:0;font-size:clamp(29px,4vw,52px);line-height:.98}.panel-note{max-width:300px;margin:0;font-size:12px;font-weight:750;line-height:1.4}.periodic-table{grid-template-columns:repeat(8,minmax(104px,1fr));align-items:start;gap:7px;display:grid}.family-column{gap:7px;min-width:0;display:grid}.family-header{border:2px solid var(--ink);min-height:62px;box-shadow:3px 3px 0 var(--ink);padding:8px}.family-header span{letter-spacing:.12em;font-size:9px;font-weight:950;display:block}.family-header b{text-transform:uppercase;overflow-wrap:anywhere;margin-top:5px;font-size:12px;display:block}.element-tile{text-align:left;border:2px solid var(--ink);cursor:pointer;min-height:118px;box-shadow:3px 3px 0 var(--ink);padding:9px 8px 7px;transition:transform .12s,box-shadow .12s,filter .12s;position:relative;overflow:hidden}.element-tile:after{content:"";border:2px solid #17211f40;border-radius:50%;width:65px;height:65px;position:absolute;bottom:-25px;right:-25px}.element-tile:hover{box-shadow:5px 5px 0 var(--ink);z-index:2;transform:translate(-2px,-2px)rotate(-.6deg)}.element-tile.selected{outline:5px solid var(--paper-light);box-shadow:0 0 0 7px var(--ink), 8px 8px 0 var(--ink);z-index:4;transform:translate(-1px,-1px)scale(1.02)}.element-tile:not(.discovered){filter:saturate(.65)}.atomic-number{font-size:9px;font-weight:900;position:absolute;top:6px;right:7px}.element-tile strong{letter-spacing:.02em;margin-top:8px;font-family:Impact,sans-serif;font-size:36px;line-height:1;display:block}.element-name{text-transform:uppercase;min-height:28px;margin-top:5px;font-size:10px;font-weight:900;line-height:1.12;display:block}.family-tag{letter-spacing:.08em;border-top:1px solid #17211f73;margin-top:4px;padding-top:4px;font-size:8px;font-weight:950;display:block}.family-intelligence{background:#d6a63a}.family-knowledge{background:#6e9f85}.family-memory{background:#7fa2a7}.family-tools{background:#d07048}.family-agency{background:#c45b4e}.family-collaboration{background:#8b7086}.family-safety{background:#d3c36d}.family-evaluation{background:#72875e}.element-hero{border:3px solid var(--ink);min-height:180px;box-shadow:5px 5px 0 var(--ink);margin-bottom:18px;padding:14px;position:relative}.element-hero span{font-weight:950;position:absolute;top:9px;right:12px}.element-hero strong{margin-top:24px;font-family:Impact,sans-serif;font-size:92px;line-height:.9;display:block}.element-hero em{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-style:normal;font-weight:950;display:block}.detail-panel h3{margin:0 0 20px;font-size:24px;line-height:1.08}.detail-section{border-top:2px solid var(--ink);padding:11px 0 4px}.detail-section b,.mission-objective b{letter-spacing:.12em;font-size:10px}.detail-section p,.mission-objective p{margin:5px 0 8px;font-size:13px;font-weight:630;line-height:1.45}.detail-section.risk{color:#6d221a}.detail-panel blockquote{border:2px solid var(--ink);background:var(--paper-light);box-shadow:3px 3px 0 var(--ink);margin:18px 0;padding:14px;font-family:Georgia,serif;font-size:18px;font-weight:800;position:relative;transform:rotate(-1deg)}.mission-objective{border:2px dashed var(--ink);background:#ffffff61;margin:18px 0;padding:13px}.mission-scenario{background:var(--ink);color:var(--paper-light);margin:0 0 17px;padding:12px 14px;font-weight:730;line-height:1.45}.score-stamp{border:3px solid var(--ink);background:var(--mustard);width:95px;min-width:95px;height:95px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;align-content:center;place-items:center;display:grid;transform:rotate(7deg)}.score-stamp span,.score-stamp small{letter-spacing:.09em;font-size:8px;font-weight:950}.score-stamp b{font-family:Impact,sans-serif;font-size:37px;line-height:.85}.build-summary{color:#fff8e9;background:#1f2b28}.build-summary h3{font-size:30px}.selected-stack{gap:7px;margin:18px 0;display:grid}.selected-token{text-align:left;cursor:pointer;border:2px solid #0f1715;grid-template-columns:33px 1fr auto;align-items:center;gap:8px;min-height:43px;display:grid;box-shadow:3px 3px #070a09}.selected-token b{font-family:Impact,sans-serif;font-size:20px}.selected-token span{text-transform:uppercase;font-size:10px;font-weight:900}.selected-token i{font-size:18px;font-style:normal;font-weight:950}.build-summary .text-button{color:#fff8e9;margin-top:17px}.comic-split{border-bottom:var(--border);grid-template-columns:1.2fr .8fr;align-items:center;margin-bottom:28px;padding-bottom:24px;display:grid}.run-copy>p:not(.eyebrow){max-width:740px;font-weight:650;line-height:1.5}.run-art{background:var(--teal);border:var(--border);background-image:radial-gradient(circle,#ffffff42 0 2px,#0000 2.4px);background-size:12px 12px;place-items:center;min-height:260px;display:grid;overflow:hidden;transform:rotate(1deg)}.big-score{border:3px solid var(--ink);background:var(--mustard);box-shadow:5px 5px 0 var(--ink);grid-template-columns:auto auto auto;align-items:end;gap:9px;margin-top:28px;padding:11px 16px 8px;display:inline-grid;transform:rotate(-1deg)}.big-score span{letter-spacing:.11em;grid-area:1/1/auto/-1;font-size:9px;font-weight:950}.big-score strong{font-family:Impact,sans-serif;font-size:56px;line-height:.8}.big-score i{font-style:normal;font-weight:900}.mini-flow{align-items:stretch;gap:4px;margin:10px 0;padding:10px 6px 21px;display:flex;overflow-x:auto}.flow-node-wrap{flex:none;align-items:center;gap:4px;display:flex}.flow-node{border:2px solid var(--ink);width:120px;min-height:88px;box-shadow:3px 3px 0 var(--ink);padding:10px}.flow-node span{font-family:Impact,sans-serif;font-size:28px;display:block}.flow-node b{text-transform:uppercase;font-size:9px;line-height:1.1;display:block}.flow-arrow{font-size:24px;font-weight:950}.mini-flow.danger .flow-node{transform:rotate(-1deg)}.run-results{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 27px;display:grid}.result-card{border:var(--border);min-height:160px;box-shadow:4px 4px 0 var(--ink);padding:14px}.result-card>b{letter-spacing:.08em;font-size:10px}.result-card strong{margin:8px 0;font-family:Impact,sans-serif;font-size:48px;display:block}.result-card p{font-size:11px;font-weight:750;line-height:1.4}.result-card.good{background:#b6c7a4}.result-card.neutral{background:#c5b8cf}.result-card.warning{background:#e1ad87}.break-panel{color:#fff5e2;background:#202926}.break-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:38px;display:grid}.break-art{background:var(--rust);background-image:radial-gradient(circle,#fff0d233 0 2px,#0000 2.4px);background-size:13px 13px;border:4px solid #0d1412;place-items:center;min-height:470px;display:grid;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:9px 9px #090d0c}.crack-lines{background:repeating-conic-gradient(from 0deg at 51% 48%, transparent 0 10deg, #090d0c80 10deg 10.6deg);position:absolute;inset:0}.break-copy h2{color:#f4d89d;font-size:clamp(45px,6vw,88px)}.failure-text{max-width:720px;font-size:20px;font-weight:750;line-height:1.45}.risk-meter{border:2px solid #f6e8c9;margin:25px 0;padding:13px}.risk-meter>span{letter-spacing:.12em;font-size:9px;font-weight:950}.risk-meter div{background:#0d1412;border:2px solid #f6e8c9;height:18px;margin:7px 0}.risk-meter i{background:#e8a735;height:100%;display:block}.risk-2 i,.risk-3 i{background:#d45a43}.risk-meter b{letter-spacing:.08em;font-family:Impact,sans-serif;font-size:24px}.diagnostic-box{color:var(--ink);background:#f2e3c4;border:3px solid #0d1412;margin-bottom:25px;padding:14px;box-shadow:5px 5px #080c0b}.diagnostic-box>b{letter-spacing:.12em;font-size:10px}.diagnostic-box p{margin-bottom:0;font-weight:660;line-height:1.45}.fix-header{justify-content:space-between;align-items:start;gap:30px;display:flex}.fix-header>div:first-child>p:last-child{max-width:670px;font-weight:680}.score-stamp.final{background:#a9c399}.fix-grid{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 26px;display:grid}.fix-card{border:var(--border);box-shadow:4px 4px 0 var(--ink);background:#e4d1ae;padding:18px}.fix-card>b{letter-spacing:.1em;font-size:11px}.fix-card p{font-weight:650;line-height:1.45}.repair-buttons{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.repair-button{border:2px solid var(--ink);text-align:left;cursor:pointer;min-width:140px;box-shadow:3px 3px 0 var(--ink);padding:10px}.repair-button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.repair-button b{font-family:Impact,sans-serif;font-size:22px;display:block}.repair-button span{text-transform:uppercase;font-size:9px;font-weight:900}.lesson-card{color:#fff5e2;background:#273532}.quote-line{font-family:Georgia,serif;font-size:20px;font-weight:800!important}.game-footer{z-index:1;border-top:var(--border);background:var(--ink);color:#f8edd6;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:20px;padding:17px 26px;font-size:10px;font-weight:900;display:flex;position:relative}@media (max-width:1400px){.periodic-table{grid-template-columns:repeat(4,minmax(110px,1fr))}.family-column:nth-child(n+5){margin-top:12px}.game-board{grid-template-columns:1fr 290px}.legend-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:880px){.splash-shell{background:var(--paper);padding:18px}.splash-grid{grid-template-columns:1fr}.splash-copy{padding:35px 0 0}.splash-art{background:#1b2725;min-height:560px;margin:0 -18px -18px}.topbar{grid-template-columns:auto auto;padding:10px 14px}.player-stats{grid-area:2/1/auto/-1;justify-content:start}.icon-button{justify-self:end}.mission-header{grid-template-columns:1fr;padding:26px 14px 18px}.mission-switcher{grid-template-columns:repeat(8,38px);overflow-x:auto}.mission-switcher button{width:38px;height:38px}.stage-rail{grid-template-columns:repeat(5,minmax(155px,1fr));padding:0 14px;overflow-x:auto}.game-board{grid-template-columns:1fr;padding:0 14px 30px}.detail-panel{position:static}.periodic-table{grid-template-columns:repeat(4,minmax(100px,1fr));overflow-x:auto}.full-panel{grid-column:1}.comic-split,.break-layout,.fix-grid,.run-results,.field-guide{grid-template-columns:1fr}}@media (max-width:560px){.splash-copy h1{font-size:74px}.splash-deck{font-size:18px}.splash-art{min-height:480px}.panel-yellow{width:72%;height:45%}.panel-teal{width:45%;height:50%}.panel-red{width:66%;height:35%}.robot-head{transform-origin:0 100%;transform:scale(.72)rotate(-7deg)}.mission-copy h1{font-size:46px}.stage-chip{min-height:52px}.main-panel,.detail-panel{padding:12px}.panel-heading{display:grid}.periodic-table{grid-template-columns:repeat(2,minmax(120px,1fr))}.element-tile{min-height:105px}.element-tile strong{font-size:31px}.family-column:nth-child(n+3){margin-top:10px}.legend-grid{grid-template-columns:1fr}.comic-split{gap:18px}.run-art,.break-art{min-height:300px}.fix-header,.game-footer{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}