.sp-board{max-width:800px;margin:auto;padding:clamp(6px,2vw,18px);color:#344837;border:2px solid #b5b190;border-radius:24px;background:linear-gradient(135deg,#f9efdac9,#e1ebd2d9);box-shadow:0 5px #9fa88d}.sp-note,.sp-sentence{padding:12px 15px;border:1px solid #b6b797;border-radius:16px;background:#fff7e3;color:#344837;line-height:1.75;font-size:clamp(17px,2vw,21px);margin:12px 0;overflow-wrap:anywhere}.sp-button{min-width:48px;min-height:48px;border:2px solid #788f78;border-radius:14px;padding:9px 15px;background:#fff7e3;color:#344837;box-shadow:0 3px #acb19b;font:inherit;font-size:19px;font-weight:650;line-height:1.6;touch-action:manipulation;cursor:pointer;overflow-wrap:anywhere}.sp-button:focus-visible{outline:4px solid #3e5185;outline-offset:3px}.sp-button:disabled{opacity:1;cursor:default;background:#dde5cf;border-style:double}.sp-button.sp-on{outline:3px solid #466b4a;outline-offset:-5px;background:#e2ecc9}.sp-palette{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:16px 0}.sp-palette>.sp-button{display:flex;gap:8px;align-items:center}.sp-palette>.sp-button>span[aria-hidden]{font-size:26px}.sp-map{position:relative;width:min(100%,370px);aspect-ratio:1;margin:18px auto;background:radial-gradient(ellipse,#eff2d1aa,#d5e6c9aa);border-radius:28px;border:2px dashed #a1b396}.sp-paths{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.sp-map-node{position:absolute;transform:translate(-50%,-50%);width:25%}.sp-map-node>.sp-button{display:flex;flex-direction:column;align-items:center;gap:0;position:relative;width:100%;padding:6px 2px;min-height:85px;background:#fff7e3}.sp-house{width:48px;height:35px;position:absolute;top:-21px;opacity:.9;pointer-events:none}.sp-house svg{width:100%;height:100%}.sp-map-node strong{font-size:26px;line-height:1.3}.sp-map-node small{font-size:13px}.sp-sign-1{background:#fff0b8!important}.sp-sign-2{background:#eadcee!important}.sp-sign-3{background:#d1e7df!important}.sp-links{font-size:15px}.sp-target{display:flex;justify-content:center;align-items:center;gap:15px;background:#fff4d2;border:3px solid #c6ac71;border-radius:24px;max-width:350px;margin:15px auto;padding:12px;font-size:20px}.sp-target>span svg{width:65px;height:65px}.sp-target strong{display:block;font-size:35px}.sp-train{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px;background:linear-gradient(#f5ecd366,#b0b29b66);border-bottom:5px solid #8b977c;border-radius:20px;padding:15px 8px 20px}.sp-carriage{border:3px solid #a5a48c;border-radius:13px;box-shadow:0 4px #a5a48c;background:#f5ecd5;position:relative;display:flex;flex-direction:column;align-items:center;min-height:100px;padding:8px 3px;color:#344837}.sp-carriage.sp-lit{border-color:#536c44;outline:3px dashed #536c44;outline-offset:2px;background:#dcebbf;box-shadow:0 4px #71875d}.sp-carriage strong{font-size:29px}.sp-carriage small{font-size:14px}.sp-cargo{display:flex;flex-wrap:wrap;justify-content:center}.sp-cargo svg{width:24px;height:24px}.sp-wheels{position:absolute;bottom:-17px;left:0;right:0;text-align:center;color:#576449;font-size:21px;letter-spacing:5px}.sp-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:16px 0}.sp-comparison-card{background:#fff5df;border:2px solid #b8aa8b;border-radius:23px;padding:10px;text-align:center;font-size:19px}.sp-comparison-card svg{display:block;width:100%;max-height:160px}.sp-given-sentence,.sp-sentence{font-size:22px;font-weight:650;text-align:center}.sp-word-rows{display:grid;gap:14px}.sp-word-rows>div{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff4de;border-radius:17px;padding:12px;font-size:18px;line-height:1.75}.sp-word-rows>div>span{flex:1}.sp-word-rows .sp-button{max-width:65%}
@media(min-width:680px){.sp-train{grid-template-columns:repeat(6,minmax(0,1fr))}.sp-carriage{padding:9px 2px}}
@media(max-width:420px){.sp-board{padding:7px}.sp-button{padding:8px 12px;font-size:17px}.sp-map-node>.sp-button{padding:5px 1px;min-height:76px}.sp-map-node strong{font-size:24px}.sp-map-node small{font-size:12px}.sp-word-rows>div{flex-direction:column;align-items:stretch}.sp-word-rows .sp-button{max-width:100%}.sp-comparison-card{padding:7px;font-size:17px}.sp-given-sentence,.sp-sentence{font-size:20px}}
@media(prefers-reduced-motion:reduce){.sp-board *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.sp-note,.sp-button,.sp-carriage,.sp-comparison-card,.sp-word-rows>div,.sp-sentence{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}.sp-on,.sp-lit{outline-color:Highlight!important}.sp-paths path{stroke:CanvasText}.sp-paths path+path{stroke:Canvas}.sp-wheels{color:CanvasText}}