.nw-game{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#102337;color:#fff;overflow:hidden;font-family:inherit}.nw-game::backdrop{background:#102337}.nw-shell{height:100%;display:grid;grid-template-rows:auto minmax(100px,1fr) auto}.nw-top{background:linear-gradient(#193c4b,#112b39);border-bottom:3px solid #ad8b4b;display:flex;gap:14px;align-items:center;padding:8px 16px;z-index:5}.nw-top h2{font-size:clamp(14px,1.5vw,22px);margin:0;color:#ffe5a4}.nw-top small{color:#90ddd5}.nw-overall{min-width:100px;flex:1;max-width:280px}.nw-overall progress{width:100%;accent-color:#67ddc0;height:10px;display:block}.nw-top button,.nw-dock button,.nw-modal button,.nw-hub button{border:1px solid #ba994f;background:linear-gradient(#315267,#193547);color:#fff4d6;border-radius:9px;padding:8px 12px;cursor:pointer;font:inherit}.nw-top button:hover,.nw-dock button:hover,.nw-hub button:hover{background:#477c80}.nw-top button:focus-visible,.nw-dock button:focus-visible,.nw-game button:focus-visible{outline:3px solid #fff49c;outline-offset:3px}.nw-game button:disabled{cursor:default;opacity:.5}.nw-stage{position:relative;min-height:0;overflow:hidden;background:#314758 url('./atom-observatory.png') center/cover}.nw-stage::before{content:'';position:absolute;inset:0;background:linear-gradient(#18283e25,transparent 40%,#18283e44);pointer-events:none}.nw-board{position:absolute;inset:4% 18% 10%;background:linear-gradient(145deg,#11394bec,#182d45ef);border:2px solid #a99154;border-radius:22px;box-shadow:0 15px 50px #081a3c66;overflow:hidden}.nw-board h3{margin:9px 14px;font-size:clamp(13px,1.5vw,19px);color:#ffe6a4}.nw-observation{position:absolute;bottom:7px;left:6%;right:6%;text-align:center;pointer-events:none;font-size:clamp(12px,1.2vw,17px);color:#bdf5e2;background:#102a3ee0;border-radius:8px;padding:5px}.nw-caveat{position:absolute;top:10px;right:14px;font-size:11px;color:#9fd0df;max-width:42%;text-align:right}.nw-zone{position:absolute;border:2px dashed #70e4d7;border-radius:15px;background:#0d203c44;display:grid;place-content:center;text-align:center;gap:6px;color:#ccf9f1;font-size:clamp(12px,1.1vw,16px)}.nw-zone em{font-size:11px;opacity:.8}.nw-zone.hot{background:#93eed83b;box-shadow:0 0 25px #a5f4d888}.nw-piece{position:absolute;transform:translate(-50%,-50%);touch-action:none;border:2px solid #fae094;border-radius:50%;background:radial-gradient(circle at 30% 20%,#a5e9e4,#247d98);color:white;box-shadow:0 5px 12px #071a3066;cursor:grab;min-width:48px;min-height:48px;padding:8px;font-weight:700;font-size:18px;z-index:3}.nw-piece:active{cursor:grabbing}.nw-piece.dragging{z-index:10;box-shadow:0 0 25px #ffdf76}.nw-piece.proton,.nw-particle.proton{background:#f07d7c}.nw-piece.neutron,.nw-particle.neutron{background:#d7b775;color:#192d3d}.nw-piece.electron,.nw-particle.electron{background:#82b0ed}.nw-piece.rect{border-radius:10px;min-width:80px;font-size:14px}.nw-nucleus{position:absolute;left:50%;top:50%;width:120px;height:105px;transform:translate(-50%,-50%);display:flex;gap:3px;flex-wrap:wrap;align-content:center;justify-content:center;border-radius:50%;background:#a0786026}.nw-particle{border-radius:50%;width:25px;height:25px;display:grid;place-content:center;box-shadow:inset -3px -3px 4px #0003;font-weight:700}.nw-particle.electron{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%)}.nw-halo{position:absolute;left:50%;top:50%;width:65%;height:67%;border:1px dashed #b1bcdb6b;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.nw-counter{position:absolute;left:50%;top:9%;transform:translateX(-50%);text-align:center;font-size:clamp(14px,1.6vw,24px);color:#fff3bc;background:#152439c9;border-radius:8px;padding:6px 12px}.nw-body{position:absolute;top:25%;width:27%;height:40%;border-radius:18px;border:2px solid #bdc8ef;padding:10px;text-align:center;background:#4266a54d}.nw-body strong{display:block;color:#ffe292;font-size:clamp(14px,1.7vw,22px)}.nw-body .nw-charge{font-size:35px;color:#fbc995}.nw-electroscope{position:absolute;left:58%;top:20%;width:140px;height:60%;border:3px solid #ace8ee;border-radius:32px 32px 12px 12px;background:#b9edfd16}.nw-electroscope::before{content:'';position:absolute;left:50%;top:-22px;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;background:#ebcb83;box-shadow:0 0 10px #ffe5b655}.nw-stem{position:absolute;left:50%;top:0;height:45%;width:4px;background:#dace9d}.nw-leaf{position:absolute;left:50%;top:44%;height:43%;width:6px;background:linear-gradient(#ffd688,#b99251);transform-origin:top;transition:transform .6s}.nw-chart{position:absolute;inset:20% 8% 15%;display:flex;gap:12px;align-items:end;justify-content:space-around}.nw-chart>div{background:#7dc9e855;border:2px solid #95e3f4;border-radius:8px 8px 0 0;padding:10px;text-align:center;min-width:24%;transition:height .5s}.nw-chart strong{display:block;color:#ffe89f}.nw-wall{position:absolute;left:72%;top:16%;width:18%;height:65%;background:repeating-linear-gradient(0deg,#a7bdc544 0px,#a7bdc544 20px,#43677a88 21px,#43677a88 23px);border:2px solid #b9dadb;border-radius:8px;display:grid;align-content:center;gap:10px;text-align:center}.nw-dipole{display:flex;justify-content:center;gap:18px;transition:gap .5s}.nw-dipole b{padding:4px;border-radius:50%;background:#ef9b90}.nw-dipole b:last-child{background:#81a9e9}.nw-balloon{width:65px;height:80px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 30% 20%,#ffc2f1,#b14aba);border:2px solid #ffd2f4}.nw-balloon::after{content:'';height:35px;width:1px;position:absolute;top:100%;background:#ffe3d4;left:50%}.nw-hair-zone{background:#67373066}.nw-hair-zone img{max-width:80px;max-height:80px}.nw-npc{position:absolute;left:1%;bottom:7%;width:15%;height:63%;border:0;background:none;cursor:pointer;z-index:2}.nw-npc img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 6px #05263b66)}.nw-npc.talking img{animation:nw-talk .45s infinite alternate}.nw-npc span{position:absolute;bottom:0;left:15%;right:15%;padding:4px;background:#14364bcc;border:1px solid #c4a568;border-radius:8px;color:#ffe2a4;font-size:12px}.nw-walker{position:absolute;left:83%;top:65%;width:clamp(50px,6vw,95px);height:clamp(60px,9vw,140px);background:url('./hero-walk.png') 33.333% 0/400% 400%;pointer-events:none;filter:drop-shadow(0 5px 5px #09162a66)}.nw-walker.walking{animation:nw-walk .5s steps(4) infinite}.nw-dock{border-top:3px solid #a78a4f;background:linear-gradient(#1b3c49,#102838);padding:7px 16px 9px;z-index:5;max-height:42dvh;overflow:auto}.nw-dock-caption{display:flex;justify-content:space-between;gap:12px;color:#edd89b;font-size:11px;letter-spacing:.6px}.nw-dialogue{display:grid;grid-template-columns:52px 1fr;gap:11px;align-items:start}.nw-portrait{width:52px;height:58px;object-fit:contain;background:#284c5a;border:1px solid #b39863;border-radius:8px}.nw-dialogue p{margin:6px 0;line-height:1.4;font-size:clamp(13px,1.2vw,16px);max-width:1100px}.nw-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.nw-actions button{padding:6px 10px;font-size:13px}.nw-actions .primary{background:linear-gradient(#327e77,#22544e);border-color:#82e3bd}.nw-tools{display:flex;gap:8px;margin-top:7px;align-items:center;color:#a6c3cf;font-size:11px}.nw-tools button{font-size:11px;padding:4px 8px}.nw-feedback{margin-top:7px;color:#baf6cc;font-size:13px}.nw-feedback.error{color:#ffc5b9}.nw-number{display:flex;gap:6px;align-items:center;margin:6px 0;flex-wrap:wrap}.nw-number input{width:180px;background:#f7f1dc;color:#162536;border:2px solid #bea568;padding:8px;border-radius:8px;font:inherit}.nw-number label{font-size:13px}.nw-hub{position:absolute;inset:3% 5% 4%;background:#102c40d9;border:2px solid #a99867;border-radius:24px;padding:20px;overflow:auto}.nw-hub h3{margin:0;color:#ffe295}.nw-route{margin:16px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.nw-route button{min-height:95px;text-align:left;position:relative;border-width:2px;background:#24465dde;box-shadow:0 5px 0 #092438}.nw-route button:nth-child(3n+2){transform:translateY(8px)}.nw-route button.passed{border-color:#70e4b2}.nw-route b{display:block;font-size:16px;color:#ffe09a}.nw-route small{display:block;color:#9ad9d3;font-size:12px;margin-top:6px}.nw-route progress{width:100%;accent-color:#84e7c6;height:8px;display:block;margin-top:9px}.nw-modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#08182ce8;padding:15px}.nw-modal[hidden],.nw-game [hidden]{display:none!important}.nw-modal-card{position:relative;background:linear-gradient(#234b5d,#172e43);border:2px solid #d3b568;border-radius:20px;padding:22px;max-width:850px;max-height:90dvh;overflow:auto;color:#e8f7ef;box-shadow:0 12px 80px #0008}.nw-modal-card h2,.nw-modal-card h3{color:#ffe8a6;margin-top:0}.nw-modal-card img{max-width:100%;max-height:45dvh;object-fit:contain;background:white;border-radius:10px;padding:6px}.nw-modal-card video{width:100%;max-height:62dvh;background:#000}.nw-figure-caption{font-size:12px;color:#acd4d6}.nw-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.nw-confetti i{position:absolute;left:var(--x);top:-25px;width:9px;height:17px;background:var(--color);animation:nw-confetti 2.5s var(--delay) linear infinite}.nw-win-card{text-align:center;max-width:600px}.nw-win-card .star{font-size:70px;color:#ffe58d;text-shadow:0 0 30px #ffda6e8a}.nw-quiz-banner{position:absolute;inset:20% 13% 15%;display:grid;place-content:center;text-align:center;color:#f2e9c9;background:#163b51e8;border:2px solid #c4a263;border-radius:20px}.nw-quiz-banner b{font-size:clamp(24px,5vw,64px)}.nw-pulse{animation:nw-pulse .4s}@keyframes nw-pulse{50%{box-shadow:0 0 35px #a1ffe0}}@keyframes nw-talk{to{transform:translateY(-2px) rotate(.8deg)}}@keyframes nw-walk{to{background-position-x:133.333%}}@keyframes nw-confetti{to{top:110%;transform:rotate(520deg)}}@media(max-width:700px){.nw-top{padding:6px 8px;gap:5px;flex-wrap:wrap}.nw-top h2{flex:1;min-width:55%}.nw-top button{font-size:11px;padding:5px}.nw-overall{order:1;max-width:none;flex-basis:100%;display:flex;align-items:center;gap:8px}.nw-overall progress{flex:1}.nw-board{inset:2% 2% 14%}.nw-npc{height:25%;width:17%;bottom:0;left:0}.nw-walker{top:76%;left:83%;height:65px;width:45px}.nw-dock{padding:5px 8px;max-height:48dvh}.nw-dialogue{grid-template-columns:35px 1fr;gap:6px}.nw-portrait{width:35px;height:44px}.nw-dialogue p{font-size:12px}.nw-tools{gap:5px;flex-wrap:wrap}.nw-tools span{display:none}.nw-actions button{font-size:12px;padding:6px 8px}.nw-caveat{font-size:9px;max-width:35%}.nw-counter{top:12%;font-size:12px;width:90%;padding:4px}.nw-nucleus{width:85px;height:85px}.nw-particle{width:20px;height:20px;font-size:12px}.nw-piece{min-width:38px;min-height:38px;font-size:14px}.nw-piece.rect{min-width:62px;font-size:12px}.nw-electroscope{left:63%;width:85px}.nw-hub{inset:2%;padding:12px}.nw-route{grid-template-columns:repeat(2,1fr);gap:8px}.nw-route button{min-height:78px;padding:7px}.nw-route b{font-size:12px}.nw-route small{font-size:10px}.nw-route button:nth-child(3n+2){transform:none}.nw-body{font-size:10px}.nw-body strong{font-size:12px}.nw-charge{font-size:25px}.nw-chart>div{padding:6px;font-size:11px}.nw-modal-card{padding:15px}.nw-hair-zone img{max-width:50px;max-height:50px}}@media(prefers-reduced-motion:reduce){.nw-game *,.nw-game *::before,.nw-game *::after{animation:none!important;transition:none!important}}
.nw-zone img{max-width:80px;max-height:80px;object-fit:contain}:root:has(.nw-game[open]){overflow:hidden}.nw-board h3{max-width:65%}.nw-walker.walking{animation:nw-walk .5s steps(3,end) infinite}@keyframes nw-walk{from{background-position-x:0}to{background-position-x:100%}}@media(max-width:700px){.nw-zone img{max-width:45px;max-height:45px}.nw-board h3{max-width:60%}}

.nw-game .nw-stage{background-image:var(--chapter-background)}
.cw-instrument{position:absolute;left:8%;right:8%;top:14%;height:40%;pointer-events:none}.cw-apparatus{width:100%;height:100%;overflow:visible}.cw-reading,.cw-detail{text-align:center;color:#fff1cf;font-size:12px}.cw-formula,.cw-comparison{text-align:center;padding:12px;background:#123e51e8;border:1px solid #b69760;border-radius:16px}.cw-formula{font-size:24px}.cw-formula small{display:block;font-size:13px}.nw-game .nw-piece.rect{font-size:11px;max-width:22%;padding:6px}.nw-game .nw-zone{font-size:11px}

.nw-game .nw-piece{z-index:5}.nw-game .nw-zone{background:#153f50b8;border-color:#ccb174}.nw-game .nw-piece.rect{min-height:34px}.nw-game .cw-instrument{z-index:1}.nw-game .nw-board>h3{max-width:70%}@media(max-width:600px){.cw-instrument{left:1%;right:1%;top:18%;height:34%}.cw-reading,.cw-detail{font-size:10px}.nw-game .nw-zone{font-size:9px}.nw-game .nw-piece.rect{font-size:9px;padding:3px}.cw-comparison{font-size:11px}.cw-formula{font-size:17px}}

.nw-game .nw-zone{background:rgba(14,52,65,.16)}

.nw-game:has(.nw-hub) .nw-npc,.nw-game:has(.nw-hub) .nw-walker{visibility:hidden}

.nw-game .nw-piece:disabled{opacity:.35;cursor:default}

.cw-electrons{display:block;width:100%;height:90px}.cw-comparison p{margin:4px}.cw-comparison{font-size:12px;padding:6px}.cw-comparison strong{font-size:11px}@media(max-width:600px){.cw-electrons{height:65px}.cw-comparison{font-size:10px}}