html{color-scheme:light}body{margin:0;background:#fff;color:#0f1419;font-family:Arial,Helvetica,sans-serif}main{width:min(100%,680px);margin:0 auto}button,a{touch-action:manipulation}button:not(:disabled),a{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #0f1419;outline-offset:3px}a.game-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
#moat-concepts .moat-prototype{--mc-ink:#0f1419;--mc-muted:#536471;--mc-line:#cfd9de;--mc-blue:#1d9bf0;box-sizing:border-box;min-height:720px;padding:20px 32px 18px;background:#fff;color:var(--mc-ink);font:15px/1.45 Arial,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:stretch;color-scheme:light}
#moat-concepts .moat-prototype[hidden]{display:none}
#moat-concepts .moat-prototype *{box-sizing:border-box}
#moat-concepts .prototype-head{font-size:13px;letter-spacing:-.2px;font-weight:700;padding:2px 0 26px;color:var(--mc-muted);display:flex;justify-content:space-between}
#moat-concepts .tweet-mount{width:100%;max-width:548px;margin:0 auto}
#moat-concepts .source-tweet{position:relative;display:block;width:100%;color:inherit;border-radius:16px;text-decoration:none}
#moat-concepts .source-tweet picture,#moat-concepts .source-tweet img{display:block;width:100%;height:auto;margin:0;border-radius:16px}
#moat-concepts .source-caption{font-size:11px;color:var(--mc-muted);margin:7px auto 0;text-align:right;max-width:548px}
#moat-concepts .game-title{text-align:center;margin:24px 0 9px}
#moat-concepts .game-title h2,#moat-concepts h2.game-title{font:700 24px/1.2 Arial,Helvetica,sans-serif;color:var(--mc-ink);letter-spacing:-.6px}
#moat-concepts .game-title h2{margin:0}
#moat-concepts .game-help{font:14px/1.5 Arial,Helvetica,sans-serif;color:var(--mc-muted);text-align:center;margin:0 0 16px}
#moat-concepts .game-button{border:1px solid var(--mc-ink);border-radius:999px;background:var(--mc-ink);color:#fff;min-height:44px;padding:10px 23px;font:700 14px/1.3 Arial,Helvetica,sans-serif;touch-action:manipulation}
#moat-concepts .game-button:hover:not(:disabled){background:#272c30}
#moat-concepts .game-button:disabled{opacity:.45}
#moat-concepts .quiet-button{min-height:44px;border:0;background:transparent;color:var(--mc-muted);padding:10px 12px;font:14px/1.3 Arial,Helvetica,sans-serif;text-decoration:underline;text-underline-offset:3px;touch-action:manipulation}
#moat-concepts .game-footer{font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--mc-muted);text-align:center;margin-top:auto;padding-top:24px}
#moat-concepts .game-footer a{color:var(--mc-muted);text-underline-offset:3px;margin-left:7px}
#moat-concepts .game-result{font:700 25px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.5px;text-align:center;color:var(--mc-ink);margin:22px 0 12px;overflow-wrap:anywhere}
#moat-concepts .moat-prototype button,#moat-concepts .moat-prototype input{font-family:Arial,Helvetica,sans-serif}
#moat-concepts .moat-prototype [hidden]{display:none!important}
@media(max-width:480px){#moat-concepts .moat-prototype{min-height:720px;padding:16px 14px}#moat-concepts .prototype-head{padding-bottom:22px}#moat-concepts .game-title h2{font-size:22px}#moat-concepts .game-help{font-size:13px}#moat-concepts .game-result{font-size:23px}#moat-concepts .game-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){#moat-concepts .moat-prototype *,#moat-concepts .moat-prototype *:before,#moat-concepts .moat-prototype *:after{animation:none!important;transition:none!important}}
#moat-captcha .captcha-box { box-sizing: border-box; width: 100%; max-width: 564px; margin: 18px auto 0; border: 1px solid #d7dce2; padding: 7px; background: #fff; color: #17191c; text-align: left; }
#moat-captcha .captcha-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 18px; background: #3979db; color: #fff; }
#moat-captcha .captcha-header p { margin: 0; font-size: 14px; line-height: 1.45; }
#moat-captcha .captcha-header strong { display: block; margin-top: 2px; font-size: 24px; line-height: 1.15; font-weight: 700; }
#moat-captcha .captcha-header svg { width: 28px; height: 28px; flex: 0 0 28px; }
#moat-captcha .captcha-image-field { position: relative; width: 100%; max-width: 548px; margin: 7px auto 0; }
#moat-captcha .captcha-image-field .tweet-mount { margin: 0; padding: 0; border: 0; border-radius: 0; width: 100%; max-width: none; }
#moat-captcha .captcha-image-field .tweet-mount picture { display: block; }
#moat-captcha .captcha-image-field .tweet-mount img { display: block; width: 100%; height: auto; border-radius: 0; }
#moat-captcha .captcha-grid { position: absolute; inset: 0; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); }
#moat-captcha .captcha-tile { position: relative; display: block; min-width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 0; box-shadow: inset 0 0 0 0.5px #aebbd0; background: transparent; color: #253342; font-family: inherit; }
#moat-captcha .captcha-tile[aria-pressed="true"] { box-shadow: inset 0 0 0 3px #3979db; background: rgba(57,121,219,.08); }
#moat-captcha .captcha-tile:disabled { opacity: 1; }
#moat-captcha .captcha-front { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#moat-captcha .captcha-back { position: absolute; inset: 3px; display: flex; align-items: center; justify-content: center; padding: 12px 8px; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity 180ms ease, transform 180ms ease; text-align: center; font-size: 14px; line-height: 1.35; color: #212a33; background: #e7f0ff; }
#moat-captcha .captcha-tile.is-revealed .captcha-back { opacity: 1; visibility: visible; transform: translateY(0); }
#moat-captcha .captcha-check { position: absolute; z-index: 1; top: 5px; left: 5px; display: none; width: 19px; height: 19px; border-radius: 50%; background: #3979db; color: #fff; align-items: center; justify-content: center; }
#moat-captcha .captcha-check svg { width: 13px; height: 13px; }
#moat-captcha .captcha-tile[aria-pressed="true"] .captcha-check { display: flex; }
#moat-captcha .captcha-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin: 12px 2px 2px; }
#moat-captcha .captcha-actions button { min-height: 44px; }
#moat-captcha .captcha-actions .game-button { min-width: 108px; }
#moat-captcha .captcha-result { max-width: 564px; margin: 16px auto 0; text-align: left; }
#moat-captcha .captcha-result[hidden], #moat-captcha .captcha-result [hidden], #moat-captcha .captcha-share-text[hidden] { display: none; }
#moat-captcha .captcha-verdict { margin: 0; font-size: 18px; line-height: 1.35; font-weight: 650; }
#moat-captcha .captcha-attempts { margin: 8px 0 0; color: #626870; font-size: 13px; line-height: 1.4; }
#moat-captcha .captcha-result-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 12px; }
#moat-captcha .captcha-share-text { display: block; box-sizing: border-box; width: 100%; margin-top: 10px; padding: 10px; font-family: inherit; font-size: 14px; line-height: 1.4; border: 1px solid #aeb6c0; border-radius: 4px; color: #17191c; background: #fff; resize: vertical; }
#moat-captcha .captcha-box.is-passed { border-color: #3979db; }
#moat-captcha .captcha-box.is-passed .captcha-header { background: #286838; }
#moat-captcha .captcha-footer { max-width: 564px; margin: 16px auto 0; }
#moat-captcha .captcha-footer a { color: inherit; }
@media (max-width: 450px) {
#moat-captcha .captcha-header { padding: 14px; }
#moat-captcha .captcha-header strong { font-size: 22px; }
#moat-captcha .captcha-back { font-size: 12px; padding: 9px 5px; }
}
@media (prefers-reduced-motion: reduce) { #moat-captcha .captcha-back { transition: none; } }
#moat-concepts .moat-prototype{min-height:0;padding:32px 20px 40px}
#moat-concepts .prototype-head{padding:0 0 14px;font-weight:700}
#moat-captcha .captcha-box{margin-top:12px}
#moat-captcha .captcha-header-icon{font-size:22px;line-height:1;border:1px solid #ffffffaa;border-radius:3px;display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px}
#moat-captcha .captcha-check{font-size:13px;font-weight:700;line-height:1}
#moat-captcha .captcha-result{width:100%;margin:22px auto 0}
#moat-captcha .captcha-result-actions{justify-content:center;gap:8px 12px}
#moat-captcha .captcha-share-text{font-size:16px}
#moat-captcha .captcha-back{z-index:2}
#moat-captcha .captcha-check{z-index:3}
@media(max-width:480px){#moat-concepts .moat-prototype{padding:22px 12px 28px}#moat-concepts .prototype-head{padding-bottom:14px}}