.fg-wrap{max-width:760px;margin:0 auto;padding:28px 20px 80px;font-family:'Space Grotesk',sans-serif;}
.fg-crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);margin-bottom:14px;}
.fg-crumb a{color:var(--text-dim);text-decoration:none;}
.fg-crumb a:hover{color:var(--text);}
.fg-crumb .cur{color:var(--text);}

.fg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,16px);padding:22px;box-shadow:var(--shadow-card);}
.fg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.fg-head h1{font-family:'Rajdhani',sans-serif;font-size:30px;font-weight:700;margin:0;color:var(--text);text-transform:uppercase;letter-spacing:.5px;}
.fg-head h1 em{color:var(--gold);font-style:normal;}
.fg-daybtn{display:inline-flex;align-items:center;gap:7px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;cursor:default;}
.fg-sub{color:var(--text-dim);font-size:13.5px;line-height:1.6;margin:10px 0 20px;}

.fg-board{width:100%;}
.fg-grid{display:grid;grid-template-columns:128px repeat(3,1fr);gap:8px;}
@media(max-width:560px){.fg-grid{grid-template-columns:84px repeat(3,1fr);gap:5px;}}

.fg-corner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:6px;}
.fg-corner-lab{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);}
.fg-hearts{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;}
.fg-heart{width:18px;height:18px;fill:var(--border);transition:fill .2s;}
.fg-heart.on{fill:#e5484d;}

.fg-clue{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:8px 6px;min-height:74px;}
.fg-clue-img{max-height:42px;max-width:80%;object-fit:contain;}
.fg-clue-cap{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);line-height:1.15;}
.fg-clue-txt{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text);line-height:1.2;}

.fg-cell{position:relative;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;cursor:pointer;overflow:hidden;padding:6px;transition:border-color .15s,background .15s;}
.fg-cell:not(.filled):not(.off):hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--surface2));}
.fg-cell.off{cursor:not-allowed;opacity:.5;}
.fg-cell.filled{cursor:default;}
.fg-plus{font-size:30px;color:var(--text-dim);opacity:.5;}
.fg-cell.shake{animation:fg-shake .42s ease;border-color:#e5484d;background:rgba(229,72,77,.12);}
@keyframes fg-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}

.fg-mini{position:relative;width:100%;flex:1;display:flex;align-items:center;justify-content:center;}
.fg-mini-frame{max-height:100%;max-width:100%;object-fit:contain;}
.fg-mini-face{position:absolute;top:14%;left:50%;transform:translateX(-50%);max-height:62%;max-width:78%;object-fit:contain;}
.fg-mini-rat{position:absolute;top:10%;left:16%;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:13px;color:#241a06;}
.fg-mini-name{font-size:10.5px;font-weight:600;color:var(--text);text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.fg-end{margin-top:18px;border-radius:12px;padding:16px;text-align:center;border:1px solid;}
.fg-end.win{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.4);}
.fg-end.loss{background:rgba(229,72,77,.08);border-color:rgba(229,72,77,.35);}
.fg-end-top{font-size:18px;font-weight:700;color:var(--text);}
.fg-end.win .fg-end-top{color:#22c55e;}
.fg-end.loss .fg-end-top{color:#e5484d;}
.fg-end-score{font-size:13px;color:var(--text-dim);margin-top:4px;}
.fg-share{margin-top:12px;background:var(--gold);color:#1a1407;border:none;border-radius:9px;padding:9px 18px;font-weight:700;font-size:13px;cursor:pointer;}
.fg-share:hover{filter:brightness(1.07);}

.fg-modal[hidden]{display:none;}
.fg-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:60px 16px;}
.fg-modal-back{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);}
.fg-modal-box{position:relative;width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column;max-height:80vh;}
.fg-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text);}
.fg-modal-head .fg-x{color:var(--text-dim);}
.fg-modal-x{background:none;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;}
.fg-modal-search{padding:12px 16px;}
.fg-modal-search input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:11px 14px;color:var(--text);font-size:14px;font-family:inherit;}
.fg-modal-search input:focus{outline:none;border-color:var(--gold);}
.fg-results{overflow-y:auto;padding:0 8px 10px;}
.fg-hint{padding:16px;text-align:center;color:var(--text-dim);font-size:13px;}
.fg-res{display:flex;align-items:center;gap:11px;width:100%;background:none;border:none;border-radius:9px;padding:7px 8px;cursor:pointer;text-align:left;transition:background .12s;}
.fg-res:hover{background:var(--surface2);}
.fg-res-card{position:relative;width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;}
.fg-res-card img{max-width:100%;max-height:100%;object-fit:contain;}
.fg-res-face{position:absolute;top:8%;left:50%;transform:translateX(-50%);max-height:74%;}
.fg-res-info{min-width:0;display:flex;flex-direction:column;}
.fg-res-name{font-size:13.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fg-res-meta{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px;}

.fg-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:.25s;z-index:300;box-shadow:0 8px 24px rgba(0,0,0,.3);}
.fg-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.fg-toast.err{border-color:rgba(229,72,77,.5);color:#e5484d;}