.w3kb{--green:#173f31;--green2:#0e2f24;--chalk:#f7f3df;--yellow:#f5df82;--wood:#8a5635;--paper:#f6ebc9;font-family:Arial,Helvetica,sans-serif;color:#20251f;margin:18px auto;max-width:1500px}.w3kb *{box-sizing:border-box}.w3kb button,.w3kb input{font:inherit}.w3kb-room{background:#d9c6a3;border:10px solid #7b4a2f;border-radius:22px;box-shadow:0 16px 40px rgba(0,0,0,.25);overflow:hidden}.w3kb-topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 24px;background:linear-gradient(#f7edcf,#e7d5ab);border-bottom:5px solid #7b4a2f}.w3kb-topbar h1{margin:3px 0;font-size:clamp(28px,5vw,58px);line-height:1;color:#2e342c}.w3kb-topbar p{margin:5px 0}.w3kb-kicker{text-transform:uppercase;font-weight:800;letter-spacing:.12em;font-size:12px}.w3kb-clock{text-align:right;min-width:180px}.w3kb-clock span,.w3kb-clock strong{display:block}.w3kb-board-wrap{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(270px,.8fr);gap:18px;padding:18px;background:#b79a6d}.w3kb-board{position:relative;padding:24px;background:radial-gradient(circle at 30% 10%,#245b46 0,#173f31 48%,#0e2f24 100%);color:var(--chalk);border:12px solid #77472d;border-radius:8px;box-shadow:inset 0 0 35px rgba(0,0,0,.55),0 3px 10px rgba(0,0,0,.25);min-height:680px}.w3kb-board:after{content:"";position:absolute;left:5%;right:5%;bottom:-18px;height:16px;background:#6c4029;border-radius:0 0 8px 8px;box-shadow:0 5px 8px rgba(0,0,0,.3)}.w3kb-board h2,.w3kb-board h3,.w3kb-board p,.w3kb-board span,.w3kb-board button{font-family:"Comic Sans MS","Trebuchet MS",cursive}.w3kb-chalk-line{padding-bottom:14px;border-bottom:2px dashed rgba(255,255,255,.5);font-size:clamp(18px,2vw,28px);font-weight:700}.w3kb-countdown{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0;padding:10px;border:2px solid var(--yellow);color:var(--yellow);font-size:18px}.w3kb-lesson{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin:20px 0}.w3kb-label{display:inline-block;color:var(--yellow);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.w3kb-lesson h2{font-size:clamp(34px,5vw,68px);margin:6px 0;line-height:1}.w3kb-lesson p{font-size:18px}.w3kb-you-are-here{text-align:center;border:2px dashed rgba(255,255,255,.55);padding:16px}.w3kb-map-node{display:inline-block;background:transparent;color:var(--chalk);border:2px solid var(--chalk);padding:10px 12px;font-weight:800;cursor:pointer}.w3kb-map-node.active{color:#182e26;background:var(--yellow);border-color:var(--yellow)}.w3kb-map-node.home{cursor:default}.w3kb-map-line{height:24px;width:2px;background:var(--chalk);margin:auto}.w3kb-map-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.w3kb-map-message{margin-bottom:0}.w3kb-learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.w3kb-card{border:2px solid rgba(255,255,255,.7);padding:15px;min-width:0}.w3kb-big{font-size:clamp(38px,5vw,70px);color:var(--yellow);font-weight:900}.w3kb-card h3{font-size:22px;margin:4px 0}.w3kb-reveal,.w3kb-step{background:transparent;border:2px solid var(--chalk);color:var(--chalk);padding:8px 11px;cursor:pointer}.w3kb-answer{color:var(--yellow);font-weight:800}.w3kb-practice{margin-top:20px;border-top:2px dashed rgba(255,255,255,.5);padding-top:18px}.w3kb-practice-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.w3kb-step.done{background:var(--yellow);color:#173f31;border-color:var(--yellow)}.w3kb-step-message{font-size:18px}.w3kb-side{display:grid;gap:14px;align-content:start}.w3kb-panel{background:var(--paper);border:4px solid #7b4a2f;padding:16px;box-shadow:3px 5px 0 rgba(0,0,0,.16)}.w3kb-panel h2{margin:0 0 12px;font-size:25px}.w3kb-panel label{display:block;font-weight:700}.w3kb-panel input{width:100%;padding:12px;margin:8px 0;border:2px solid #725038;background:#fffdf5}.w3kb-checkin-btn,.w3kb-tool,.w3kb-enter{display:block;width:100%;padding:11px;margin:8px 0;text-align:center;border:2px solid #173f31;background:#173f31;color:#fff;text-decoration:none;cursor:pointer;font-weight:800}.w3kb-tool{background:#fffdf5;color:#173f31}.w3kb-focus{padding:10px;background:#fffdf5;border-left:6px solid #173f31;font-weight:800}.w3kb-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;background:#efe1bd;border-top:5px solid #7b4a2f;font-weight:800}.w3kb.w3kb-large .w3kb-board{font-size:1.25em}.w3kb.w3kb-large .w3kb-card p,.w3kb.w3kb-large .w3kb-lesson p{font-size:1.25em}@media(max-width:980px){.w3kb-board-wrap{grid-template-columns:1fr}.w3kb-side{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.w3kb-room{border-width:6px}.w3kb-topbar{align-items:flex-start;flex-direction:column}.w3kb-clock{text-align:left}.w3kb-board-wrap{padding:10px}.w3kb-board{padding:16px;border-width:8px}.w3kb-lesson{grid-template-columns:1fr}.w3kb-learning-grid{grid-template-columns:1fr}.w3kb-side{grid-template-columns:1fr}.w3kb-map-node{font-size:13px}.w3kb-footer{font-size:13px}}@media print{.w3kb-room{box-shadow:none}.w3kb-tool,.w3kb-checkin-btn,.w3kb-enter,.w3kb-reveal{display:none}.w3kb-board-wrap{display:block}.w3kb-side{grid-template-columns:1fr 1fr;margin-top:12px}.w3kb-board{min-height:0}}