:root{--paper:#fff8e8;--paper-2:#fffdf6;--ink:#16232c;--muted:#5d6870;--line:#18242c;--blue:#006faf;--deep-blue:#1e5879;--red:#d24735;--yellow:#f3bd35;--green:#5c8b45;--violet:#7d5bb6;--shadow:5px 5px 0 rgba(22,35,44,.9);--thin-shadow:3px 3px 0 rgba(22,35,44,.9);--radius:8px}*{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}img{display:block;max-width:100%;height:auto}code{padding:1px 6px;border:1px solid var(--line);border-radius:4px;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.wrap{width:min(1180px,calc(100% - 36px));margin:0 auto}.consent-banner{padding:22px 0;border-bottom:2px solid var(--line);background:var(--paper-2)}.consent-banner:focus-visible{outline-offset:-3px}.consent-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.consent-head h2{font-size:22px}.consent-close{border:0;padding:4px 0;background:none;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:3px}.consent-close:hover{color:var(--ink)}.consent-text{max-width:760px;margin:10px 0 0;color:var(--muted)}.consent-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin:8px 0 0;font-size:14px}.consent-links a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.consent-note{margin:10px 0 0;font-size:14px}.consent-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.site-header{position:sticky;top:0;z-index:20;border-bottom:2px solid var(--line);background:#fffdf6f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header:before{content:"";display:block;height:5px;background:var(--blue)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:18px}.brand{display:inline-flex;align-items:center;min-width:-moz-max-content;min-width:max-content;gap:12px;font-weight:900}.brand-logo{width:46px;height:46px;border:2px solid var(--line);border-radius:50%;background:var(--blue);-o-object-fit:cover;object-fit:cover}.nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted);font-size:14px;font-weight:800}.nav a{padding:8px 10px;border-radius:8px}.nav a:focus-visible,.nav a:hover,.nav a[aria-current=page]{color:var(--ink);background:var(--yellow)}.hero{position:relative;min-height:min(640px,calc(100svh - 126px));display:grid;align-items:end;border-bottom:3px solid var(--line);background:var(--deep-blue) center /cover no-repeat;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:#1e5879a8}.hero-inner{position:relative;z-index:1;padding:44px 0 34px}.badge{display:inline-grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;max-width:min(100%,460px);margin-bottom:22px;padding:10px 12px;border:3px solid hsla(0,0%,100%,.75);border-radius:var(--radius);background:#ffffff1f}.badge img{width:54px;height:54px;border:2px solid hsla(0,0%,100%,.85);border-radius:50%;-o-object-fit:cover;object-fit:cover}.badge span,.badge strong{display:block}.badge strong{font-size:18px;line-height:1.15}.badge span{color:#ffffffd1;font-size:14px}.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 16px;font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}.eyebrow:before{content:"";width:32px;height:4px;border-radius:999px;background:currentColor}h1,h2,h3{margin:0;letter-spacing:0;line-height:1.05;overflow-wrap:anywhere}h1{max-width:760px;font-size:78px}.hero p{max-width:620px;margin:20px 0 0;font-size:20px;font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:2px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--thin-shadow);color:var(--ink);font-weight:900;text-align:center;white-space:normal}.button.primary{background:var(--yellow)}.button.blue{background:var(--blue);color:#fff}.button:focus-visible,.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:3px solid var(--line);background:var(--line)}.stat{min-height:112px;padding:22px;background:var(--paper-2)}.stat strong{display:block;font-size:40px;line-height:1}.stat span{display:block;margin-top:7px;color:var(--muted);font-size:14px}.section{padding:60px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}h2{font-size:44px}.section-note{max-width:440px;margin:0;color:var(--muted)}.comic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.comic-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{overflow:hidden;border:3px solid var(--line);border-radius:var(--radius);background:var(--paper-2);box-shadow:var(--shadow)}.panel img{width:100%;aspect-ratio:16/9;border-bottom:3px solid var(--line);background:#dce8e5;-o-object-fit:cover;object-fit:cover}.panel-body{padding:18px}.tag{display:inline-flex;min-height:26px;align-items:center;padding:3px 8px;border:2px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:900}.tag.blue{background:var(--blue);color:#fff}.tag.red{background:var(--red);color:#fff}.tag.green{background:var(--green);color:#fff}.tag.yellow{background:var(--yellow)}.tag.violet{background:var(--violet);color:#fff}.panel h3{margin-top:12px;font-size:21px}.panel p{margin:10px 0 0;color:var(--muted)}.panel-meta{margin-top:10px}.panel-socials{margin-top:12px}.cover-fallback{display:grid;width:100%;aspect-ratio:16/9;place-items:center;border-bottom:3px solid var(--line);background:var(--deep-blue);color:#fff;font-size:44px;font-weight:900}.meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:13px;font-weight:750}.tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;margin-bottom:24px}.search{width:100%;min-height:48px;padding:0 14px;border:2px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-weight:700}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter-button{min-height:42px;border:2px solid var(--line);border-radius:8px;padding:7px 12px;background:#fff;box-shadow:var(--thin-shadow);color:var(--ink);cursor:pointer;font:inherit;font-weight:900}.filter-button[aria-pressed=true]{background:var(--yellow)}.empty-state{padding:32px;border:3px dashed var(--line);border-radius:var(--radius);background:var(--paper-2);color:var(--muted);text-align:center;font-weight:800}.speech-band{border-top:3px solid var(--line);border-bottom:3px solid var(--line);background:var(--deep-blue);color:#fff}.speech-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.bubble{position:relative;border:3px solid var(--line);border-radius:8px;padding:18px;background:#fff;box-shadow:var(--shadow);color:var(--ink)}.bubble:after{content:"";position:absolute;right:34px;bottom:-18px;width:28px;height:28px;border-right:3px solid var(--line);border-bottom:3px solid var(--line);background:#fff;transform:rotate(45deg)}.bubble p{margin:0;font-size:20px;font-weight:800}.socials{display:flex;flex-wrap:wrap;gap:12px}.social-link{display:inline-flex;min-height:46px;align-items:center;gap:9px;padding:9px 12px;border:2px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--thin-shadow);font-weight:900}.social-mark{display:grid;width:28px;height:28px;place-items:center;border:2px solid var(--line);border-radius:50%;background:var(--yellow);font-size:12px}.mini-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mini-card{display:grid;grid-template-rows:auto auto auto 1fr;gap:12px;min-height:100%;overflow:hidden;border:3px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.mini-card img{width:100%;aspect-ratio:16/10;border-bottom:3px solid var(--line);background:#dce8e5;-o-object-fit:cover;object-fit:cover}.mini-card .tag,.mini-card h2,.mini-card p{margin-right:16px;margin-left:16px}.mini-card h2{font-size:24px}.mini-card p{margin-top:0;margin-bottom:18px;color:var(--muted)}.mini-card:focus-visible,.mini-card:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.back-link{display:inline-flex;margin-bottom:18px;color:var(--muted);font-weight:900}.game-stack{display:grid;gap:28px}.game-lab{grid-template-columns:.8fr 1.2fr}.game-lab,.game-panel{display:grid;overflow:hidden;border:3px solid var(--line);border-radius:var(--radius);background:var(--paper-2);box-shadow:var(--shadow)}.game-panel{grid-template-columns:.75fr 1.25fr;gap:0}.game-box{overflow:hidden;border:3px solid var(--line);border-radius:var(--radius);background:var(--paper-2);box-shadow:var(--shadow)}.game-board,.game-copy{padding:24px}.game-copy{border-right:3px solid var(--line);background:#fff}.game-copy h2{margin-top:12px;font-size:34px}.game-copy p{color:var(--muted)}.game-board{display:grid;gap:16px;align-content:start}.field-label{font-weight:900}.game-board input[type=number],.game-board input[type=text],.game-board select,.game-board textarea{width:100%;border:2px solid var(--line);border-radius:8px;padding:12px;background:#fff;color:var(--ink);font:inherit;font-weight:750}.game-board textarea{resize:vertical}.range-row{display:grid;gap:8px}.range-row label{font-weight:900}.game-board input[type=range]{accent-color:var(--blue)}.binary-target,.cipher-output,.game-scene,.password-preview,.score-board{border:2px solid var(--line);border-radius:8px;padding:14px;background:#fff}.game-scene{display:flex;align-items:center;gap:12px}.packet-token{display:grid;width:44px;height:44px;place-items:center;border:2px solid var(--line);border-radius:50%;background:var(--yellow);font-size:22px}.route-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.route-card{min-height:86px;border:2px solid var(--line);border-radius:8px;padding:12px;background:#fff;box-shadow:var(--thin-shadow);color:var(--ink);cursor:pointer;font:inherit;font-weight:900;line-height:1.2;text-align:left;overflow-wrap:anywhere;white-space:normal}.route-card.is-correct,.route-card:hover{background:var(--yellow)}.route-card.is-wrong{background:#ffd8d1}.game-status{min-height:30px;margin:0;color:var(--muted);font-weight:800}.turing-presets{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.turing-description{margin:0;color:var(--muted)}.turing-inputs{display:flex;flex-wrap:wrap;gap:12px}.turing-field{display:grid;flex:1 1 180px;gap:6px}.turing-machine{display:grid;gap:0}.turing-head{display:flex;flex-direction:column;align-items:center;color:var(--red);font-weight:900;line-height:1.1}.turing-head-pin{font-size:22px}.turing-head-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.turing-head.is-hidden{visibility:hidden}.turing-tape-window{overflow:hidden;border:2px solid var(--line);border-radius:8px;background:#fff;padding:10px 0;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.turing-tape-window.is-draggable{cursor:grab}.turing-tape-window.is-draggable:active{cursor:grabbing}.turing-scroll{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-top:10px}.turing-scroll .button:disabled{opacity:.5;pointer-events:none}.turing-scroll-hint{margin:0;padding-top:6px;color:var(--muted);font-size:13px;text-align:center}.turing-tape{display:flex;width:-moz-max-content;width:max-content;margin:0 auto}.turing-cell{display:grid;width:44px;height:52px;flex:none;place-items:center;border:2px solid var(--line);background:var(--paper-2);box-sizing:border-box;font-size:24px;font-weight:900}.turing-cell.is-blank{color:#b9c0c6}.turing-cell.is-head{background:var(--yellow)}.turing-info{display:flex;flex-wrap:wrap;gap:10px}.turing-chip{border:2px solid var(--line);border-radius:8px;padding:8px 12px;background:#fff;font-weight:750}.turing-controls{display:flex;flex-wrap:wrap;gap:10px}.turing-controls .button:disabled{opacity:.5;pointer-events:none}.turing-rules{width:100%;min-width:520px;border-collapse:collapse;border:2px solid var(--line);background:#fff;font-size:15px}.turing-rules-scroll{overflow-x:auto}.turing-rules caption{padding:6px;font-weight:900;text-align:left}.turing-rules td,.turing-rules th{border:1px solid var(--line);padding:8px 10px;text-align:center}.turing-rules th{background:var(--paper-2)}.turing-rules tr.is-active td{background:var(--yellow);font-weight:900}.turing-editor{display:grid;gap:12px;border:2px solid var(--line);border-radius:8px;padding:14px;background:#fff}.turing-editor-row,.turing-editor-rows{display:grid;gap:8px}.turing-editor-row{grid-template-columns:1.2fr 64px 64px 110px 1.2fr auto;align-items:center}.turing-editor-hint{margin:0;color:var(--muted);font-size:14px}@media(max-width:720px){.turing-editor-row{grid-template-columns:1fr 64px 64px}.turing-cell{width:36px;height:46px;font-size:20px}.turing-presets .button{flex:1 1 45%}.turing-controls .button,.turing-scroll .button{flex:1 1 auto}}.password-preview{font-size:22px}.cipher-output,.password-preview{font-weight:900;overflow-wrap:anywhere}.cipher-output{min-height:82px;font-size:24px}.score-board{display:flex;align-items:center;justify-content:space-between;gap:12px}.score-board span{color:var(--muted);font-weight:900}.score-board strong{font-size:44px;line-height:1}.letter-tiles{display:flex;flex-wrap:wrap;gap:8px}.letter-tile{display:grid;min-width:54px;border:2px solid var(--line);border-radius:8px;padding:8px;background:#fff;box-shadow:var(--thin-shadow);text-align:center}.letter-tile strong{font-size:22px;line-height:1}.letter-tile span{color:var(--muted);font-size:12px;font-weight:900}.meter{height:18px;overflow:hidden;border:2px solid var(--line);border-radius:999px;background:#fff}.meter span{display:block;width:10%;height:100%;background:var(--red);transition:width .16s ease,background .16s ease}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-grid label{display:flex;align-items:center;gap:8px;min-height:44px;border:2px solid var(--line);border-radius:8px;padding:10px;background:#fff;font-weight:850;overflow-wrap:anywhere}.bit-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bit{min-height:96px;border:2px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--thin-shadow);cursor:pointer;font:inherit}.bit span,.bit strong{display:block}.bit span{color:var(--muted);font-size:13px;font-weight:900}.bit strong{margin-top:4px;font-size:34px}.bit[aria-pressed=true]{background:var(--yellow)}.dns-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.dns-node{min-height:92px;border:2px solid var(--line);border-radius:8px;padding:10px;background:#fff;box-shadow:var(--thin-shadow);color:var(--ink);cursor:pointer;font:inherit;font-weight:900;line-height:1.2}.dns-node.is-done{background:var(--yellow)}.dns-node.is-wrong{background:#ffd8d1}.lamp-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lamp{display:grid;justify-items:center;gap:10px;border:2px solid var(--line);border-radius:8px;padding:14px;background:#fff;box-shadow:var(--thin-shadow)}.lamp span{display:block;width:58px;height:58px;border:3px solid var(--line);border-radius:50%;background:#e7edf0}.lamp strong{font-size:20px}.lamp.is-on span{background:var(--yellow);box-shadow:0 0 0 6px #f3bd3547}.page-hero{padding:54px 0;border-bottom:3px solid var(--line);background:var(--paper-2)}.page-hero h1{color:var(--ink);font-size:58px}.page-hero p{max-width:720px;margin:18px 0 0;color:var(--muted);font-size:20px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:34px;align-items:start}.article-shell{overflow:hidden;border:3px solid var(--line);border-radius:var(--radius);background:var(--paper-2);box-shadow:var(--shadow)}.article-cover{width:100%;aspect-ratio:16/9;border-bottom:3px solid var(--line);-o-object-fit:cover;object-fit:cover}.article-content{padding:28px}.article-content h1{font-size:52px}.article-content h2{margin-top:34px;font-size:30px}.article-content h3{margin-top:26px;font-size:24px}.article-content li,.article-content p{color:#253640;font-size:18px}.article-content blockquote{margin:26px 0;border:3px solid var(--line);border-radius:8px;padding:18px;background:#fff;box-shadow:var(--thin-shadow);font-weight:800}.article-figure{margin:26px 0}.article-figure img{width:100%;border:3px solid var(--line);border-radius:8px;background:#dce8e5;box-shadow:var(--thin-shadow)}.article-figure figcaption{margin-top:8px;color:var(--muted);font-size:14px;font-style:italic}.article-video{display:block;width:100%;margin:26px 0;border:3px solid var(--line);border-radius:8px;background:#000;box-shadow:var(--thin-shadow)}.myths{display:grid;gap:14px;margin:26px 0}.myth{display:grid;gap:10px;padding:16px;border:3px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--thin-shadow)}.myth p{margin:0}.upd-note{margin:26px 0;padding:16px 18px;border:2px dashed var(--line);border-radius:8px;background:#fff}.upd-note .tag{margin-bottom:10px}.upd-note p{margin:0}.side-stack{display:grid;gap:18px}.side-links{display:grid;margin-top:12px}.side-links a{padding:8px 0;border-bottom:1px dashed var(--line);font-weight:800}.side-links a:last-child{border-bottom:0}.side-links a:focus-visible,.side-links a:hover{color:var(--blue)}.sticky{position:sticky;top:98px}.hidden{display:none}.footer{padding:36px 0 44px;border-top:3px solid var(--line);background:var(--paper-2);color:var(--muted)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer a{font-weight:900}.footer-links{display:flex;flex-wrap:wrap;gap:6px 20px}@media(max-width:980px){.nav{display:none}.hero{min-height:min(640px,calc(100svh - 120px))}.article-layout,.comic-grid,.comic-grid.four,.game-lab,.game-panel,.mini-card-grid,.speech-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dns-map{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.sticky{position:static}.section-head,.tools{grid-template-columns:1fr;flex-direction:column;align-items:stretch}}@media(max-width:640px){.wrap{width:min(100% - 24px,1180px)}.header-inner{min-height:64px}.brand-logo{width:38px;height:38px}.hero{min-height:min(620px,calc(100svh - 112px))}.hero-inner{padding:38px 0 32px}.badge{grid-template-columns:46px minmax(0,1fr);padding:9px}.badge img{width:46px;height:46px}.article-content h1,.page-hero h1,h1{font-size:36px}.game-copy h2,h2{font-size:30px}.hero p,.page-hero p{font-size:18px}.section{padding:42px 0}.choice-grid,.comic-grid,.comic-grid.four,.game-lab,.game-panel,.mini-card-grid,.route-options,.speech-grid,.stats{grid-template-columns:1fr}.dns-map,.lamp-board{grid-template-columns:repeat(2,minmax(0,1fr))}.game-copy{border-right:0;border-bottom:3px solid var(--line)}.game-board,.game-copy,.stat{padding:18px}.stat{min-height:88px}.tools{display:block}.filters{margin-top:12px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.filter-button{min-width:-moz-max-content;min-width:max-content}.article-content{padding:20px}.article-content li,.article-content p{font-size:17px}.footer-inner{align-items:flex-start;flex-direction:column}}