#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:5px;padding:20px 25px;color:#424657;text-align:center}#gameendmessage a.btn{display:inline-block;background:#485369;color:#fff;text-decoration:none;padding:8px 18px;border-radius:5px;font-weight:700}.gamediv{padding:20px 5px}.wl-wrap{max-width:600px;margin:0 auto;text-align:center}.wl-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.wl-stat{flex:1;background:#485369;color:#fff;border-radius:6px;padding:10px 6px;font-weight:700;font-size:15px}.wl-stat span{color:#3db8e6}.wl-question{color:#fff;font-weight:700;font-size:18px;margin-bottom:16px}.wl-cards{display:flex;align-items:flex-start;justify-content:center;gap:8px;position:relative}.wl-card{flex:1;min-width:0;background:#485369;border-radius:10px;overflow:hidden;border:3px solid transparent;transition:border-color .2s,box-shadow .2s;display:flex;flex-direction:column}.wl-card.enter{animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.8,.3,1);animation-fill-mode:both}#wlCardL.enter{animation-name:wlEnterL}#wlCardR.enter{animation-name:wlEnterR}@keyframes wlEnterL{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:translateX(0)}}@keyframes wlEnterR{from{opacity:0;transform:translateX(45px)}to{opacity:1;transform:translateX(0)}}.wl-card.correct{border-color:#4CAF50;box-shadow:0 0 16px rgba(76,175,80,.5)}.wl-card.wrong{border-color:#F44336;box-shadow:0 0 16px rgba(244,67,54,.5)}.wl-card.dim{opacity:.7}.wl-card.dim .wl-photo img{filter:grayscale(1)}.wl-photo{width:100%;aspect-ratio:4/5;background:#3a4152;overflow:hidden;border-radius:8px}.wl-photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:opacity .25s}.wl-name{display:block;color:#fff;font-weight:700;font-size:14px;padding:8px 6px 2px}.wl-size{color:#3db8e6;font-weight:700;font-size:15px;min-height:22px;padding:0 6px 8px}.wl-pick{border:0;cursor:pointer;margin:0 10px 12px;border-radius:7px;background:#22c55e;color:#fff;font-weight:700;font-size:15px;letter-spacing:1px;padding:11px 8px;transition:background .15s,transform .05s}.wl-pick:hover{background:#16a34a}.wl-pick:active{transform:scale(.97)}.wl-cards.locked .wl-pick{background:#5A677D;cursor:default}.wl-vs{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);z-index:3;color:#fff;font-weight:700;font-size:20px;background:#2f3342;border-radius:50%;width:44px;height:44px;line-height:44px;box-shadow:0 2px 6px rgba(0,0,0,.3)}@media (max-width:480px){.wl-cards{gap:6px}.wl-vs{width:36px;height:36px;line-height:36px;font-size:15px}.wl-name{font-size:12px}.wl-size{font-size:14px}.wl-pick{font-size:13px;padding:10px 4px;margin:0 6px 10px}}