.duck-container{max-width:680px;font-family:var(--font-display);margin:0 auto;padding:1.5rem 1rem 4rem}.duck-rules-box{text-align:left;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}@media (max-width:540px){.duck-rules-box{grid-template-columns:1fr}}.duck-rule-item{border:3px solid var(--pixel-border);background:rgba(var(--void-rgb), .3);border-radius:6px;padding:12px}.duck-rule-item p{color:var(--ink-2);margin:6px 0 0;font-size:.82rem}.duck-rule-heading{align-items:center;gap:6px;display:flex}.duck-rule-icon{width:16px;height:16px;image-rendering:pixelated;flex-shrink:0}.duck-prompt-banner{border:3px solid var(--pixel-border);text-align:center;min-height:68px;font-family:var(--font-pixel);background:rgba(var(--void-rgb), .4);border-radius:6px;justify-content:center;align-items:center;margin-bottom:12px;padding:10px 12px;font-size:.76rem;line-height:1.45;display:flex}.duck-prompt-banner.motion-congruence{border-color:var(--pixel-accent);color:var(--pixel-accent-light);background:#f4c5421a}.duck-prompt-banner.quadrant-math{border-color:var(--pixel-primary);color:var(--pixel-white);background:#4fb3e01f}.duck-stage-viewport{aspect-ratio:1;border:4px solid var(--pixel-border);background:#111722;border-radius:12px;width:100%;max-height:420px;margin:0 auto 1rem;transition:background .15s;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}.duck-stage-viewport.flash-good{background:#59c98f40!important}.duck-stage-viewport.flash-bad{background:#e74c4c40!important}.duck-road{z-index:1;background:#1b2330;position:absolute;overflow:hidden}.duck-road.vertical{background-image:repeating-linear-gradient(#0000 0 18px,#ffffff0f 18px 22px);border-left:2px dashed #ffffff26;border-right:2px dashed #ffffff26;width:90px;height:100%;animation:.9s linear infinite lane-crawl-y;left:50%;transform:translate(-50%)}.duck-road.horizontal{background-image:repeating-linear-gradient(90deg,#0000 0 18px,#ffffff0f 18px 22px);border-top:2px dashed #ffffff26;border-bottom:2px dashed #ffffff26;width:100%;height:90px;animation:.9s linear infinite lane-crawl-x;top:50%;transform:translateY(-50%)}@keyframes lane-crawl-y{0%{background-position-y:0}to{background-position-y:44px}}@keyframes lane-crawl-x{0%{background-position-x:0}to{background-position-x:44px}}.duck-arrow-strip{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.duck-arrow-strip.vertical{flex-direction:column;gap:14px;width:100%;height:200%}.duck-arrow-strip.horizontal{flex-direction:row;gap:14px;width:200%;height:100%}.duck-arrow-strip.flow-up{animation:2.6s linear infinite strip-flow-up}.duck-arrow-strip.flow-down{animation:2.6s linear infinite strip-flow-down}.duck-arrow-strip.flow-left{animation:2.6s linear infinite strip-flow-left}.duck-arrow-strip.flow-right{animation:2.6s linear infinite strip-flow-right}.duck-arrow-strip.flow-idle{opacity:.35}@keyframes strip-flow-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes strip-flow-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes strip-flow-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes strip-flow-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.duck-road-arrow{color:#fff6;flex-shrink:0;font-family:monospace;font-size:1.4rem;line-height:1;animation:1s ease-in-out infinite alternate arrow-flow}@keyframes arrow-flow{0%{opacity:.25}to{opacity:.9;color:var(--pixel-accent)}}.duck-center-hub{border:2px solid var(--pixel-accent);z-index:5;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #f4c5424d}.duck-center-hub.walk-north{animation:3.2s linear infinite duck-walk-north}.duck-center-hub.walk-south{animation:3.2s linear infinite duck-walk-south}.duck-center-hub.walk-east{animation:3.2s linear infinite duck-walk-east}.duck-center-hub.walk-west{animation:3.2s linear infinite duck-walk-west}@keyframes duck-walk-north{0%{top:118%;transform:translate(-50%,-50%)}to{top:-18%;transform:translate(-50%,-50%)}}@keyframes duck-walk-south{0%{top:-18%;transform:translate(-50%,-50%)}to{top:118%;transform:translate(-50%,-50%)}}@keyframes duck-walk-east{0%{left:-18%;transform:translate(-50%,-50%)}to{left:118%;transform:translate(-50%,-50%)}}@keyframes duck-walk-west{0%{left:118%;transform:translate(-50%,-50%)}to{left:-18%;transform:translate(-50%,-50%)}}.duck-center-hub.walk-north,.duck-center-hub.walk-south{left:50%}.duck-center-hub.walk-east,.duck-center-hub.walk-west{top:50%}.duck-sprite-wrap{justify-content:center;align-items:center;transition:transform .12s ease-out;display:flex}.pixel-duck-svg{image-rendering:pixelated;filter:drop-shadow(0 2px 6px #0009)}.duck-corner{border:3px solid var(--pixel-border);z-index:3;background:#0f1a2be0;border-radius:8px;flex-direction:column;justify-content:space-between;width:32%;min-width:0;height:26%;padding:8px;transition:all .15s ease-in-out;display:flex;position:absolute}.duck-corner.nw{top:3.5%;left:3.5%}.duck-corner.ne{top:3.5%;right:3.5%}.duck-corner.sw{bottom:3.5%;left:3.5%}.duck-corner.se{bottom:3.5%;right:3.5%}.duck-corner.active-corner{border-color:var(--pixel-primary);background:#4fb3e040;transform:scale(1.05);box-shadow:0 0 16px #4fb3e066}.corner-tag{font-family:var(--font-pixel);color:var(--ink-3);font-size:clamp(.42rem,1.5vw,.55rem)}.duck-corner.active-corner .corner-tag{color:var(--pixel-primary)}.corner-math{font-family:var(--font-pixel);color:var(--pixel-white);text-align:center;white-space:nowrap;margin:auto 0;font-size:clamp(.62rem,2.6vw,.95rem);line-height:1.2}.duck-hud-icon{width:14px;height:14px;image-rendering:pixelated;vertical-align:-2px;margin-right:4px}.duck-banner-icon{width:22px;height:22px;image-rendering:pixelated;vertical-align:-4px;margin-right:6px}