.zebra-shell{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:clamp(.42rem,1.15cqh,.75rem)}
.zebra-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;width:min(100%,44rem);margin-inline:auto}
.zebra-hud>div{min-width:0;padding:.38rem .5rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 90%,transparent);text-align:center}
.zebra-hud span{display:block;color:var(--text-subtle);font-size:.64rem;font-weight:800;line-height:1.1;text-transform:uppercase;letter-spacing:.04em}
.zebra-hud strong{display:block;margin-top:.14rem;color:var(--text);font-size:clamp(.76rem,1.45cqw,.95rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zebra-clues{display:flex;gap:.36rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:.12rem .08rem .28rem;scroll-snap-type:x proximity}
.zebra-clue{flex:0 0 auto;min-height:2.2rem;padding:.32rem .56rem;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,var(--game-accent,#14b8a6) 8%);color:var(--text);font:800 clamp(.9rem,2.2cqw,1.08rem)/1 var(--font-sans);cursor:pointer;scroll-snap-align:start;white-space:nowrap}
.zebra-clue span{color:var(--text-subtle);font-size:.78em}.zebra-clue:hover,.zebra-clue.is-selected{border-color:var(--game-accent,#14b8a6);background:color-mix(in srgb,var(--surface) 78%,var(--game-accent,#14b8a6) 22%)}
.zebra-clue:focus-visible,.zebra-cell:focus-visible,.zebra-candidate:focus-visible{outline:3px solid color-mix(in srgb,var(--game-accent,#14b8a6) 55%,white);outline-offset:2px}
.zebra-layout{min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,15rem);gap:clamp(.55rem,1.8cqw,1rem);align-items:stretch}
.zebra-board-slot{container-type:inline-size;min-height:0;min-width:0;display:grid;place-items:center;overflow:auto}
.zebra-board{--cell:min(10.5cqw,4.45rem);display:grid;grid-template-columns:minmax(2.15rem,auto) repeat(var(--zebra-size),minmax(0,var(--cell)));grid-template-rows:1.65rem repeat(var(--zebra-size),minmax(2.8rem,var(--cell)));gap:clamp(2px,.45cqw,4px);width:max-content;max-width:100%;padding:clamp(.3rem,.8cqw,.58rem);border:1px solid color-mix(in srgb,var(--line) 70%,var(--game-accent,#14b8a6));border-radius:clamp(12px,2cqw,20px);background:color-mix(in srgb,var(--surface-soft) 84%,var(--game-accent,#14b8a6) 16%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 32px rgba(15,23,42,.08)}
.zebra-corner,.zebra-column,.zebra-row-label{display:grid;place-items:center;color:var(--text-subtle);font-weight:800}.zebra-corner{font-size:.85rem}.zebra-column{font-size:.72rem}.zebra-row-label{min-width:2.15rem;padding-inline:.2rem;font-size:1.05rem}.zebra-row-label span{display:none;font-size:.58rem;line-height:1;max-width:4.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zebra-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:.14rem;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:clamp(6px,.8cqw,10px);background:color-mix(in srgb,var(--surface) 95%,transparent);color:var(--text);cursor:pointer;overflow:hidden;transition:border-color .14s ease,background .14s ease,transform .14s ease}
.zebra-cell:hover{border-color:color-mix(in srgb,var(--game-accent,#14b8a6) 45%,var(--line))}.zebra-cell.is-selected{border-color:var(--game-accent,#14b8a6);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--game-accent,#14b8a6) 32%,transparent);background:color-mix(in srgb,var(--surface) 82%,var(--game-accent,#14b8a6) 18%)}
.zebra-cell.is-resolved{font-size:clamp(1.15rem,4.2cqw,2rem);background:color-mix(in srgb,var(--surface) 82%,var(--game-accent,#14b8a6) 18%)}
.zebra-mini{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:center;justify-items:center;gap:1px;font-size:clamp(.48rem,1.55cqw,.74rem);line-height:1}.zebra-mini>span{opacity:.92;filter:saturate(.88)}.zebra-mini>span.is-eliminated{opacity:.08;filter:grayscale(1)}
.zebra-cell .is-clue-highlight{background:color-mix(in srgb,var(--game-accent,#14b8a6) 25%,transparent);border-radius:4px;box-shadow:0 0 0 2px color-mix(in srgb,var(--game-accent,#14b8a6) 48%,transparent)}
.zebra-board.is-complete .zebra-cell.is-resolved{animation:zebra-complete .48s cubic-bezier(.2,.9,.25,1.2)}
.zebra-palette{min-width:0;align-self:center;padding:clamp(.55rem,1.5cqw,.9rem);border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent)}
.zebra-palette>p{margin:0 0 .5rem;color:var(--text-subtle);font-size:.76rem;line-height:1.3;text-align:center}.zebra-palette>p strong{color:var(--text);font-size:.88rem}
.zebra-palette-buttons{display:grid;grid-template-columns:repeat(2,minmax(2.8rem,1fr));gap:.42rem}.zebra-candidate{min-height:2.85rem;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:10px;background:var(--surface);font-size:1.42rem;cursor:pointer;transition:opacity .14s ease,transform .14s ease,border-color .14s ease}.zebra-candidate:hover{transform:translateY(-1px);border-color:var(--game-accent,#14b8a6)}.zebra-candidate.is-eliminated{opacity:.28;filter:grayscale(1);text-decoration:line-through}.zebra-candidate.is-final{border-color:var(--game-accent,#14b8a6);background:color-mix(in srgb,var(--surface) 76%,var(--game-accent,#14b8a6) 24%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--game-accent,#14b8a6) 25%,transparent)}
.zebra-instructions{margin:.58rem 0 0!important;font-size:.69rem!important}
@keyframes zebra-complete{0%{transform:scale(.9)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
@media(min-width:900px){.zebra-row-label{grid-template-columns:auto;gap:.1rem}.zebra-row-label span{display:block}.zebra-palette-buttons{grid-template-columns:repeat(2,minmax(3rem,1fr))}}
@media(max-width:760px){.zebra-shell{gap:.38rem}.zebra-hud{gap:.26rem}.zebra-hud>div{padding:.3rem .25rem}.zebra-hud span{font-size:.55rem}.zebra-hud strong{font-size:.7rem}.zebra-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:.42rem}.zebra-board{--cell:min(11.2cqw,3.35rem);grid-template-columns:1.8rem repeat(var(--zebra-size),minmax(0,var(--cell)));grid-template-rows:1.35rem repeat(var(--zebra-size),minmax(2.25rem,var(--cell)));padding:.25rem}.zebra-row-label{min-width:1.8rem;font-size:.9rem}.zebra-mini{font-size:clamp(.42rem,2.5cqw,.62rem)}.zebra-cell.is-resolved{font-size:clamp(.95rem,5.2cqw,1.45rem)}.zebra-palette{padding:.42rem .5rem}.zebra-palette>p{margin-bottom:.35rem}.zebra-palette-buttons{grid-template-columns:repeat(var(--zebra-size),minmax(2.45rem,1fr));gap:.28rem}.zebra-candidate{min-height:2.5rem;font-size:1.18rem}.zebra-instructions{display:none}.zebra-clue{min-height:2rem;padding:.27rem .48rem;font-size:.82rem}}
@media(max-height:700px) and (orientation:landscape){.zebra-hud{display:none}.zebra-shell{grid-template-rows:auto minmax(0,1fr)}.zebra-layout{grid-template-columns:minmax(0,1fr) minmax(10rem,13rem);grid-template-rows:1fr}.zebra-palette-buttons{grid-template-columns:repeat(2,minmax(2.5rem,1fr))}.zebra-instructions{display:none}}
@media(prefers-reduced-motion:reduce){.zebra-cell,.zebra-candidate{transition:none}.zebra-board.is-complete .zebra-cell.is-resolved{animation:none}}