#gamespinner{z-index:100;position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-28px;margin-left:-20px}#gamespinner div{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:rgba(255,255,255,.6);animation:gamespin 800ms infinite linear}@keyframes gamespin{to{transform:rotate(360deg)}}#gamespinnerlabel{position:absolute;top:50%;left:50%;height:40px;margin-top:25px;color:#9f9ca2;width:120px;margin-left:-60px;text-align:center;font-size:11px}#gameendlayer{width:100%;height:100%;position:absolute;z-index:10004;top:0;left:0;right:0;bottom:0;background-color:rgba(66,70,87,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#gameendmessage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10005;width:100%;text-align:center}#gameendmessage>span{max-width:80%;line-height:130%;display:inline-block;margin:0 auto;background:#fff;border-radius:8px;padding:34px 40px;color:#424657;text-align:center}#gameendmessage a.btn{display:inline-block;background:#485369;color:#fff;text-decoration:none;padding:10px 20px;border-radius:5px;font-weight:700;margin-top:18px}.gamediv{padding:20px 5px}.fp-wrap{max-width:460px;margin:0 auto;text-align:center}.fp-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.fp-stat{flex:1;background:#485369;color:#fff;border-radius:6px;padding:10px 6px;font-weight:700;font-size:15px}.fp-stat span{color:#3db8e6}.fp-msg{color:#cfd3dc;min-height:20px;margin-bottom:12px;font-size:14px;font-weight:700}.fp-start{position:absolute;inset:0;z-index:9000;background:#424657;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:18px}.fp-cover{flex:0 1 auto;min-height:0;width:min(60%,380px);aspect-ratio:4/3;background:url(../cover.png) center/contain no-repeat;user-select:none;pointer-events:none}.fp-cover-txt{flex:none;max-width:min(70%,440px);text-align:center;text-wrap:balance;font-size:13px;line-height:1.4;color:#c9ccd6}.fp-startbtn{flex:none;border:0;cursor:pointer;background:#22c55e;color:#fff;font-weight:700;font-size:18px;letter-spacing:1px;padding:14px 44px;border-radius:8px;-webkit-tap-highlight-color:transparent;transition:background .15s,transform .05s}.fp-startbtn:hover{background:#16a34a}.fp-startbtn:active{transform:scale(.97)}@media (max-width:600px){.fp-start{gap:11px;padding:12px}.fp-cover{width:80%}.fp-cover-txt{font-size:12px;max-width:88%}.fp-startbtn{font-size:16px;padding:10px 32px}}.fp-grid{display:grid;gap:6px;width:100%;max-width:460px;margin:0 auto;touch-action:manipulation}.fp-tile{aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;background-color:#485369;background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid transparent;transition:transform .08s,border-color .12s,box-shadow .12s}.fp-tile:active{transform:scale(.96)}.fp-tile.sel{border-color:#3db8e6;box-shadow:0 0 12px rgba(61,184,230,.6)}.fp-tile.correct{border-color:#4CAF50;box-shadow:0 0 14px rgba(76,175,80,.7)}.fp-tile.wrong{border-color:#F44336;box-shadow:0 0 14px rgba(244,67,54,.7)}.fp-tile.hint{animation:fpHint 1.5s ease}@keyframes fpHint{0%,100%{box-shadow:0 0 0 0 rgba(255,210,74,0)}30%,70%{box-shadow:0 0 0 3px #ffd24a,0 0 16px rgba(255,210,74,.85)}}.fp-grid.revealing .fp-tile{opacity:.3;transition:opacity .3s}.fp-tile.reveal{position:relative;z-index:2;opacity:1!important;transform:scale(1.12);border-color:#4CAF50;box-shadow:0 0 20px rgba(76,175,80,.9)}