.fut{--accent:#e8a05a}.fut-board{display:flex;align-items:center;justify-content:center;position:relative;padding:14px;flex-direction:column}.fut-grid{display:grid;grid-template-columns:repeat(var(--n,9),1fr);gap:0;width:min(58vh,100%,440px);aspect-ratio:1;margin:0 auto}.fut-grid>*{min-width:0;min-height:0}.fut-cell{appearance:none;border:1px solid rgba(232,160,90,.3);border-radius:9px;cursor:pointer;margin:2px;background:rgba(20,26,40,.8);color:#dfe9ff;font:800 clamp(14px,3.4vmin,23px)/1 var(--font-mono);transition:background .12s,border-color .12s;touch-action:manipulation;padding:0}.fut-cell:hover{border-color:var(--accent)}.fut-cell.giv{background:rgba(232,160,90,.14);color:#ffd9ad;cursor:default}.fut-cell.sel{border-color:var(--accent);box-shadow:0 0 0 2px #e8a05a80}.fut-cell.bad{color:#ff8a7a;border-color:#e0564aa6}.fut-op{display:grid;place-items:center;font:800 clamp(13px,3vmin,20px)/1 var(--font-mono);color:#e8a05ad9;transition:color .15s}.fut-op.bad{color:#e0564a;text-shadow:0 0 8px rgba(224,86,74,.6)}.fut-pad{display:flex;gap:6px;justify-content:center;margin-top:12px;flex-wrap:wrap}.fut-key{min-width:44px;justify-content:center;font-family:var(--font-mono);font-weight:800}.fut-over[hidden]{display:none}.fut-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(6,10,18,.82);backdrop-filter:blur(4px);border-radius:16px;z-index:5}.fut-over b{font-size:52px;line-height:1}.fut-over span{font:700 15px/1.5 var(--font-sans);color:#dfe9ff}