/* FreeCell Now Feedback — game-board layer, visually approved V3 styling. */
#board{position:relative}
.fcnfb-tab{position:absolute;left:0;bottom:15%;width:28px;min-width:28px;height:112px;z-index:6;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:9px 2px;border:1px solid rgba(255,240,188,.6);border-left:0;border-radius:0 6px 6px 0;background:#d7b76b;color:#15281d;cursor:pointer;box-shadow:1px 3px 10px rgba(0,0,0,.22);font:800 12px/1 'Manrope',sans-serif;letter-spacing:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-7px);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s,background-color .15s ease}
.fcnfb-tab.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition:opacity .45s ease,transform .45s ease,visibility 0s linear 0s,background-color .15s ease}
.fcnfb-tab:hover{background:#e9cb87}
.fcnfb-tab:focus-visible,.fcnfb-close:focus-visible,.fcnfb-send:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fcnfb-tab[aria-expanded="true"]{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-8px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.fcnfb-tab__text{position:absolute;top:50%;left:50%;display:block;white-space:nowrap;letter-spacing:0;line-height:1;transform:translate(-50%,-50%) rotate(-90deg);text-align:center;color:inherit;text-transform:uppercase}
.fcnfb-panel{position:absolute;left:10px;bottom:14%;z-index:7;width:min(330px,calc(100vw - 20px));overflow:hidden;border:1px solid rgba(215,183,107,.35);border-radius:12px;background:#fcfaf4;color:#24362c;box-shadow:0 22px 56px rgba(0,0,0,.4);font-family:'Manrope',sans-serif;text-align:left;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.fcnfb-panel[hidden]{display:none}
.fcnfb-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}
.fcnfb-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px 13px;background:linear-gradient(130deg,#173a2c,#0c281d);color:#fff8e9}
.fcnfb-head h2{margin:0;font:600 22px/1.2 'Fraunces',Georgia,serif;letter-spacing:-.02em}
.fcnfb-close{flex:none;display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(255,255,255,.065);color:#f7f2e8;font:22px/1 'Manrope',sans-serif;cursor:pointer}
.fcnfb-close:hover{background:rgba(255,255,255,.15)}
.fcnfb-body{padding:16px 17px 17px}
.fcnfb-body>p{margin:0 0 13px;color:#576b5e;font:500 12px/1.55 'Manrope',sans-serif}
.fcnfb-form{display:grid;gap:9px}
.fcnfb-form label{font:750 11px/1.4 'Manrope',sans-serif;color:#284031}
.fcnfb-form textarea{width:100%;box-sizing:border-box;min-height:128px;max-height:220px;resize:vertical;border:1px solid #ced8d0;border-radius:8px;background:#fff;color:#162e21;padding:10px 11px;font:500 12px/1.55 'Manrope',sans-serif;box-shadow:inset 0 1px 2px rgba(0,0,0,.025)}
.fcnfb-form textarea::placeholder{color:#869389}
.fcnfb-form textarea:focus{outline:2px solid rgba(215,183,107,.44);outline-offset:1px;border-color:#b9964c}
.fcnfb-count{justify-self:end;color:#8d958c;font:600 10px/1.25 'Manrope',sans-serif}
.fcnfb-turnstile{min-width:0;max-width:100%;overflow:hidden}
.fcnfb-turnstile:empty{display:none}
.fcnfb-status{margin:0;color:#a04431;font:600 11px/1.4 'Manrope',sans-serif}
.fcnfb-status:empty{display:none}
.fcnfb-send{width:100%;min-height:37px;margin-top:2px;padding:8px 12px;border:1px solid #bda061;border-radius:8px;background:#d7b76b;color:#203125;font:800 12px/1.2 'Manrope',sans-serif;cursor:pointer}
.fcnfb-send:hover{background:#e8c984}
.fcnfb-send:disabled{opacity:.65;cursor:wait}
.fcnfb-sent{display:grid;justify-items:center;text-align:center;gap:10px;padding:17px 0 6px}
.fcnfb-sent[hidden],.fcnfb-form[hidden]{display:none}
.fcnfb-check{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e9f3e8;color:#247447;font-size:22px;font-weight:700}
.fcnfb-sent h3{font:600 20px/1.3 'Fraunces',Georgia,serif;color:#223b2b;margin:0}
.fcnfb-sent p{margin:0;color:#627269;font-size:11px}
@media(max-width:540px){.fcnfb-tab{height:108px;width:26px;min-width:26px;font-size:11px;bottom:13%}.fcnfb-panel{left:8px;bottom:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto}.fcnfb-head{padding:13px 14px}.fcnfb-body{padding:13px 14px}}

/* Mobile gameplay: feedback entry and panel remain unavailable. */
@media (max-width:767px) {
  #fcnfbTab, #fcnfbPanel, .fcnfb-tab, .fcnfb-panel { display:none!important; visibility:hidden!important; pointer-events:none!important; }
}