:root{font-family:Trebuchet MS,Arial,sans-serif;color:#082e58;background:#066dc3;font-synthesis:none;line-height:1.45;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#23d4ed 0,#049edb 520px,#0756ac 1400px,#044685)}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:4px solid #e70083;outline-offset:4px}button:focus-visible,.reveal:focus-within{outline-color:#fff265}p{margin-top:0}.sea-decoration{position:absolute;inset:0 0 auto;height:1500px;overflow:hidden;pointer-events:none}.sea-flower{position:absolute;width:190px;height:190px;opacity:.28;color:#006cb3}.sea-flower i{position:absolute;left:63px;top:3px;width:64px;height:88px;border:7px solid currentColor;border-radius:52% 48% 44% 56%;transform-origin:50% 100%}.sea-flower i:nth-child(2){transform:rotate(72deg)}.sea-flower i:nth-child(3){transform:rotate(144deg)}.sea-flower i:nth-child(4){transform:rotate(216deg)}.sea-flower i:nth-child(5){transform:rotate(288deg)}.flower-one{left:-75px;top:110px;transform:rotate(18deg) scale(1.25)}.flower-two{right:-15px;top:160px;color:#b19beb;transform:rotate(-12deg) scale(1.4);opacity:.38}.flower-three{left:8%;top:910px;color:#6edbf1;transform:rotate(35deg) scale(1.2)}.bubbles{position:absolute;inset:0}.bubbles i{position:absolute;width:30px;height:30px;border:3px solid #b5f9ff88;border-radius:50%;box-shadow:inset 3px 3px #fff4;left:72%;top:38px}.bubbles i:nth-child(2){left:94%;top:610px;width:50px;height:50px}.bubbles i:nth-child(3){left:3%;top:700px;width:22px;height:22px}.bubbles i:nth-child(4){left:40%;top:110px;width:14px;height:14px}.masthead{position:relative;max-width:1200px;min-height:146px;padding:17px 20px 15px;margin:auto}.brand{display:inline-block;text-decoration:none;position:relative;z-index:1}.brand-kicker{display:block;color:#073c76;font-size:15px;font-weight:900;margin-left:5px}h1{margin:0;font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;font-size:clamp(38px,5.3vw,66px);font-weight:1000;letter-spacing:-2.5px;line-height:1.08;color:#fff23b;-webkit-text-stroke:2px #073772;paint-order:stroke fill;text-shadow:3px 4px 0 #073772,6px 7px 0 #f16168;transform:rotate(-2deg)}h1 span{color:#fffdf0}.intro{margin:11px 0 0 6px;font-size:16px;color:#073563}.intro strong{font-weight:900}.masthead-bubble{position:absolute;right:53px;top:32px;background:#fff;color:#092e58;padding:13px 21px;font-size:22px;font-weight:900;border:3px solid #073772;border-radius:50%;transform:rotate(10deg);box-shadow:3px 4px #073772}.masthead-bubble:after{content:"";position:absolute;bottom:-13px;right:25px;width:18px;height:22px;background:#fff;border-right:3px solid #073772;transform:skew(-25deg)}main{position:relative;max-width:1200px;margin:auto;padding:0 20px}.warning{margin:0 0 18px;padding:10px 17px;background:#fff27b;color:#523707;border:2px solid #7f5c0e;border-radius:4px 8px 5px 7px;font-size:13px;box-shadow:3px 3px #07467a}.warning strong{font-weight:900}.clubhouse{display:grid;grid-template-columns:166px minmax(0,1fr);gap:18px;align-items:start}.chapter-rail{padding-top:9px}.rail-title{margin:0 0 10px 9px;color:#fffbc1;font-size:22px;line-height:1;font-weight:900;text-shadow:2px 2px 0 #075185}.steps{list-style:none;margin:0;padding:0;display:grid;gap:9px}.step{display:flex;align-items:center;gap:8px;min-height:53px;padding:7px 9px;background:#91cd4c;border:3px solid #244c35;box-shadow:3px 4px #05447a;border-radius:5px 9px 6px 3px;color:#123d26;font-size:14px;font-weight:900;transform:rotate(-1deg)}.step:nth-child(2n){transform:rotate(1deg)}.step>span{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border:2px solid #244c35;background:#c5eb8e;border-radius:50%;font-weight:900}.step.active{color:#3c3000;background:#fff23b;border-color:#624a00;transform:rotate(-2deg) translate(3px)}.step.active>span{background:#fffef0;border-color:#624a00}.step.complete{background:#6bb665}.rail-note{color:#fff;font-size:13px;font-weight:700;margin:24px 0 0 12px;line-height:1.8;text-shadow:1px 1px #064275}.rail-shell{position:relative;height:100px;width:120px;margin:30px auto 0}.rail-shell span{position:absolute;left:50px;bottom:10px;width:27px;height:73px;border:3px solid #653b8c;border-radius:50% 50% 0 0;background:#c894d5;transform-origin:50% 100%}.rail-shell span:nth-child(1){transform:rotate(-60deg)}.rail-shell span:nth-child(2){transform:rotate(-30deg)}.rail-shell span:nth-child(4){transform:rotate(30deg)}.rail-shell span:nth-child(5){transform:rotate(60deg)}.demo{min-width:0;border:3px solid #073772;border-radius:10px 14px 7px 9px;box-shadow:6px 7px #064378;overflow:hidden}.stage-heading{display:flex;align-items:center;gap:16px;padding:17px 22px;color:#fff;background:#074d96;border-bottom:3px solid #073772}.chapter-number{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:54px;height:60px;color:#102e58;background:#fff23b;border:2px solid #112e52;border-radius:46% 47% 38% 44%;font-size:30px;font-weight:900;line-height:1;transform:rotate(-7deg);box-shadow:2px 3px #052c5a}.chapter-number small{font-size:12px;margin-top:3px}h2{margin:0 0 6px;font-size:25px;line-height:1.15;font-weight:900;letter-spacing:-.6px}.stage-heading p{margin:0;font-size:14px;line-height:1.5;max-width:700px}.ocean{position:relative;display:grid;grid-template-columns:1fr .86fr 1fr;align-items:start;gap:15px;padding:19px 23px 30px;min-height:410px;background:radial-gradient(ellipse at 50% 0,#a6f0f4 0,#5fdef0 52%,#23bfdc);isolation:isolate}.ocean:before{content:"";position:absolute;z-index:-1;bottom:0;left:-3%;width:106%;height:74px;background:#efd181;border-top:3px solid #d8b95f;border-radius:50% 35% 0 0/30% 25% 0 0}.ocean:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:50px;opacity:.35;background-image:radial-gradient(#a17c37 1px,transparent 1px);background-size:17px 19px}.character,.network{min-width:0;position:relative}.character-id{text-align:center}.character h3,.plankton h3{color:#073772;font-size:24px;line-height:1;font-weight:1000;letter-spacing:-.5px;margin:0 0 3px;text-shadow:1px 1px 0 #ffffffa3}.role{margin:0 0 12px;font-size:12px;font-weight:700;color:#08426a}.speech{position:relative;background:#fffefa;border:2px solid #073772;border-radius:16px 16px 12px 5px;padding:10px 12px;box-shadow:3px 3px #08659344}.placeholder{margin:0 0 10px;font-size:14px;font-weight:700;text-align:center}.key{position:relative;padding:8px 8px 8px 20px;background:#fff191;color:#3a3505;border:2px solid #78631e;border-radius:2px 7px 7px 2px;margin:9px 2px 0;transform:rotate(-2deg);box-shadow:2px 3px #21638150}.key:before{content:"";position:absolute;width:7px;height:7px;border:2px solid #89702c;border-radius:50%;left:6px;top:13px;background:#75dced}.key span{display:block;font-size:11px;line-height:1.2;font-weight:700}.key strong{display:block;font-size:17px;line-height:1.3;margin-top:2px;white-space:nowrap;font-variant-numeric:tabular-nums}.key.private{background:#fbd1e5;border-color:#8d3865;color:#672346;transform:rotate(2deg)}.key.private:before{border-color:#8d3865}.private-values{margin:11px 0 0;padding:8px;border:2px dashed #8d3865;background:#fff0f5;font-size:11px;color:#672346;border-radius:4px}.private-values p{margin:3px 0 0;font-size:13px}.network-label{margin:13px 0 0;text-align:center;font-weight:900;font-size:13px;color:#075185}.wire{height:104px;display:flex;justify-content:center;align-items:center;position:relative}.wire:before{content:"";width:calc(100% + 55px);height:36px;border-top:3px dashed #0c6e9e;border-radius:50%;position:absolute;top:51px}.packet{position:relative;width:70px;height:46px;background:#c7f0dc;border:3px solid #17596b;border-radius:13px 14px 9px 10px;transform:rotate(-13deg);box-shadow:inset 6px 4px #fff8;animation:bottle-arrive .9s both}.packet:before{content:"";position:absolute;left:-16px;top:10px;height:19px;width:17px;background:#c7f0dc;border:3px solid #17596b;border-right:0}.bottle-cork{position:absolute;width:9px;height:23px;top:8px;left:-20px;background:#b7753b;border:2px solid #613d27;border-radius:3px;z-index:1}.bottle-label{position:absolute;inset:6px 9px 5px;display:grid;place-items:center;background:#fff2b2;border:1px solid #998355;color:#293b49;font-size:20px;font-weight:900;white-space:nowrap}.plankton{text-align:center;margin-top:-4px}.plankton h3{font-size:20px}.plankton p{margin:3px 0 10px;font-size:11px;font-style:italic;font-weight:700;color:#114668}.public-view{font-size:12px;margin-top:0;padding:10px}.public-view h4{margin:0 0 5px;font-size:14px}.public-view p{margin:4px 0}.public-view strong{display:block;font-size:14px}.public-view small{display:block;font-size:11px;margin-top:6px;line-height:1.4;color:#35516b}.message-input{margin-top:12px}.message-input label{display:block;font-size:14px;font-weight:900}.message-input input{width:100%;min-height:46px;border:2px solid #185c7a;background:#fff;border-radius:4px;margin-top:6px;padding:3px 10px;color:#073772;font-size:26px;font-weight:900}.message-input input[aria-invalid=true]{border-color:#b11d46}.message-input p{margin:5px 0 0;font-size:11px}.error{color:#a71036;font-weight:700}.encrypt-animation{display:flex;align-items:center;justify-content:center;gap:20px;font-size:28px;font-weight:900;padding:12px 0 0;color:#073772}.cipher-number{color:#064d39;animation:appear .6s .7s both}.lock-icon{font-size:25px;animation:lock-pulse 1s both}.local-message{font-size:13px;margin-top:13px;text-align:center}.local-message strong{display:block;font-size:34px;line-height:1.2}.local-message small{display:block;font-size:11px;margin-top:4px}.arrival{margin:14px 0 0;font-size:13px}.recovered{text-align:center;margin-top:15px;animation:appear .65s .45s both}.recovered span{display:block;font-size:13px;font-weight:900;color:#15653b}.recovered strong{display:block;font-size:42px;line-height:1.2;color:#15653b}.recovered small{display:block;font-size:12px}.sponge-drawing{width:166px;height:181px;margin:0 auto 8px;position:relative}.sponge-body{position:absolute;left:19px;top:8px;width:128px;height:139px;background:#ffe331;border:3px solid #8a6521;border-radius:12% 7% 10% 5%/7% 12% 6%;box-shadow:inset -6px 0 #f4c923;transform:rotate(-2deg)}.sponge-pore{position:absolute;background:#dbb51b;border:2px solid #c6a11d;border-radius:50%}.pore-one{width:14px;height:12px;left:5px;top:7px;transform:rotate(-20deg)}.pore-two{width:10px;height:14px;right:5px;top:5px}.pore-three{width:12px;height:10px;left:4px;top:84px}.pore-four{width:10px;height:8px;right:7px;top:81px}.sponge-eye{position:absolute;top:19px;width:44px;height:47px;border:2px solid #483a25;background:#fff;border-radius:50%;z-index:2}.sponge-eye.eye-left{left:17px}.sponge-eye.eye-right{right:16px}.sponge-eye:before{content:"";position:absolute;width:20px;height:24px;border:2px solid #254b6c;border-radius:50%;background:#62c4ef;top:12px;left:12px}.sponge-eye:after{content:"";position:absolute;width:10px;height:15px;border-radius:50%;background:#102b42;left:17px;top:17px;box-shadow:-1px -3px 0 -2px #fff}.sponge-nose{position:absolute;z-index:3;left:54px;top:49px;width:17px;height:31px;background:#ffe331;border:2px solid #8a6521;border-bottom-color:transparent;border-radius:60% 60% 45% 50%;transform:rotate(-9deg)}.sponge-mouth{position:absolute;top:57px;left:18px;width:89px;height:32px;border-bottom:3px solid #8b3f1d;border-radius:50%}.sponge-cheek{position:absolute;top:65px;width:18px;height:12px;background:#f38f4c;border-radius:50%;z-index:1}.cheek-left{left:6px}.cheek-right{right:5px}.sponge-teeth{position:absolute;left:47px;top:84px;width:28px;height:16px;border:2px solid #8b3f1d;border-radius:1px 1px 4px 4px;background:linear-gradient(90deg,#fff 45%,#8b3f1d 45% 54%,#fff 54%);z-index:2}.sponge-shirt{position:absolute;height:17px;bottom:16px;left:-3px;right:-3px;background:#fff;border:2px solid #725233}.sponge-shirt:before,.sponge-shirt:after{content:"";position:absolute;top:0;width:22px;height:9px;border-bottom:2px solid #725233}.sponge-shirt:before{left:35px;transform:rotate(20deg)}.sponge-shirt:after{right:32px;transform:rotate(-20deg)}.sponge-shorts{position:absolute;left:-3px;right:-3px;bottom:-3px;height:21px;background:#b17b3d;border:3px solid #725233;background-image:repeating-linear-gradient(90deg,transparent 0 18px,#5b3b2a 18px 31px,transparent 31px 46px);background-size:100% 4px;background-repeat:no-repeat;background-position:4px 5px}.sponge-tie{position:absolute;z-index:3;bottom:7px;left:53px;width:13px;height:23px;background:#ed3d35;border:1px solid #9b2825;clip-path:polygon(50% 0,88% 20%,65% 35%,100% 82%,50% 100%,0 82%,35% 35%,12% 20%)}.sponge-arm{position:absolute;width:9px;height:63px;border:2px solid #8a6521;background:#ffe331;top:72px;border-radius:10px}.arm-left{left:6px;transform:rotate(16deg)}.arm-right{right:5px;transform:rotate(-16deg)}.sponge-arm:after{content:"";width:17px;height:12px;position:absolute;bottom:-8px;left:-6px;background:#ffe331;border:2px solid #8a6521;border-radius:50%}.sponge-leg{position:absolute;width:11px;height:28px;background:linear-gradient(#ffe331 0 36%,#fff 36% 65%,#d84a3b 65% 72%,#fff 72%);border:1px solid #725233;top:144px}.leg-left{left:49px}.leg-right{right:48px}.sponge-leg:after{content:"";position:absolute;width:30px;height:14px;bottom:-8px;background:#302f2d;border:2px solid #17283d;border-radius:60% 35% 25% 25%}.leg-left:after{right:-2px}.leg-right:after{left:-2px;transform:scaleX(-1)}.patrick-drawing{position:relative;width:181px;height:181px;margin:0 auto 8px}.patrick-outline,.patrick-body{position:absolute;inset:0;background:#ac5267;clip-path:polygon(49% 0,63% 35%,100% 31%,75% 56%,85% 100%,50% 79%,15% 100%,25% 56%,0 31%,37% 35%)}.patrick-body{inset:4px;background:#f49ca5}.patrick-eye{position:absolute;top:49px;width:19px;height:26px;background:#fff;border:1.5px solid #6f3e51;border-radius:50%}.patrick-eye.eye-left{left:72px;transform:rotate(-4deg)}.patrick-eye.eye-right{left:90px;transform:rotate(4deg)}.patrick-eye:after{content:"";position:absolute;width:5px;height:8px;border-radius:50%;background:#132c3c;left:6px;bottom:4px}.patrick-mouth{position:absolute;top:75px;left:65px;width:49px;height:24px;border-bottom:3px solid #7f3449;border-radius:50%;transform:rotate(-5deg)}.patrick-belly{position:absolute;top:112px;left:90px;width:6px;height:4px;border:1px solid #a55164;border-radius:50%}.patrick-shorts{position:absolute;left:29px;right:26px;top:128px;height:42px;background:#b6dc4d;border-top:3px solid #69802d;clip-path:polygon(7% 0,93% 0,100% 100%,52% 71%,48% 71%,0 100%)}.patrick-shorts span{position:absolute;width:22px;height:19px;background:#8e5ba4;border-radius:38% 60% 25% 70%;transform:rotate(32deg);left:13px;top:2px;box-shadow:7px 4px #8e5ba4,2px 9px #8e5ba4}.patrick-shorts span+span{left:82px;top:15px;transform:rotate(-15deg)}.plankton-drawing{width:102px;height:109px;position:relative;margin:1px auto 4px}.plankton-body{position:absolute;left:28px;top:27px;width:48px;height:69px;background:#80a445;border:3px solid #365c38;border-radius:48% 48% 31% 31%;box-shadow:inset -7px 0 #678b35;transform:rotate(-5deg)}.plankton-eye{position:absolute;left:8px;top:10px;width:29px;height:29px;background:#fff4a6;border:2px solid #324d32;border-radius:50%}.plankton-eye:before{content:"";position:absolute;width:13px;height:17px;background:#db4c36;left:6px;top:4px;border-radius:50%}.plankton-eye:after{content:"";position:absolute;width:6px;height:10px;background:#193537;left:10px;top:8px;border-radius:50%}.plankton-mouth{position:absolute;left:12px;top:42px;width:23px;height:11px;border-bottom:3px solid #243d2c;border-radius:50%;transform:rotate(-13deg)}.antenna{position:absolute;top:0;width:5px;height:38px;border-radius:50%;background:#365c38}.antenna-left{left:28px;transform:rotate(-24deg)}.antenna-right{right:28px;transform:rotate(24deg)}.antenna:before{content:"";position:absolute;top:0;left:-5px;width:14px;height:5px;border-top:2px solid #365c38;box-shadow:0 8px 0 -1px #365c38,0 16px 0 -1px #365c38;transform:rotate(10deg)}.plankton-arm{position:absolute;top:65px;width:27px;height:20px;border-top:4px solid #365c38;border-radius:50%}.plankton-arm-left{left:6px;transform:rotate(-25deg)}.plankton-arm-right{right:2px;transform:rotate(25deg)}.plankton-leg{position:absolute;bottom:1px;width:5px;height:19px;background:#365c38;transform:rotate(15deg)}.plankton-leg-left{left:36px}.plankton-leg-right{right:31px;transform:rotate(-15deg)}.seaweed{position:absolute;bottom:11px;height:51px;width:47px;z-index:-1}.seaweed-left{left:7px}.seaweed-right{right:6px;transform:scaleX(-1)}.seaweed i{position:absolute;width:12px;height:46px;border:4px solid #258873;border-radius:70% 10% 50% 30%;transform:rotate(15deg);left:12px}.seaweed i:nth-child(2){transform:rotate(-21deg);left:0;top:10px;height:36px}.seaweed i:nth-child(3){transform:rotate(33deg);left:27px;top:18px;height:31px}.lesson-detail{position:relative;padding:18px 23px;background:#fff6ce;border-top:3px solid #bf9952;font-size:14px;color:#3e3b23}.key-flow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;margin-bottom:13px;font-size:13px;font-weight:700}.key-flow b{font-size:22px;color:#94682b}.key-flow span{padding:4px 0}details{border-top:2px dashed #c3ad6d;padding-top:10px}summary{cursor:pointer;font-weight:900;min-height:34px;padding-block:5px}summary small{font-weight:400;color:#74465d;margin-left:8px;font-size:12px}.math-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.math-grid p{font-size:14px;margin:10px 0 0;padding:6px 0;border-bottom:1px solid #d5c17f}details>p{margin:14px 0 3px}.equation{margin:0;text-align:center;font-size:38px;font-weight:900;color:#0a5e71;line-height:1.35}.equation span{font-size:25px;color:#345366}.equation-label{margin:3px 0 0;font-size:14px;text-align:center}.hint{margin:10px 0 0;text-align:center;font-size:13px}.walkthrough{margin-top:14px}.table-scroll{overflow-x:auto;max-width:100%}table{width:100%;min-width:430px;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;font-size:13px}caption{text-align:left;padding:10px 0;font-weight:700}th,td{padding:8px 10px;border-bottom:1px solid #d0be7c}th{background:#efdfa3;white-space:nowrap}.takeaway{text-align:center;font-size:15px;margin:3px 0}.recap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recap p{margin:0;font-size:13px}.recap strong{display:block;margin-bottom:4px;font-size:15px;color:#0c6270}.demo-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px 20px;background:repeating-linear-gradient(0deg,#9a6033 0 3px,#a96938 3px 39px,#734522 39px 41px);border-top:3px solid #694122;color:#fff7d7}.reveal{min-height:44px;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;font-weight:900;padding-right:5px;border-radius:3px}.reveal input{flex-shrink:0;width:23px;height:23px;accent-color:#fff23b}.reveal small{display:block;font-size:10px;font-weight:400}.controls{display:flex;align-items:center;gap:8px}button{min-height:44px;border:2px solid #163f63;border-radius:7px 4px 7px 5px;background:#e5f5f2;padding:7px 12px;color:#10395c;font-weight:900;font-size:13px;box-shadow:2px 3px #513a23}button:hover:enabled{background:#fff;transform:translateY(-1px)}.controls .next{background:#fff23b;padding-inline:19px;color:#443900}.controls .next:hover:enabled{background:#fffca3}.attack,.context{border:3px solid #073772;margin:23px 0 0 184px;background:#eff6da;border-radius:6px 8px 5px 9px;box-shadow:5px 5px #043a70;overflow:hidden;color:#2a4332}.attack-intro,.context-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fff;background:#ad2947;border-bottom:3px solid #073772;padding:13px 20px}.eyebrow{margin:0 0 4px;font-size:11px;font-weight:700}.attack h2,.context h2{font-size:22px;margin-bottom:0}.attack button{flex-shrink:0;background:#fff23b;border-color:#6b352c}.attack>p{margin:15px 20px;font-size:14px}.attack-result{border-top:2px dashed #94aa74;padding:15px 20px;font-size:14px}.attack-result h3{margin:0 0 10px;font-size:21px;color:#315c24}.attack-result ol{padding-left:22px;margin:0 0 12px}.attack-result li{margin:6px 0}.attack-result p{margin:0;font-size:13px}.context{background:#f4edff;color:#30355a}.context-heading{background:#6847a0}.context-copy{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:17px 20px 4px;font-size:14px}.context-copy p{margin:0}.sources{font-size:12px;margin:12px 20px 17px;line-height:1.7}.sources a{text-underline-offset:3px;font-weight:700}.page-footer{display:flex;justify-content:space-between;gap:15px;padding:26px 0 22px;color:#ccefff;font-size:12px}.page-footer>span:first-child{color:#fff265;font-weight:900}.activity-navigation{display:flex;align-items:center;gap:14px;margin:0 0 17px}.activity-navigation p{margin:0;color:#fff;font-size:13px}.activity{max-width:1010px;margin-inline:auto}.activity .stage-heading{padding-block:20px}.activity .eyebrow{color:#fff27b;margin-bottom:7px;font-size:12px}.role-choices{grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);align-items:center;padding:28px 38px 42px;gap:24px}.role-choice{text-align:center}.role-choice>p{margin:17px auto;max-width:280px;font-size:15px}.role-choice button{width:100%;max-width:260px}button.activity-primary{min-height:48px;padding:9px 23px;background:#fff23b;border-color:#624a00;color:#443900;font-size:16px}button.activity-primary:hover:enabled{background:#fffca3}.zoom-connection{display:grid;gap:13px;text-align:center;color:#07527a;font-size:16px;font-weight:900;transform:rotate(-5deg)}.zoom-connection span{padding-block:8px;border-bottom:3px dashed #087eaa}.activity-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.activity-bottom p{margin:0}.activity-bottom button{flex-shrink:0}.activity-ocean{grid-template-columns:215px minmax(0,1fr);gap:35px;padding:28px 35px 40px;min-height:430px}.activity-character>.speech{margin:18px 0 14px;font-size:15px;text-align:center;font-weight:700}.activity-role-note{font-size:13px;padding:0 8px}.activity-workspace{min-width:0}.activity-fieldset{min-width:0;padding:0;margin:0 0 24px;border:0}.activity-fieldset legend,.activity-key-step h3{display:block;width:100%;margin:0 0 11px;padding:0;font-size:20px;font-weight:900;line-height:1.4;color:#073772}.activity-fieldset legend>span,.activity-step-number{display:inline-grid;width:28px;height:28px;place-items:center;margin-right:5px;border:2px solid #073772;border-radius:50%;background:#fff23b;font-size:17px}.activity-workspace label{display:block;margin-bottom:6px;font-weight:900;font-size:14px}.activity-workspace input{display:block;width:100%;max-width:220px;min-height:52px;padding:8px 12px;background:#fffefa;border:2px solid #073772;border-radius:5px;color:#073772;font-size:26px;font-weight:900;box-shadow:2px 3px #087c9b}.activity-workspace input[aria-invalid=true]{border-color:#a52545}.public-key-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.field-help{margin:9px 0 12px;color:#214d65;font-size:13px;line-height:1.5}.activity-workspace .error{margin-top:12px;font-size:13px;color:#8e1833;font-weight:900}.activity-key-step{margin-bottom:22px}.activity-keys{margin-bottom:25px}.activity-keys .key{margin:12px 0;transform:none;padding:11px 12px 11px 23px}.activity-keys .key span{font-size:13px}.activity-keys .key strong{font-size:23px}.private-toggle{margin-top:4px;font-size:12px;min-height:44px;box-shadow:2px 2px #513a23}.activity-keys .private-values{font-size:12px;margin-top:13px}.activity-keys .private-values p{margin:7px 0 0}.activity-feedback:empty{display:none}.activity-feedback{margin-top:23px}.activity-error{margin:0;padding:12px 15px;color:#871a34;background:#fff1f5;border:2px solid #a52545;border-radius:5px;font-size:14px;font-weight:700}.activity-result{padding:18px 20px;text-align:center}.activity-result h3{margin:0 0 6px;font-size:19px;line-height:1.4}.exchange-number{display:block;font-size:64px;font-weight:1000;line-height:1.15;color:#0a5e71}.activity-equation{margin:6px 0 12px;font-size:20px;font-weight:900;color:#0a5e71}.activity-result>p:last-child{font-size:13px;margin-bottom:0}.activity-sync-note{margin:0}@keyframes bottle-arrive{0%{opacity:0;translate:-55px 0;rotate:-12deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes key-arrive{0%{opacity:0;translate:55px 0;rotate:12deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes lock-pulse{50%{transform:scale(1.2) rotate(-8deg)}}.phase-1 .packet{animation-name:key-arrive}.phase-2 .cipher-number{animation-delay:.7s}.key-generated{animation:appear .5s both}.key-generated.private{animation-delay:.15s}@media(max-width:1050px){.clubhouse{grid-template-columns:145px minmax(0,1fr);gap:13px}.step{padding-inline:7px;font-size:12px;gap:6px}.step>span{width:24px;height:24px}.attack,.context{margin-left:158px}.ocean{padding-inline:15px;gap:12px}.key strong{font-size:14px}.key span{font-size:10px}.sponge-drawing,.patrick-drawing{transform:scale(.9);transform-origin:50% 100%;margin-top:-12px}.stage-heading{padding:15px 17px;gap:12px}h2{font-size:23px}.demo-footer{padding-inline:14px}.controls{gap:6px}.controls button{padding-inline:9px}.controls .next{padding-inline:16px}}@media(max-width:820px){.masthead{min-height:140px}.masthead-bubble{right:25px;top:29px;font-size:18px;padding:10px 15px}h1{font-size:49px}.clubhouse{display:block}.chapter-rail{padding:0 0 19px}.rail-title,.rail-note,.rail-shell{display:none}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px}.step{min-height:43px;font-size:13px}.step.active{transform:rotate(-1deg)}.attack,.context{margin-left:0}.ocean{padding-inline:22px;gap:19px}.key strong{font-size:16px}.key span{font-size:11px}.sponge-drawing,.patrick-drawing{transform:none;margin-top:0}.demo-footer{flex-wrap:nowrap}}@media(max-width:600px){.masthead{min-height:141px;padding:16px 14px 17px}.brand-kicker{font-size:12px;margin-left:3px}h1{font-size:clamp(35px,9vw,49px);letter-spacing:-1.5px;-webkit-text-stroke-width:1.5px;text-shadow:2px 3px 0 #073772,4px 5px 0 #f16168}.intro{max-width:260px;margin:11px 0 0 3px;font-size:13px}.masthead-bubble{right:17px;top:97px;font-size:14px;padding:4px 10px;box-shadow:2px 2px #073772;border-width:2px}.masthead-bubble:after{display:none}main{padding-inline:11px}.warning{padding:9px 11px;margin-bottom:14px;font-size:11px;line-height:1.5}.chapter-rail{padding-bottom:15px}.steps{gap:7px}.step{min-height:53px;padding:5px;font-size:11px;line-height:1.2;border-width:2px;gap:5px}.step>span{width:21px;height:21px;border-width:1px;font-size:12px}.demo{box-shadow:3px 4px #064378;border-width:2px}.stage-heading{align-items:start;padding:14px 12px;gap:10px}.chapter-number{width:39px;height:47px;font-size:25px}.chapter-number small{font-size:10px}h2{font-size:21px}.stage-heading p{font-size:13px;line-height:1.45}.ocean{display:flex;flex-direction:column;gap:17px;padding:19px 19px 27px}.character{width:100%;display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 14px;align-items:center}.character-id{grid-row:1 / span 5;align-self:start}.sponge-drawing{transform:scale(.64);transform-origin:0 0;margin:0;height:120px}.patrick-drawing{transform:scale(.63);transform-origin:0 0;margin:0;height:120px}.character h3{font-size:20px}.role{font-size:10px;line-height:1.3;margin-bottom:0}.placeholder{margin:0;padding:10px;font-size:13px}.key{margin-top:7px;padding:8px 6px 8px 18px;transform:rotate(-1deg)}.key strong{font-size:14px}.key span,.private-values{font-size:10px}.private-values p{font-size:11px}.network{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 14px;width:100%;padding-block:12px}.network-label{position:absolute;top:-4px;right:0;margin:0;font-size:11px}.wire{grid-column:2;grid-row:1;height:71px}.wire:before{width:3px;height:90px;border:0;border-left:3px dashed #0c6e9e;border-radius:0;top:-18px;left:50%}.packet{width:63px;height:40px}.packet:before{top:8px}.bottle-cork{top:6px}.bottle-label{font-size:17px}.plankton{grid-column:1;grid-row:1 / span 2;align-self:center;margin:0}.plankton-drawing{transform:scale(.8);height:91px;transform-origin:50% 100%;margin-top:-8px}.plankton h3{font-size:19px}.plankton p{font-size:10px;margin-bottom:0}.public-view{grid-column:2;grid-row:2;padding:10px;font-size:11px}.public-view h4,.public-view strong{font-size:13px}.public-view small{font-size:10px}.message-input{margin-top:7px;padding:8px}.message-input label{font-size:12px}.message-input input{min-height:44px;font-size:24px}.message-input p{font-size:10px}.encrypt-animation{padding-top:8px;gap:14px;font-size:24px}.local-message{margin-top:9px;font-size:12px;padding:8px}.local-message strong{font-size:29px}.local-message small{font-size:10px}.arrival,.recovered{margin-top:10px;font-size:12px}.recovered{padding:8px}.recovered span{font-size:11px}.recovered strong{font-size:30px}.recovered small{font-size:10px}.ocean:before{height:55px}.seaweed{opacity:.65}.lesson-detail{padding:15px 13px;font-size:13px}.key-flow{justify-content:center;gap:3px 7px;font-size:11px;margin-bottom:9px}.key-flow b{font-size:17px}summary{font-size:13px}summary small{display:block;margin-left:17px;font-size:11px}.math-grid{grid-template-columns:1fr;gap:0}.math-grid p{font-size:13px}.equation{font-size:32px}.equation span{font-size:22px}.equation-label,.hint{font-size:12px}.takeaway{font-size:14px}.recap{grid-template-columns:1fr;gap:12px}.demo-footer{flex-wrap:wrap;gap:9px;padding:11px 12px 15px}.reveal{font-size:12px;min-height:44px}.reveal small{font-size:10px}.controls{width:100%;gap:6px}.controls button{flex:1;padding:7px 4px;font-size:12px}.controls .next{padding-inline:7px}.attack,.context{margin-top:20px;border-width:2px;box-shadow:3px 4px #043a70}.attack-intro,.context-heading{padding:13px;flex-wrap:wrap;gap:11px}.attack h2,.context h2{font-size:21px}.attack>p{margin:13px;font-size:13px}.attack-result{padding:13px;font-size:13px}.attack-result h3{font-size:20px}.attack-result p{font-size:12px}.context-copy{grid-template-columns:1fr;padding:14px 13px 0;gap:13px;font-size:13px}.sources{font-size:11px;margin:13px}.page-footer{font-size:10px;gap:10px}.flower-one{top:155px}.flower-two{top:790px}.activity-navigation{align-items:start;gap:11px}.activity-navigation p{font-size:11px;padding-top:5px}.activity-navigation button{flex-shrink:0}.activity .stage-heading{padding:17px 14px}.role-choices{padding:22px 20px 31px;gap:22px}.role-choice.character{display:block}.activity .sponge-drawing,.activity .patrick-drawing{transform:scale(.83);transform-origin:50% 100%;margin:-30px auto 8px;height:181px}.role-choice>p{margin-block:12px;font-size:14px}.zoom-connection{display:none}.activity-bottom{flex-direction:column;align-items:stretch;gap:13px}.activity-bottom button{align-self:center}.activity-ocean{gap:24px;padding:20px 17px 30px}.activity-character.character{display:grid;grid-template-columns:108px minmax(0,1fr);gap:0 13px;align-items:center}.activity-character .character-id{grid-row:1 / span 2}.activity-character .sponge-drawing,.activity-character .patrick-drawing{transform:scale(.6);transform-origin:0 0;margin:0;height:115px}.activity-character>.speech{margin:0 0 9px;padding:9px;font-size:13px}.activity-role-note{margin-bottom:0;padding:0;font-size:12px}.activity-workspace{width:100%}.activity-fieldset legend,.activity-key-step h3{font-size:17px}.activity-fieldset legend>span,.activity-step-number{width:25px;height:25px;font-size:15px}.public-key-inputs{gap:12px}.activity-workspace label{font-size:12px}.activity-workspace input{max-width:none}.activity-keys .key strong{font-size:21px}.activity-keys .key span{font-size:12px}.activity-result{padding:15px 12px}.activity-result h3{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}