.page-band--game{padding-block:0}.page>.page-band--game:last-child{padding-bottom:0}.zener-rules{position:relative;z-index:2;width:100%;padding:var(--space-3xl) var(--space-lg) var(--space-4xl);background:var(--color-surface);text-align:center}.zener-game{--zener-card-width: clamp(120px, 40vmin, 258px);--zener-card-height: clamp(177px, 58.93vmin, 380px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:0;background:var(--color-surface-alt);overflow:hidden}.zener-bg-overlay{position:absolute;inset:0;background:#000;pointer-events:none;z-index:1;transition:opacity .8s ease}.zener-flash-overlay{position:fixed;inset:0;background:#fff;pointer-events:none;z-index:9999;animation:zener-flash .3s ease forwards}@keyframes zener-flash{0%{opacity:.7}to{opacity:0}}.zener-game--shake{animation:zener-shake 1.5s ease}@keyframes zener-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-6px)}30%,70%{transform:translate(6px)}}.zener-mute-btn{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:3;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;box-shadow:var(--shadow-panel);transition:color var(--transition-fast),border-color var(--transition-fast)}.zener-mute-btn:hover,.zener-mute-btn:focus-visible{color:var(--color-text);border-color:var(--color-hover-border)}.zener-mute-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.zener-mute-btn[aria-pressed=true]{color:var(--color-gb-caution);border-color:var(--color-gb-caution)}.zener-mute-btn__icon{display:flex;align-items:center;justify-content:center}.zener-mute-btn__icon svg{width:1.1rem;height:1.1rem}.zener-hud{position:relative;z-index:2;display:flex;gap:var(--space-lg);align-items:center;justify-content:center;width:fit-content;padding:var(--space-md) var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}.zener-hud__score,.zener-hud__cards,.zener-hud__wrong{display:flex;flex-direction:column;align-items:center;gap:2px}.zener-hud__label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider)}.zener-hud__value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);font-weight:var(--weight-bold);line-height:1}.zener-card-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);width:100%;padding:2.5rem var(--space-lg);background:var(--color-surface-alt)}.zener-card-stage:has(.zener-deck-stack){padding-block:var(--space-3xl)}.zener-try-it{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;padding:var(--space-3xl) var(--space-lg) var(--space-5xl);background:var(--color-surface);text-align:center}.zener-try-it .section-heading{margin-bottom:0}.zener-intro__prompt{font-size:var(--text-lg);color:var(--color-text-muted);max-width:440px;line-height:var(--leading-relaxed)}.zener-deck-stack{position:relative;width:var(--zener-card-width);height:var(--zener-card-height)}.zener-deck-card{position:absolute;inset:0;border-radius:var(--radius-md);background:#fff url(/images/zener-test/card-back2.png) center / cover no-repeat;border:2px solid var(--color-text-muted);box-shadow:var(--shadow-panel)}.zener-shuffle{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:clamp(200px,45vmin,380px);width:100%}.zener-shuffle__card{position:absolute;width:var(--zener-card-width);height:var(--zener-card-height);border-radius:var(--radius-md);background:#fff url(/images/zener-test/card-back2.png) center / cover no-repeat;border:2px solid var(--color-text-muted);box-shadow:var(--shadow-panel);animation:zener-shuffle-fan .9s ease forwards}@keyframes zener-shuffle-fan{0%{transform:translate(0) rotate(0);opacity:1}40%{transform:translate(calc((var(--fan-dir, 1)) * 40px)) rotate(calc((var(--fan-dir, 1)) * 15deg));opacity:1}80%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(0) rotate(0);opacity:.9}}.zener-shuffle__card:nth-child(1){--fan-dir: -2;z-index:5}.zener-shuffle__card:nth-child(2){--fan-dir: -1;z-index:4}.zener-shuffle__card:nth-child(3){--fan-dir: 0;z-index:3}.zener-shuffle__card:nth-child(4){--fan-dir: 1;z-index:2}.zener-shuffle__card:nth-child(5){--fan-dir: 2;z-index:1}.zener-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);width:100%}.zener-card-wrapper{perspective:800px}.zener-card{position:relative;width:var(--zener-card-width);height:var(--zener-card-height);transform-style:preserve-3d;transition:transform .6s ease;cursor:default}.zener-card--slide-in{animation:zener-slide-in .4s ease forwards}.zener-card--slide-out{animation:zener-slide-out .35s ease forwards}.zener-card--center{transform:translate(0)}@keyframes zener-slide-in{0%{transform:translate(60vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zener-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(-60vw);opacity:0}}.zener-card--flipped{transform:rotateY(180deg) translateY(-10px)}.zener-card__face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);box-shadow:var(--shadow-panel)}.zener-card__face--back{background:#fff url(/images/zener-test/card-back2.png) center / cover no-repeat;color:var(--color-text-inverse)}.zener-card__face--front{background:var(--color-surface);transform:rotateY(180deg)}.zener-card__back-label{display:none}.zener-card__revealed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;height:100%;padding:var(--space-lg)}.zener-card__symbol{display:flex;align-items:center;justify-content:center;color:var(--color-text)}.zener-card__symbol svg{width:calc(var(--zener-card-width) * .75)!important;height:auto}.zener-feedback{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-semibold);min-height:3rem;max-width:min(100%,34rem);text-align:center;flex-wrap:wrap;animation:zener-feedback-in .2s ease}.zener-feedback--empty{visibility:hidden;border:1px solid transparent;animation:none}@keyframes zener-feedback-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.zener-feedback--correct{background:#3d863d47;color:#1f6f1f;border:1px solid rgba(61,134,61,.62)}.zener-feedback--incorrect{background:#e83c3b42;color:#c91f1e;border:1px solid rgba(232,60,59,.62)}.zener-feedback__icon{font-size:var(--text-lg)}.zener-symbols{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;width:100%}.zener-symbol-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-md);min-width:80px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.zener-symbol-btn:hover:not(:disabled){border-color:var(--color-accent);box-shadow:0 2px 8px var(--color-glow);transform:translateY(-2px)}.zener-symbol-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.zener-symbol-btn--selected,.zener-symbol-btn--selected:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.zener-symbol-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.zener-symbol-btn__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}.zener-symbol-btn__pts{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-normal)}.zener-symbol-btn--selected .zener-symbol-btn__pts{color:#ffffffbf}.zener-symbol-btn .zener-symbol-icon{width:8dvw;height:calc(var(--zener-card-height) * .2)}.zener-symbol-icon{display:flex;align-items:center;justify-content:center}.zener-symbol-icon svg{width:100%;height:100%}.zener-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);border-radius:var(--radius-md);cursor:pointer;border:2px solid transparent;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.zener-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.zener-btn--primary{background:var(--color-action-primary);color:var(--color-text-inverse);border-color:var(--color-action-primary)}.zener-btn--primary:hover{background:var(--color-action-primary-hover);border-color:var(--color-action-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px var(--color-glow)}.zener-btn--primary:active{transform:translateY(0)}.zener-complete{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);text-align:center;max-width:500px;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-2xl);box-shadow:var(--shadow-panel)}.zener-complete__heading{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text);margin:0}.zener-complete__score-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.zener-complete__score-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider)}.zener-complete__score-value{font-family:var(--font-display);font-size:clamp(3rem,10vmin,5rem);font-weight:var(--weight-bold);color:var(--color-accent);line-height:1;animation:zener-score-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes zener-score-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.zener-complete__summary{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.zener-complete__stats{display:flex;gap:var(--space-2xl);font-size:var(--text-sm);color:var(--color-text-muted)}.zener-complete__stats strong{color:var(--color-text)}.page-band--full{width:100%}@media(max-width:480px){.zener-game{--zener-card-width: clamp(210px, 58vw, 238px);--zener-card-height: calc(var(--zener-card-width) * 1.473)}.zener-symbols{gap:var(--space-sm)}.zener-symbol-btn{min-width:55px;padding:var(--space-sm) var(--space-md)}.zener-symbol-btn__label{display:none}.zener-hud{gap:var(--space-xl);padding:var(--space-sm) var(--space-lg)}}