:root{font-family:system-ui,sans-serif;color:#18322f;background:#f3f6f2;line-height:1.6}
body{margin:0}header,main{max-width:920px;margin:auto;padding:24px}header{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
a{color:#075a49}section{background:white;border:1px solid #b5c6bd;border-radius:12px;padding:24px;margin:20px 0}
label{display:block;font-weight:650}input,select,button{font:inherit;padding:10px;margin:8px 0 18px;max-width:100%;box-sizing:border-box}
button{background:#145343;color:white;border:2px solid #145343;border-radius:6px;cursor:pointer}input{display:block}
:focus-visible{outline:3px solid #89420d;outline-offset:3px}#status{min-height:1.6em;color:#863711}li{margin:8px 0}
#scene-viewport{perspective:700px;height:260px;overflow:hidden;background:#e8f0ee;border-radius:8px}
#scene-model{position:relative;width:240px;height:170px;margin:40px auto;transform-style:preserve-3d}
.scene-layer{position:absolute;width:240px;height:170px;border:2px solid #17483d;background:#b7cfbd;transform:translateZ(-30px)}
.scene-layer-1{background:#91b8ad;transform:translateZ(0)}.scene-layer-2{background:#4e9186;transform:translateZ(30px)}
.scene-marker{position:absolute;width:30px;height:30px;border-radius:50%;background:#e8ca75;border:2px solid #614e19;transform:translate3d(35px,40px,55px)}
.scene-marker-1{transform:translate3d(110px,90px,55px)}.scene-marker-2{transform:translate3d(180px,20px,55px)}
@media(prefers-reduced-motion:reduce){#scene-model{transition:none;animation:none}}

#sponsorship{max-width:872px;margin:32px auto;padding:24px;border:3px dashed #687b71;background:#e9eee8}#sponsorship h2{font-size:1.1rem}