@import url('https://fonts.googleapis.com/css2?family=Bangers&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#153c34;--yellow:#ffdd38;--paper:#fffdf4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:700 14px 'DM Sans',sans-serif;border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:9px;padding:11px 15px;cursor:pointer;transition:transform .15s,background .15s}button:hover{transform:translateY(-2px);background:var(--yellow)}button:focus-visible,canvas:focus-visible,input:focus-visible{outline:4px solid #f05c8d;outline-offset:3px}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;border-bottom:2px solid var(--ink)}.brand{font:46px 'Bangers',Impact,sans-serif;color:var(--ink);text-decoration:none;letter-spacing:1px}.brand span{color:#ed6382}.brand small{display:inline-block;font:700 12px 'DM Sans',sans-serif;letter-spacing:1.4px;margin-left:20px;max-width:150px}main{max-width:1600px;margin:auto;padding:30px 4vw 15px}.intro{display:flex;position:relative;align-items:center;gap:40px;margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;margin:0 0 12px}h1{font:clamp(42px,5vw,76px)/.96 'Bangers',Impact,sans-serif;margin:0;letter-spacing:1px}h1 em{font-style:normal;color:#e35b79}.opening{font-size:16px;line-height:1.6;max-width:360px}.stamp{margin-left:auto;border:3px solid var(--ink);border-radius:50%;width:105px;height:105px;display:grid;align-content:center;text-align:center;font:23px 'Bangers',Impact,sans-serif;transform:rotate(12deg);background:var(--yellow)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.playground{position:relative;min-height:530px;border:3px solid var(--ink);border-radius:16px;overflow:hidden;background:#0c7560;box-shadow:6px 6px 0 var(--ink)}.jungle{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.scene-top{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none}.scene-top span{background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:1px}#speech{position:absolute;top:72px;left:22px;max-width:235px;background:var(--paper);padding:14px 18px;border:2px solid var(--ink);border-radius:18px 18px 18px 2px;font-weight:700;font-size:14px;transform:rotate(-3deg);pointer-events:none}.scene-bottom{position:absolute;bottom:12px;left:16px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-bottom span{background:var(--yellow);padding:9px 12px;border:2px solid var(--ink);font-size:12px;font-weight:800;border-radius:7px}.scene-bottom button{padding:8px 10px}.mission{background:var(--yellow);padding:25px;border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);transform:rotate(1deg)}h2{font:36px/1.05 'Bangers',Impact,sans-serif;margin:0 0 14px}aside p{font-size:15px;line-height:1.55}.primary{width:100%;background:var(--ink);color:white}.primary:hover{background:#28574b}.progress{display:flex;gap:7px;margin:20px 0}.progress i{height:7px;flex:1;background:#a99330;border-radius:5px}.progress i.active{background:var(--ink)}.controls{padding:24px 6px 0}h3{font:24px 'Bangers',Impact,sans-serif;margin:0 0 12px}.controls p{font-size:14px;margin:12px 0}.buttons{display:flex;flex-wrap:wrap;gap:7px}.buttons button{font-size:13px;padding:9px}.range{display:block;font-size:13px;font-weight:700;margin-top:20px}.range output{float:right;font-weight:400}.range input{display:block;width:100%;accent-color:var(--ink);margin-top:12px}footer{display:flex;justify-content:space-between;gap:24px;padding:25px 0 10px;font-size:11px;letter-spacing:.6px}#celebration{position:absolute;inset:0;background:#153c34e8;color:var(--yellow);display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:30px}#celebration strong{font:60px 'Bangers',Impact,sans-serif}#celebration p{color:white;max-width:320px}#hint-text{background:#ffffff90;padding:12px;border-radius:8px;font-size:14px}@media(min-width:1550px){.playground{min-height:640px}}@media(max-width:850px){.layout{grid-template-columns:1fr}.playground{min-height:480px}aside{display:grid;grid-template-columns:1fr 1fr;gap:25px}.controls{padding:10px 0}.intro{gap:20px}.opening{max-width:230px}.stamp{display:none}footer{flex-direction:column;gap:8px}}@media(max-width:560px){header{padding:15px 5vw}.brand{font-size:38px}.brand small{display:none}main{padding:24px 5vw 12px}.intro{display:block;margin-bottom:22px}.opening{font-size:14px;margin:14px 0 0;max-width:100%}h1{font-size:52px}.playground{min-height:440px;box-shadow:4px 4px 0 var(--ink)}aside{display:block}.mission{margin-top:5px;padding:22px}.controls{padding:26px 3px 0}.scene-top span{font-size:10px;padding:7px}#speech{max-width:180px;font-size:12px;top:65px}.scene-bottom span{font-size:10px;padding:8px}.scene-bottom button{font-size:12px}footer{font-size:10px;line-height:1.6}}@media(prefers-reduced-motion:reduce){button{transition:none}.mission,#speech{transform:none}}

@media(max-width:560px){.jungle{object-fit:cover;object-position:20% center}#speech{max-width:160px;font-size:11px;top:60px;padding:9px 12px}}

.originals{margin-top:40px;padding:28px 0;border-top:2px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:32px}.originals h2{font-size:32px}.originals p{font-size:16px;line-height:1.6;max-width:570px}.originals .fan-note{font-size:14px}.originals nav{display:grid;gap:12px;align-content:start}.originals a{display:block;border:2px solid var(--ink);border-radius:10px;padding:16px 18px;color:var(--ink);background:#ffdd3830;font-weight:800;text-decoration:none;font-size:16px}.originals a:hover{background:var(--yellow)}.originals a:focus-visible{outline:4px solid #f05c8d;outline-offset:3px}.originals small{display:block;font-size:14px;font-weight:400;margin-top:5px;line-height:1.5}@media(max-width:650px){.originals{grid-template-columns:1fr;gap:14px;margin-top:28px}}

.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.back-home{font:700 14px 'DM Sans',sans-serif;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);border-radius:9px;padding:11px 15px;text-decoration:none;display:inline-block}.back-home:hover{background:#ffe96d}.total-hits{font-size:16px;font-weight:800;white-space:nowrap}.back-home:focus-visible{outline:4px solid #f05c8d;outline-offset:3px}@media(max-width:560px){header{flex-wrap:wrap;gap:12px}.header-actions{width:100%;justify-content:space-between;gap:8px}.header-actions button,.back-home{padding:9px 10px;font-size:13px}.total-hits{font-size:14px}}

.ui-icon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:6px;flex-shrink:0}button{display:inline-flex;justify-content:center;align-items:center;gap:3px}.scene-bottom span{display:flex;align-items:center}.scene-bottom .ui-icon{width:14px;height:14px}#celebration{background:#153c3450;padding:20px;backdrop-filter:blur(2px)}.result-card{position:relative;width:min(440px,100%);border:3px solid var(--ink);border-radius:20px;padding:32px 26px;background:var(--yellow);box-shadow:7px 8px 0 var(--ink);color:var(--ink);animation:result-pop .4s cubic-bezier(.2,1.6,.5,1)}#celebration strong{font-size:clamp(34px,5vw,58px);line-height:1.05;display:block}#celebration p{color:var(--ink);margin:15px auto 22px;line-height:1.5;font-size:16px}#celebration .eyebrow{font-size:12px;margin:0 0 12px}.result-stars{height:36px;display:flex;justify-content:center;gap:12px;margin-bottom:18px}.result-stars .ui-icon{width:30px;height:30px;margin:0;fill:#ef6592;stroke:var(--ink);animation:star-celebrate 1s ease-in-out 2}.result-stars .ui-icon:nth-child(2){animation-delay:.12s}.result-stars .ui-icon:nth-child(3){animation-delay:.24s}@keyframes result-pop{from{opacity:0;transform:scale(.75) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes star-celebrate{50%{transform:translateY(-8px) rotate(14deg)}}@media(max-width:560px){.playground{min-height:330px}.result-card{padding:20px 16px}#celebration p{font-size:14px}.result-stars{margin-bottom:10px}#speech{max-width:150px;font-size:12px}.scene-bottom span{font-size:10px;padding:7px}}@media(prefers-reduced-motion:reduce){.result-card,.result-stars .ui-icon{animation:none}#celebration{backdrop-filter:none}}

.ui-separator{display:inline-block;width:8px;height:8px;vertical-align:middle;margin:0 2px}button:disabled{cursor:default;opacity:.6}

.aim-readout{position:absolute;bottom:57px;left:16px;max-width:calc(100% - 32px);background:#153c34ee;color:#fffdf4;border:2px solid #fff1bc;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:700;pointer-events:none}.aim-readout[data-state=ready]{background:var(--yellow);color:var(--ink)}.aim-readout[data-state=adjust]{background:#88443c}.scene-bottom span{max-width:calc(100% - 90px);font-size:11px}@media(max-width:560px){.aim-readout{bottom:52px;font-size:11px;padding:5px 8px}}
@media(max-width:560px){.aim-readout{bottom:auto;top:58px;right:10px;left:auto;max-width:135px;font-size:11px;line-height:1.35}.scene-bottom span{font-size:10px;padding:6px}.scene-bottom{left:10px}}