/* SILENCE v38 — echo + pulse + light reflection wave animation */
.game36{padding:14px 0 62px}.game36-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:start}.game36-figure{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#222b26;box-shadow:var(--shadow-md)}.game36-figure picture,.game36-figure img{display:block;width:100%;height:100%;object-fit:contain}.game36-overlay{position:absolute;inset:0}.game36-room{position:absolute;border:0;background:transparent;padding:0;cursor:pointer;touch-action:manipulation}.game36-room::before{content:"";position:absolute;inset:0;background:rgba(4,12,9,.03);transition:background .18s ease,box-shadow .18s ease}.game36-room:hover::before,.game36-room:focus-visible::before{background:rgba(74,203,151,.08);box-shadow:inset 0 0 0 2px rgba(120,231,186,.5)}.game36-room[aria-pressed="true"]::before{background:rgba(75,210,154,.10);box-shadow:inset 0 0 0 2px rgba(147,232,190,.85)}.game36-overlay.has-source .game36-room:not([aria-pressed="true"])::before{background:rgba(3,9,7,.15)}.game36-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(238,248,241,.65);background:rgba(17,35,28,.68);color:#eff9f2;font-size:11px;font-weight:600;box-shadow:0 3px 12px #0004;pointer-events:none}.game36-room[aria-pressed="true"] .game36-pin{background:var(--accent);color:var(--accent-on);border-color:#e8fff1}.game36-room--top{left:0;top:0;width:100%;height:30%}.game36-room--left{left:0;top:30%;width:29%;height:38%}.game36-room--right{right:0;top:30%;width:29%;height:38%}.game36-room--bottom{left:0;bottom:0;width:100%;height:32%}.game36-room--top .game36-pin{top:35%}.game36-room--bottom .game36-pin{top:63%}
.game36-boundary{position:absolute;z-index:5;pointer-events:none;opacity:0;transition:opacity .22s ease,filter .22s ease}.game36-boundary[data-side="left"],.game36-boundary[data-side="right"]{top:30%;height:38%;width:12px}.game36-boundary[data-side="left"]{left:29%}.game36-boundary[data-side="right"]{right:29%}.game36-boundary[data-side="top"],.game36-boundary[data-side="bottom"]{left:29%;width:42%;height:12px}.game36-boundary[data-side="top"]{top:30%}.game36-boundary[data-side="bottom"]{bottom:32%}.game36-boundary.is-visible{opacity:1}.game36-boundary[data-wall="gas"]{background:repeating-linear-gradient(0deg,#bfc2ad 0 12px,#7a816f 12px 14px)}.game36-boundary[data-wall="gsp"]{background:linear-gradient(90deg,#c0c3ae 0 62%,#ddd8c7 62% 88%,#eee9dc 88%)}.game36-boundary[data-wall="brick"]{background:repeating-linear-gradient(0deg,#a65d3f 0 10px,#684033 10px 12px)}.game36-boundary[data-wall="concrete"]{background:#888c87}.game36-boundary[data-wall="base"]{background:linear-gradient(90deg,#b7b8ad,#8f938c)}.game36-boundary[data-wall="silence"]{background:linear-gradient(90deg,#a7aa9d 0 45%,#4b5950 45% 56%,#8cc8a7 56% 79%,#efeee4 79%);filter:drop-shadow(0 0 8px rgba(105,225,176,.45))}.game36-boundary[data-side="top"][data-wall],.game36-boundary[data-side="bottom"][data-wall]{background-size:100% 100%}
/* Wave layer: solid echo arcs, source pulse, small reflection and absorption */
.game36-wave-svg{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}.game36-wave-svg path,.game36-wave-svg circle{vector-effect:non-scaling-stroke}.game36-echo,.game36-reflection{fill:none;stroke-linecap:round;stroke-linejoin:round}.game36-echo-arc{fill:none;stroke-width:1.05;filter:drop-shadow(0 0 1.6px currentColor);animation:game38echo 1.75s cubic-bezier(.2,.62,.32,1) infinite}.game36-echo--before{color:#e6b876;opacity:var(--before-opacity,1)}.game36-echo--after{color:#79dcb5;opacity:var(--after-opacity,.7);transition:opacity .35s ease}.game36-echo--after.is-silence{opacity:.10}.game36-echo--after.is-silence .game36-echo-arc{stroke-width:.85;filter:drop-shadow(0 0 1px rgba(121,220,181,.55));animation-duration:2.15s}.game36-echo-arc--1{animation-delay:0s}.game36-echo-arc--2{animation-delay:.17s}.game36-echo-arc--3{animation-delay:.34s}.game36-echo-arc--4{animation-delay:.51s}.game36-reflection{color:#e9c48d;opacity:.28;transition:opacity .25s ease}.game36-reflection.is-silence{opacity:0}.game36-reflection-arc{fill:none;stroke-width:.72;animation:game38reflect 1.75s ease-out infinite}.game36-reflection-arc--2{animation-delay:.22s}.game36-source-pulse{color:#f0c98f}.game36-source-core{fill:#f0c98f;opacity:.84;filter:drop-shadow(0 0 3px rgba(240,201,143,.65))}.game36-source-ring{fill:none;stroke:#f0c98f;stroke-width:.58;opacity:.45;animation:game38pulse 1.55s ease-out infinite;transform-box:view-box;transform-origin:center}.game36-source-ring--2{animation-delay:.42s}.game36-absorb{opacity:.42;transition:opacity .28s ease}.game36-absorb-core{fill:#9ef0c8;opacity:.28}.game36-absorb-ring{fill:none;stroke:#8be6bb;stroke-width:.6;opacity:.18;animation:game38absorb 1.55s ease-out infinite;transform-box:view-box;transform-origin:center}.game36-absorb-ring--2{animation-delay:.32s}.game36-absorb.is-silence{opacity:.96}.game36-absorb.is-silence .game36-absorb-core{opacity:.72;filter:drop-shadow(0 0 3px rgba(139,230,187,.75))}.game36-absorb.is-silence .game36-absorb-ring{stroke-width:.78;opacity:.5;animation-duration:1.05s}
@keyframes game38echo{0%{opacity:0;transform:scale(.76)}18%{opacity:.92}72%{opacity:.55}100%{opacity:0;transform:scale(1.10)}}@keyframes game38reflect{0%{opacity:0;transform:scale(.68)}30%{opacity:.42}100%{opacity:0;transform:scale(1.10)}}@keyframes game38pulse{0%{opacity:.55;transform:scale(.55)}100%{opacity:0;transform:scale(1.65)}}@keyframes game38absorb{0%{opacity:.58;transform:scale(.55)}100%{opacity:0;transform:scale(1.9)}}
.game36-panel{display:flex;flex-direction:column;gap:18px;min-width:0}.game36-kicker{font-size:.73rem;letter-spacing:.11em;color:var(--accent);font-weight:600}.game36-panel h2{font-size:clamp(1.65rem,2.6vw,2.45rem);line-height:1.08}.game36-panel>div:first-child>p:last-child{color:var(--text-muted);line-height:1.6}.game36-source-title{padding:13px 15px;border-radius:12px;background:var(--bg-raised);border:1px solid var(--border)}.game36-source-title strong{display:block;font-size:1rem}.game36-source-title span{display:block;color:var(--text-muted);font-size:.84rem;margin-top:3px}.game36-walls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.game36-wall-btn{min-height:62px;text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--bg-raised);color:var(--text);font-size:.83rem}.game36-wall-btn b{display:block;font-size:.92rem;margin-bottom:2px}.game36-wall-btn span{font-size:.72rem;color:var(--text-muted)}.game36-wall-btn[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.game36-wall-btn--silence{grid-column:1/-1;background:color-mix(in srgb,var(--accent) 12%,var(--bg-raised))}.game36-wall-btn--silence b{color:var(--accent)}
.game36-readout{padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--bg-overlay)}.game36-readout-top{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:13px}.game36-readout-top span{font-size:.78rem;color:var(--text-muted)}.game36-readout-top strong{font-size:1.15rem;text-align:right}.game36-strength{--sound-left:100%;display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:10px}.game36-strength__before,.game36-strength__after{font-size:.76rem;color:var(--text-muted)}.game36-strength__after{min-width:116px;text-align:right}.game36-strength__bar{height:8px;background:color-mix(in srgb,var(--border) 65%,transparent);border-radius:999px;overflow:hidden}.game36-strength__bar i{display:block;height:100%;width:var(--sound-left);background:linear-gradient(90deg,#e2b77d,#7bd9b1);border-radius:inherit;transition:width .35s ease}.game36-strength.is-silence .game36-strength__after{color:var(--accent);font-weight:700}.game36-strength.is-silence .game36-strength__bar i{background:var(--accent)}
.game36-actions{display:flex;gap:9px;flex-wrap:wrap}.game36-actions .btn{min-height:44px}.game36-spec{padding-top:12px;border-top:1px solid var(--border);font-size:.82rem;color:var(--text)}.game36-spec strong{color:var(--accent)}.game36-spec-note{display:block;margin-top:6px;font-size:.72rem;color:var(--text-muted)}.game36-caption{margin:10px 0 0;text-align:center;color:var(--text-muted);font-size:.78rem}.game36-source-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.game36-source-pills::-webkit-scrollbar{display:none}.game36-source-pill{white-space:nowrap;border:1px solid var(--border);border-radius:999px;padding:8px 11px;background:var(--bg-raised);font-size:.8rem}.game36-source-pill[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}
@media(max-width:920px){.game36-shell{grid-template-columns:1fr}.game36-panel{padding-top:2px}.game36-figure{max-width:700px;margin:auto}}
@media(max-width:600px){.game36{padding-bottom:46px}.game36-shell{gap:18px}.game36-figure{border-radius:14px}.game36-pin{width:24px;height:24px;font-size:10px}.game36-walls{grid-template-columns:1fr}.game36-wall-btn--silence{grid-column:auto}.game36-panel h2{font-size:1.55rem}.game36-actions{display:grid;grid-template-columns:1fr}.game36-actions .btn{justify-content:center;padding-inline:10px}.game36-readout{padding:14px}.game36-boundary[data-side="left"],.game36-boundary[data-side="right"]{width:8px}.game36-boundary[data-side="top"],.game36-boundary[data-side="bottom"]{height:8px}.game36-strength{grid-template-columns:1fr}.game36-strength__after{text-align:left;min-width:0}.game36-strength__before{display:none}.game36-echo-arc{stroke-width:.95}.game36-reflection{opacity:.22}}
@media(prefers-reduced-motion:reduce){.game36-echo-arc,.game36-reflection-arc,.game36-source-ring,.game36-absorb-ring{animation:none}.game36-echo--before{opacity:.65}.game36-echo--after{opacity:.45}.game36-echo--after.is-silence{opacity:.10}}
/* v39 — reflected-front canvas wave selected from the isolated wave prototype. */
.game36-wave-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;display:block}
@media (prefers-reduced-motion:reduce){.game36-wave-canvas{opacity:.75}}