.mg-island{margin-top:var(--space-6);padding:var(--space-5) var(--space-4);border-radius:var(--radius-card);background:var(--color-surface-1);box-shadow:var(--shadow-card)}@media (width>=600px){.mg-island{padding:var(--space-6)}}.guide .mg-island button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mg-panel{justify-items:center;gap:var(--space-3);padding:var(--space-4) 0;text-align:center;display:grid}.mg-best{color:var(--color-text-secondary);font-variant-numeric:var(--num-tabular);font-size:.875rem}.mg-new-best{color:var(--color-cta);font-weight:700}.mg-result{font-size:1.25rem;font-weight:700}.mg-button{cursor:pointer;border:0}.mg-play{gap:var(--space-4);display:grid}.mg-status{justify-content:space-between;gap:var(--space-3);color:var(--color-text-secondary);font-variant-numeric:var(--num-tabular);font-size:.875rem;display:flex}.mg-question{text-align:center;font-weight:700}.mg-piece{align-content:center;justify-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2) var(--space-2);border:var(--line-width) solid var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-surface-2);display:grid}.mg-piece-caption{color:var(--color-text-secondary);font-size:.75rem;font-weight:700}.mg-piece-art{height:4.5rem;display:block}.mg-piece-art svg{width:auto;max-width:5rem;height:100%;display:block}.mg-piece-name{align-items:center;gap:var(--space-1);text-align:center;font-size:.875rem;font-weight:600;line-height:1.3;display:inline-flex}.mg-piece-name .guide-badge{flex:none;width:1.5rem;height:1.5rem;font-size:.75rem}.mg-choices{gap:var(--space-2);display:grid}@media (width>=600px){.mg-choices{grid-template-columns:repeat(3,1fr)}}.mg-choice{min-height:44px;padding:var(--space-2) var(--space-3);border:var(--line-width) solid var(--color-border-strong);border-radius:var(--radius-button);background:var(--color-surface-2);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-smooth), background-color var(--duration-fast) var(--ease-out-smooth);font-weight:600}.mg-choice:active:not(:disabled){transform:scale(.97)}.mg-choice:disabled{cursor:default}.mg-choice[data-result=correct]{background:var(--color-success);color:var(--color-text-inverse);border-color:#0000}.mg-choice[data-result=wrong]{background:var(--color-danger);color:var(--color-text-inverse);border-color:#0000}@media (hover:hover) and (pointer:fine){.mg-choice:hover:not(:disabled){background:var(--color-surface-1)}}.mg-feedback{justify-items:start;gap:var(--space-3);min-height:5.5rem;display:grid}.mg-duel{align-items:center;gap:var(--space-3);grid-template-columns:1fr auto 1fr;width:100%;max-width:26rem;margin:0 auto;display:grid}.mg-versus{color:var(--color-cta);font-size:1.75rem;font-weight:700}.mg-deduce{align-items:start;gap:var(--space-4);grid-template-columns:auto 1fr;display:grid}.mg-piece-hidden{background:var(--color-surface-sunken);width:4.5rem;height:6rem;color:var(--color-text-secondary);font-family:var(--font-display-kr);place-items:center;padding:0;font-size:2.5rem}.mg-clues{gap:var(--space-2);display:grid}.mg-clues ol{gap:var(--space-2);padding-left:var(--space-5);margin:0;display:grid}.mg-clue-count,.mg-trail{color:var(--color-text-secondary);font-size:.8125rem}.mg-trail{display:block}.mg-more{justify-self:start}.mg-suspects{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));display:grid}.mg-suspect{border-radius:var(--radius-card);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-smooth);background:0 0;border:0;padding:0}.mg-suspect .mg-piece{height:100%;padding:var(--space-2) var(--space-1)}.mg-suspect .mg-piece-art{height:2.75rem}.mg-suspect .mg-piece-name{font-size:.75rem}.mg-suspect:active:not(:disabled){transform:scale(.96)}.mg-suspect:disabled{cursor:default}.mg-suspect:disabled:not([data-result]){opacity:.5}.mg-suspect[data-result] .mg-piece{border-width:3px}.mg-suspect[data-result=correct] .mg-piece{border-color:var(--color-success)}.mg-suspect[data-result=wrong] .mg-piece{border-color:var(--color-danger)}@media (hover:hover) and (pointer:fine){.mg-suspect:hover:not(:disabled) .mg-piece{background:var(--color-surface-1)}}.mg-memory{gap:var(--space-2);grid-template-columns:repeat(4,1fr);width:100%;max-width:30rem;margin:0 auto;display:grid}.mg-card{aspect-ratio:3/4;border-radius:var(--radius-card);cursor:pointer;perspective:40rem;background:0 0;border:0;padding:0}.mg-card[data-face-up=true]{cursor:default}.mg-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--duration-reveal) var(--ease-out-smooth);display:block;position:relative}.mg-card[data-face-up=true] .mg-card-inner{transform:rotateY(180deg)}.mg-card-back,.mg-card-front{border-radius:var(--radius-card);backface-visibility:hidden;display:grid;position:absolute;inset:0}.mg-card-back{border:var(--line-width) solid var(--color-border-strong);background:var(--color-surface-sunken);color:var(--color-text-secondary);font-family:var(--font-display-kr);place-items:center;font-size:1.75rem}.mg-card-front{transform:rotateY(180deg)}.mg-card-front .mg-piece{padding:var(--space-1)}.mg-card-front .mg-piece-art{height:2.5rem}.mg-card-front .mg-piece-name{font-size:.6875rem}.mg-card-front .mg-piece-name .guide-badge{display:none}.mg-card[data-matched=true] .mg-piece{border-color:var(--color-success)}