.match-shell{--board-padding:clamp(8px, 2.4vw, 14px);--board-gap:clamp(2px, 1.1vw, 5px);flex-direction:column;width:min(100vw,520px);min-height:100vh;margin:0 auto;padding:clamp(16px,4vw,22px) clamp(12px,3.5vw,16px);display:flex}.match-cell:focus-visible,.result-button:focus-visible{outline-offset:3px;outline:4px solid #57c6bac7}.match-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.match-hud>div{text-align:center;justify-items:center;min-width:0;padding:9px 6px;display:grid}.match-hud span{color:#5e7775;overflow-wrap:anywhere;font-size:.78rem;line-height:1.15;display:block}.match-hud strong{color:#173032;justify-content:center;align-items:center;font-size:1.25rem;line-height:1.15;display:inline-flex}.target-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.target-item{text-align:center;place-items:center;min-height:54px;padding:7px 10px;display:grid}.target-progress{justify-content:center;align-items:center;gap:8px;min-width:0;display:inline-flex}.target-progress img{object-fit:contain;filter:drop-shadow(0 2px 2px #0f3b3729);flex:none;width:clamp(26px,7vw,42px);height:clamp(26px,7vw,42px)}.target-progress strong{color:#173032;font-size:1.1rem;line-height:1.2}.target-complete-banner{z-index:20;border:1px solid var(--game-color-border);color:#173032;text-align:center;pointer-events:none;background:#fffffff5;border-radius:15px;min-width:min(74vw,280px);padding:16px 22px;font-size:1.7rem;font-weight:900;line-height:1.1;animation:1s both target-complete-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 42px #0f3b372e}.match-board{border-radius:calc(var(--panel-radius) - 10px);grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));padding:0}.match-cell{contain:layout paint;touch-action:none;transition:background .14s,transform .14s}.match-cell:disabled{opacity:.78;cursor:default}.match-cell:not(:disabled):active{transform:translateY(2px)}.match-cell.is-selected{box-shadow:inset 0 0 0 3px var(--game-color-state-focus), 0 0 0 3px #f1bf353d;background:#fff2a8b8}.match-cell.is-special-primed{will-change:transform;background:#ff60602e;animation:.5s ease-out both match-special-prime;box-shadow:inset 0 0 0 2px #d346466b,0 0 0 2px #d346461f}.special-tile-image{object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 4px #13120f47);width:96%;height:96%;position:absolute;inset:2%}.match-cell.is-clearing .match-tile-image,.match-cell.is-clearing .special-tile-image{will-change:transform, opacity;animation:.42s ease-in-out both match-wobble-pop}@keyframes match-wobble-pop{0%{opacity:1;transform:rotate(0)scale(1)}28%{transform:rotate(-6deg)scale(1.05)}46%{transform:rotate(6deg)scale(1.06)}64%{transform:rotate(-3deg)scale(1.05)}to{opacity:0;transform:scale(.1)}}@keyframes match-special-prime{0%{transform:scale(1)}60%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes target-complete-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.86)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}28%{transform:translate(-50%,-50%)scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.98)}}.match-result{justify-items:center;gap:8px;margin:0;padding:0}.match-result h2{color:#0b6862;margin:0 0 2px;font-size:1.55rem;line-height:1.05}.match-result p{color:#395856;margin:0;font-weight:700}.result-targets{gap:6px;width:min(100%,260px);display:grid}.result-target{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:6px 8px;display:grid}.result-target img{object-fit:contain;filter:drop-shadow(0 2px 2px #0f3b3729);width:34px;height:34px}.result-target strong{color:#173032}.result-targets span{color:#b93f3f;grid-column:1/-1;font-size:.82rem;display:block}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.result-button{min-width:104px}.result-button.primary{background:#57c6ba;box-shadow:0 3px #34a99d}@media (width<=520px){.match-shell{width:min(100vw - 20px,520px);padding:14px 10px 20px}.match-tile-image,.special-tile-image,.target-progress img,.result-target img{filter:none}.match-hud>div,.target-item,.match-board-frame{box-shadow:0 6px 16px #0f3b3714}.match-cell.is-selected{box-shadow:inset 0 0 0 3px var(--game-color-state-focus)}.match-cell.is-special-primed{box-shadow:inset 0 0 0 2px #d346466b}}@media (width<=360px){.match-shell{--board-padding:4px;--board-gap:2px;width:min(100vw - 8px,520px);padding-left:4px;padding-right:4px}.match-hud{gap:6px}.target-item{min-height:48px}.target-progress{gap:6px}}