.yc-mg{--yc-mg-accent:#c08a2e;--yc-mg-attack:#b3453c;--yc-mg-cell:30px;--yc-mg-gap:2px;--yc-mg-grid-line:color-mix(in srgb, var(--color-border) 78%, transparent);--yc-mg-water:color-mix(in srgb, #1d4e6a 16%, var(--color-surface));gap:var(--space-4);border:2px solid color-mix(in srgb, var(--yc-mg-accent) 42%, var(--color-border));border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--yc-mg-accent) 12%, transparent), transparent 42%), var(--color-surface);box-shadow:0 10px 30px color-mix(in srgb, var(--color-text-base) 8%, transparent);padding:clamp(16px,2.5vw,24px);display:grid}.yc-mg__badge{background:color-mix(in srgb, var(--yc-mg-accent) 18%, var(--color-surface));color:color-mix(in srgb, var(--yc-mg-accent) 78%, var(--color-text-base));font-size:calc(13px * var(--yc-font-scale));border-radius:999px;justify-self:start;align-items:center;gap:9px;margin:0;padding:7px 14px 7px 11px;font-weight:800;display:inline-flex}.yc-mg__badge-dot{background:var(--yc-mg-accent);border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite yc-mg-pulse}.is-started .yc-mg__badge{display:none}@keyframes yc-mg-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--yc-mg-accent) 55%, transparent)}50%{opacity:.75;box-shadow:0 0 0 6px color-mix(in srgb, var(--yc-mg-accent) 0%, transparent)}}.yc-mg__bar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.yc-mg-status{min-width:0;font-size:calc(16px * var(--yc-font-scale));margin:0;font-weight:700}.yc-mg__restart{flex:none;min-height:40px}.yc-mg-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.yc-mg__result{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:2px solid;grid-template-columns:auto minmax(0,1fr) auto;animation:.45s ease-out yc-mg-result-in;display:grid}.yc-mg__result[hidden]{display:none}.yc-mg__result--win{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 12%, var(--color-surface));color:var(--color-success)}.yc-mg__result--lose{border-color:var(--yc-mg-attack);background:color-mix(in srgb, var(--yc-mg-attack) 10%, var(--color-surface));color:var(--yc-mg-attack)}.yc-mg__result-icon{color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;line-height:1;display:grid}.yc-mg__result--win .yc-mg__result-icon{background:var(--color-success)}.yc-mg__result--lose .yc-mg__result-icon{background:var(--yc-mg-attack)}.yc-mg__result-copy{gap:3px;min-width:0;display:grid}.yc-mg__result-copy strong{font-size:calc(20px * var(--yc-font-scale))}.yc-mg__result-copy span{color:var(--color-text-muted);font-size:calc(14px * var(--yc-font-scale))}.yc-mg__result-again{flex:none;min-height:44px}@keyframes yc-mg-result-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.yc-mg-grid.is-lost{border-color:color-mix(in srgb, var(--yc-mg-attack) 55%, var(--color-border));opacity:.72}.yc-mg-grid.is-won{border-color:color-mix(in srgb, var(--color-success) 62%, var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 22%, transparent)}.yc-mg__boards{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));display:grid}.yc-mg__panel{justify-items:center;gap:var(--space-2);min-width:0;display:grid}.yc-mg__panel-head{border-left:3px solid var(--color-border);flex-wrap:wrap;justify-self:start;align-items:baseline;gap:8px;width:100%;padding-left:11px;display:flex}.yc-mg__panel--attack .yc-mg__panel-head{border-left-color:var(--yc-mg-attack)}.yc-mg__panel--defence .yc-mg__panel-head{border-left-color:#2f6d8f}.yc-mg__panel h3{font-size:calc(17px * var(--yc-font-scale));margin:0}.yc-mg__hint{color:var(--color-text-muted);font-size:calc(13px * var(--yc-font-scale))}.yc-mg-grid{grid-template-columns:repeat(var(--yc-mg-cols), var(--yc-mg-cell));gap:var(--yc-mg-gap);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(160deg, color-mix(in srgb, #123c55 12%, var(--color-surface)), var(--color-surface));display:grid}.yc-mg-grid[data-labels]{grid-template-columns:calc(var(--yc-mg-cell) * .8) repeat(var(--yc-mg-cols), var(--yc-mg-cell))}.yc-mg-grid.is-disabled{opacity:.92}.yc-mg-grid__label,.yc-mg-grid__corner{color:var(--color-text-muted);font-size:calc(11px * var(--yc-font-scale));place-items:center;font-weight:700;line-height:1;display:grid}.yc-mg-cell{aspect-ratio:1;border:1px solid var(--yc-mg-grid-line);background:var(--yc-mg-water);border-radius:3px;padding:0;position:relative}button.yc-mg-cell{cursor:pointer}.yc-mg-grid.is-disabled button.yc-mg-cell{cursor:default}button.yc-mg-cell:hover:not(:disabled){border-color:var(--yc-mg-accent)}button.yc-mg-cell:focus-visible{outline:2px solid var(--yc-mg-accent);outline-offset:1px}.yc-mg-cell.is-aimed{z-index:1;border-color:var(--yc-mg-attack);animation:.48s ease-in-out infinite alternate yc-mg-aim}@keyframes yc-mg-aim{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--yc-mg-attack) 60%, transparent)}to{box-shadow:0 0 0 5px color-mix(in srgb, var(--yc-mg-attack) 0%, transparent)}}.yc-mg-cell.is-flash{z-index:1;animation:.55s ease-out yc-mg-flash}@keyframes yc-mg-flash{0%{box-shadow:0 0 0 4px color-mix(in srgb, var(--yc-mg-attack) 45%, transparent);transform:scale(1.35)}to{transform:scale(1);box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.yc-mg-cell.is-aimed,.yc-mg-cell.is-flash,.yc-mg__badge-dot,.yc-mg__result{animation:none}.yc-mg-cell.is-aimed{box-shadow:0 0 0 3px color-mix(in srgb, var(--yc-mg-attack) 55%, transparent)}}.yc-mg-cell--ship{border-color:color-mix(in srgb, #2f6d8f 70%, var(--color-border));background:linear-gradient(150deg,#3d7fa3,#245d7d);box-shadow:inset 0 1px #ffffff47}.yc-mg-cell--miss:after{color:var(--color-text-muted);content:"•";font-size:calc(var(--yc-mg-cell) * .8);place-items:center;line-height:1;display:grid;position:absolute;inset:0}.yc-mg-cell--hit,.yc-mg-cell--sunk,.yc-mg-cell--ship-hit{background-image:linear-gradient(45deg,#0000 calc(50% - 1px),currentColor calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(-45deg,#0000 calc(50% - 1px),currentColor calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))}.yc-mg-cell--hit{color:#c2422a;background-color:#fbe3d8;border-color:#c2603a}.yc-mg-cell--sunk{color:#fff1ea;background-color:#8e2f24;border-color:#5d1b13}.yc-mg-cell--ship-hit{color:#ffd7c9;background-color:#245d7d;border-color:#5d1b13}.yc-mg__legend{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.yc-mg__legend li{color:var(--color-text-muted);font-size:calc(13px * var(--yc-font-scale));align-items:center;gap:7px;display:flex}.yc-mg__legend .yc-mg-cell{--yc-mg-cell:18px;width:18px}@media (width<=900px){.yc-mg__boards{grid-template-columns:1fr}.yc-mg__panel{justify-items:stretch}.yc-mg-grid{justify-self:center}.yc-mg__bar{flex-direction:column;align-items:stretch}.yc-mg__restart{width:100%}.yc-mg__result{grid-template-columns:auto minmax(0,1fr)}.yc-mg__result-again{grid-column:1/-1;width:100%}}@media (width<=640px){.yc-mg{--yc-mg-cell:min(30px, calc((100vw - 124px) / 10.8))}}