.gcaici-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.gcaici-stats .g-stat{min-width:76px}.gcaici-board{flex-direction:column;align-items:center;gap:6px;width:min(100%,340px);margin:0 auto 14px;display:flex}.gcaici-row{gap:6px;display:flex}.gcaici-tile{border:2px solid var(--line);background:var(--bg-card);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;font-weight:800;line-height:1;display:flex}.gcaici-tile.is-typed{border-color:var(--text-3)}.gcaici-tile.is-hit{color:#fff;background:#4a8f4a;border-color:#4a8f4a}.gcaici-tile.is-near{color:#fff;background:#d0a33a;border-color:#d0a33a}.gcaici-tile.is-miss{color:#fff;background:#8b8378;border-color:#8b8378}.gcaici-tile.is-hint{border-color:var(--brand);color:var(--brand-dark)}.gcaici-row.is-shake{animation:.4s gcaici-shake}@keyframes gcaici-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.gcaici-row.is-shake{animation:none}}.gcaici-pad{flex-direction:column;align-items:center;gap:6px;width:min(100%,520px);margin:0 auto;display:flex}.gcaici-padrow{justify-content:center;gap:5px;width:100%;display:flex}.gcaici-key{border:1px solid var(--line);background:var(--bg-soft);min-width:0;max-width:44px;height:52px;color:var(--text);font:700 15px/1 var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;flex:1 1 0;padding:0}.gcaici-key.is-wide{flex:1.6 1 0;max-width:72px;font-size:13px}.gcaici-key.is-hit{color:#fff;background:#4a8f4a;border-color:#4a8f4a}.gcaici-key.is-near{color:#fff;background:#d0a33a;border-color:#d0a33a}.gcaici-key.is-miss{color:#fff;background:#b9b2a8;border-color:#b9b2a8}.gcaici-copybuf{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}@media (max-width:720px){.gcaici-stats .g-stat{min-width:66px;padding:4px 8px}.gcaici-board{gap:5px;width:min(100%,300px)}.gcaici-row{gap:5px}.gcaici-tile{border-width:2px;width:52px;height:52px;font-size:25px}.gcaici-pad{gap:5px}.gcaici-padrow{gap:4px}.gcaici-key{max-width:38px;height:48px;font-size:14px}.gcaici-key.is-wide{max-width:60px;font-size:12px}}@media (max-width:400px){.gcaici-board{width:270px}.gcaici-tile{width:46px;height:46px;font-size:22px}.gcaici-key{max-width:34px;height:44px}}@media (max-width:720px){.is-fs .gcaici-board{width:min(100%,376px)}.is-fs .gcaici-tile{width:66px;height:66px;font-size:30px}}@media (orientation:landscape) and (max-height:520px){.gcaici-body{--t:clamp(30px, calc((100vh - 110px) / 6), 58px);grid-template:"board stats""board pad""board status""board note""board."1fr/auto minmax(0,1fr);align-items:start;column-gap:18px;display:grid}.gcaici-body .gcaici-board{grid-area:board;gap:5px;width:auto;margin:0}.gcaici-body .gcaici-row{gap:5px}.gcaici-body .gcaici-tile{width:var(--t);height:var(--t);font-size:calc(var(--t) * .5)}.gcaici-body .gcaici-stats{grid-area:stats;gap:6px;margin:0 0 8px}.gcaici-body .gcaici-stats .g-stat{min-width:60px;padding:2px 8px}.gcaici-body .gcaici-pad{grid-area:pad;gap:5px;width:100%}.gcaici-body .gcaici-padrow{gap:4px}.gcaici-body .gcaici-key{max-width:44px;height:max(34px,min(33.3333vh - 60px,46px));font-size:14px}.gcaici-body .gcaici-key.is-wide{max-width:68px;font-size:12px}.gcaici-body>p.g-status:first-of-type{grid-area:status;margin:8px 0 0}.gcaici-body>p.g-status:last-of-type{grid-area:note;margin:6px 0 0}}.gcaici-tile{color:#2b2420;background:#f4ecdf;border-color:#dccfb9;position:relative;box-shadow:inset 0 3px #2b242012}.gcaici-tile.is-typed,.gcaici-tile.is-hint,.gcaici-tile.is-hit,.gcaici-tile.is-near,.gcaici-tile.is-miss{--d:#e0cfb3;box-shadow:inset 0 -4px 0 var(--d), 0 2px 0 #2b242033;background:#fffaf1;border-color:#2b2420;padding-bottom:3px}.gcaici-tile.is-typed:before,.gcaici-tile.is-hint:before,.gcaici-tile.is-hit:before,.gcaici-tile.is-near:before,.gcaici-tile.is-miss:before{content:"";pointer-events:none;background:#ffffffd9;border-radius:4px;width:22%;height:8%;position:absolute;top:9%;left:10%;transform:rotate(-14deg)}.gcaici-tile.is-hint:not(.is-typed){box-shadow:none;background:#fff5ea;border:2px dashed #e0562b;padding-bottom:0}.gcaici-tile.is-hint:not(.is-typed):before{content:none}.gcaici-tile.is-hint.is-typed{--d:#f0b584;color:#b8411c;background:#ffe3c8}.gcaici-tile.is-hit{--d:#37864a;color:#fff;background:#4fae5f}.gcaici-tile.is-near{--d:#c4890f;color:#fff;background:#eeac2a}.gcaici-tile.is-miss{--d:#7d7366;color:#fff;background:#9d9384}.gcaici-tile.is-hit,.gcaici-tile.is-near,.gcaici-tile.is-miss{text-shadow:0 1px #2b24204d}.gcaici-tile.is-miss:before{background:#ffffff80}.gcaici-tile.is-typed{animation:.12s ease-out gcaici-pop}.gcaici-tile.is-hit,.gcaici-tile.is-near,.gcaici-tile.is-miss{animation:.26s ease-out backwards gcaici-flip}.gcaici-row>.gcaici-tile:nth-child(2){animation-delay:50ms}.gcaici-row>.gcaici-tile:nth-child(3){animation-delay:.1s}.gcaici-row>.gcaici-tile:nth-child(4){animation-delay:.15s}.gcaici-row>.gcaici-tile:nth-child(5){animation-delay:.2s}.gcaici-row>.gcaici-tile.is-typed{animation-delay:0s}@keyframes gcaici-pop{0%{transform:scale(.86)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes gcaici-flip{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.gcaici-key{--d:#e0cfb3;color:#2b2420;box-shadow:inset 0 -4px 0 var(--d), 0 2px 0 #2b242033;background:#fffaf1;border:2px solid #2b2420;border-radius:8px;padding-bottom:3px;transition:transform 60ms,box-shadow 60ms;position:relative}.gcaici-key:before{content:"";pointer-events:none;background:#ffffffe6;border-radius:2px;width:8px;height:3px;position:absolute;top:4px;left:5px;transform:rotate(-14deg)}.gcaici-key:hover{background:#fff3df}.gcaici-key:active{box-shadow:inset 0 -2px 0 var(--d);transform:translateY(2px)}.gcaici-key.is-hit{--d:#37864a;color:#fff;background:#4fae5f;border-color:#2b2420}.gcaici-key.is-near{--d:#c4890f;color:#fff;background:#eeac2a;border-color:#2b2420}.gcaici-key.is-miss{--d:#c9bead;color:#9d9384;background:#e2d9cb;border-color:#9d9384}.gcaici-key.is-miss:before{background:#ffffff73}@media (prefers-reduced-motion:reduce){.gcaici-tile.is-typed,.gcaici-tile.is-hit,.gcaici-tile.is-near,.gcaici-tile.is-miss{animation:none}.gcaici-key{transition:none}}.gcaici[data-gz]>.gcaici-body{zoom:var(--gz);padding-left:var(--gzpad);padding-right:var(--gzpad)}