*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{--font-body:Cabin,sans-serif;--font-head:Oswald,sans-serif;margin:0;background:#e4e8e2;color:#18252d;font:17px/1.8 var(--font-body)}h1,h2,h3{font-family:var(--font-head);font-weight:400;line-height:1.25;overflow-wrap:anywhere}a{color:#355d73;text-underline-offset:4px}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b27318;outline-offset:3px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:14px;z-index:30}.skip:focus{top:10px}.toolboard-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin:auto;max-width:1280px;padding:20px 30px;border-bottom:3px solid #18252d}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#18252d;font:500 27px/1.3 Oswald,sans-serif;min-height:48px}.socket-mark{width:30px;height:35px;border:7px solid #355d73;display:block;background:#d7aa52}.languages{display:flex;gap:8px}.languages a{min-width:44px;min-height:44px;display:flex;align-items:center;padding:7px 12px;border:1px solid #355d73}.nav-toggle{display:none;width:48px;height:48px;border:0;background:#18252d;color:#fff}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:23px;height:2px;background:currentColor;position:relative;margin:auto}.nav-toggle span:before,.nav-toggle span:after{content:'';position:absolute;left:0;top:-7px}.nav-toggle span:after{top:7px}#site-nav{grid-column:1/-1}#site-nav ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}#site-nav a{display:flex;align-items:center;min-height:44px;padding:8px 16px;background:#cdd6d0;text-decoration:none}#site-nav a[aria-current],#site-nav a:hover{background:#355d73;color:#fff}main{max-width:1280px;margin:auto}.toolboard-opening{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:30px 30px 50px}.breadcrumbs{grid-column:1/-1}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.breadcrumbs a,.breadcrumbs span{min-width:44px;min-height:44px;display:flex;align-items:center;padding:7px 10px;font-size:14px}.overline{font-size:14px;font-weight:600;color:#355d73;margin:0}h1{font-size:clamp(34px,4.6vw,64px);margin:16px 0 25px}.toolboard-art svg{display:block;width:100%}.socket{fill:#355d73;stroke:#18252d;stroke-width:8}.tool{fill:#18252d;stroke:#d7aa52;stroke-width:3}.ruler{fill:#d7aa52}.ticks{fill:none;stroke:#18252d;stroke-width:2}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:44px;padding:12px 20px;background:#355d73;color:white;border:1px solid #355d73;text-decoration:none;font-size:16px}.button.secondary{background:transparent;color:#355d73}.chips{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;font-size:13px}.chips li{border-bottom:3px solid #d7aa52}.key-drawer{display:grid;grid-template-columns:300px 1fr;margin:0 30px 55px;background:#18252d;border:10px solid #355d73;box-shadow:8px 8px 0 #a8b6b0}.drawer-caption{padding:25px;color:#e4e8e2;border-right:1px solid #e4e8e255}.drawer-caption h2{font-size:32px;margin:0}.drawer-caption p{font-size:15px}.drawer-handle{width:120px;height:23px;border:5px solid #d7aa52;margin-top:55px}.drawer-game{padding:25px;background:#f0f2ed;min-width:0}.toolboard-room{display:grid;grid-template-columns:230px 1fr;gap:35px;padding:0 30px}.socket-index{align-self:start;position:sticky;top:25px;background:#355d73;color:#e4e8e2;padding:22px}.socket-index h2{font-size:22px;margin-top:0}.socket-index ol{padding:0;list-style:none;margin:0}.socket-index a{display:flex;align-items:center;min-height:48px;padding:10px 0;color:#fff;font-size:15px}.content{max-width:900px;min-width:0}.work-card{background:#f0f2ed;padding:25px 32px;margin-bottom:30px;border-top:7px solid #d7aa52}.work-card h2{font-size:30px;margin-top:0}.content p{overflow-wrap:anywhere}.content table{border-collapse:collapse;width:100%;font-size:16px}.content td,.content th{padding:10px;border:1px solid #a8b6b0;overflow-wrap:anywhere}.questions details{border-bottom:1px solid #a8b6b0}.questions summary{min-height:52px;padding:16px 0;cursor:pointer;font-size:17px}.questions details div{padding:0 12px 18px}.closing{background:#cdd6d0;padding:25px}.related{padding:35px 30px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-grid a{display:block;padding:22px;border:1px solid #355d73;text-decoration:none;background:#f0f2ed;font-size:16px}.related-grid h3{font-size:25px}.site-footer{background:#18252d;color:#e4e8e2;margin-top:45px}.site-footer a{color:#e4e8e2}.footer-inner{max-width:1220px;margin:auto;padding:40px 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.footer-inner .brand{color:#e4e8e2}.footer-inner h2{font-size:24px}.footer-inner div>a{display:flex;align-items:center;min-height:44px}.footer-note{grid-column:1/-1;font-size:14px}.copyright{border-top:1px solid #e4e8e244;padding:18px;text-align:center;font-size:13px}.notfound{padding:50px}#game-root{scroll-margin-top:90px}@media(max-width:979px){.nav-toggle{display:block}#site-nav{display:none;grid-row:2}.toolboard-header.nav-open #site-nav{display:block}#site-nav ul{flex-direction:column}.key-drawer{grid-template-columns:1fr}.drawer-caption{border-right:0;border-bottom:1px solid #e4e8e255}.drawer-handle{margin-top:20px}.toolboard-room{grid-template-columns:1fr}.socket-index{position:static}.socket-index ol{display:flex;flex-wrap:wrap;gap:10px}.socket-index a{padding:8px 10px}.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.toolboard-header{padding:12px 16px;grid-template-columns:1fr 48px;gap:10px}.nav-toggle{grid-row:1;grid-column:2}.languages{grid-row:2;grid-column:1/-1}#site-nav{grid-row:3}.toolboard-opening{padding:20px 16px 30px;grid-template-columns:1fr;gap:20px}.toolboard-art{max-width:310px;margin:auto}h1{font-size:34px}.key-drawer{margin:0 12px 35px;border-width:5px;box-shadow:4px 4px 0 #a8b6b0}.drawer-caption{padding:20px}.drawer-game{padding:6px}.toolboard-room{padding:0 16px;gap:25px}.work-card{padding:22px 18px}.work-card h2{font-size:28px}.related{padding:25px 16px}.related-grid,.footer-inner{grid-template-columns:1fr}.footer-inner{padding:30px 20px;gap:18px}.footer-note{grid-column:1}.content table{table-layout:fixed}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}