.public-games{background:#fff9ed;min-height:70vh;padding:28px 0 72px}.public-games .page-container{max-width:1120px}.game-public-hero{background:linear-gradient(135deg,#0b5fc7,#084b9c);border-radius:28px;padding:28px;color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 18px 44px rgba(7,59,120,.16)}.game-public-hero h1{font:800 clamp(30px,5vw,48px)/1.05 Fredoka,Nunito,sans-serif;margin:7px 0 8px}.game-public-hero p{margin:0;max-width:680px;color:#eaf4ff;font-weight:700}.game-public-hero__note{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:16px 18px;min-width:260px}.game-public-hero__note b{display:block;font-size:16px}.game-public-hero__note span{display:block;font-size:13px;color:#eaf4ff;margin-top:4px}.game-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.game-public-card{background:#fff;border:1px solid #dce8f5;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(7,59,120,.08);display:flex;flex-direction:column}.game-public-card__visual{aspect-ratio:16/10;background:#eaf4ff;display:grid;place-items:center;position:relative;overflow:hidden}.game-public-card__visual img{width:100%;height:100%;object-fit:cover}.game-public-card__visual>span{font-size:54px}.game-public-card__visual small{position:absolute;left:12px;bottom:12px;background:#fff;color:#073b78;border-radius:999px;padding:6px 10px;font-weight:900}.game-public-card__body{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1}.game-public-card__body h2{font:800 22px/1.15 Fredoka,Nunito,sans-serif;color:#073b78;margin:0}.game-public-card__body p{margin:0;color:#5b6e87;font-weight:700;font-size:14px;line-height:1.5}.game-public-card__meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#536a87;font-weight:900}.game-public-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}.game-public-card__foot a{background:#ff8a1f;color:#fff;border-radius:14px;padding:11px 16px;text-decoration:none;font-weight:950;box-shadow:0 7px 15px rgba(255,138,31,.2)}.game-public-card__foot small{font-weight:800;color:#63738a}.game-login-panel{margin-top:22px;background:#fff;border:2px solid #dbe9f8;border-radius:24px;padding:20px;text-align:center;box-shadow:0 12px 30px rgba(7,59,120,.08)}.google-login-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#17345f;border:2px solid #d7e4f2;border-radius:15px;padding:12px 18px;text-decoration:none;font-weight:900;box-shadow:0 6px 16px rgba(7,59,120,.08)}.google-login-btn .g{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#f7f9fc;color:#4285f4;font-weight:1000;font-family:Arial,sans-serif}.game-login-panel p{margin:8px auto 0;color:#63738a;font-size:13px;font-weight:700;max-width:520px}.public-leaderboard{margin-top:28px;background:#fff;border:1px solid #dce8f5;border-radius:26px;padding:22px;box-shadow:0 12px 30px rgba(7,59,120,.08)}.public-leaderboard__head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-bottom:14px}.public-leaderboard__head h2{margin:4px 0 0;color:#073b78;font:800 28px/1.1 Fredoka,Nunito,sans-serif}.public-leaderboard__head p{margin:5px 0 0;color:#63738a;font-weight:700}.public-rank-row{display:grid;grid-template-columns:58px 1fr 100px;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid #edf2f8}.public-rank-row:first-child{border-top:0}.public-rank-row b{color:#17345f}.public-rank-row small{display:block;color:#718096;font-weight:700}.public-rank-row strong{text-align:right;color:#0b5fc7;font-size:20px}.public-rank-row .rank{font-weight:1000;color:#ff8a1f;font-size:18px}.public-game-player{background:#f7fbff;min-height:78vh;padding:22px 0 70px}.public-game-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.public-game-head h1{margin:3px 0 0;color:#073b78;font:800 clamp(25px,4vw,36px)/1.08 Fredoka,Nunito,sans-serif}.public-game-head p{margin:5px 0 0;color:#63738a;font-weight:700}.public-game-back{color:#0b5fc7;text-decoration:none;font-weight:900}.public-smartgame-frame{background:#fff;border:1px solid #dce8f5;border-radius:24px;padding:10px;box-shadow:0 14px 34px rgba(7,59,120,.10);position:relative;min-height:520px}.public-smartgame-frame iframe{width:100%;height:min(74vh,760px);min-height:500px;border:0;border-radius:17px;background:#fff}.public-game-result{margin-top:16px;background:#fff;border:2px solid #dbe9f8;border-radius:24px;padding:20px;box-shadow:0 10px 26px rgba(7,59,120,.08)}.public-game-result h2{margin:4px 0 6px;color:#073b78;font:800 28px/1.1 Fredoka,Nunito,sans-serif}.public-game-result p{margin:0;color:#5f7189;font-weight:700}.public-game-result__score{font-size:38px;font-weight:1000;color:#ff8a1f}.public-game-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.public-game-actions a{border-radius:14px;padding:11px 16px;text-decoration:none;font-weight:900}.public-game-actions .primary{background:#0b5fc7;color:#fff}.public-game-actions .ghost{background:#fff;color:#0b5fc7;border:2px solid #dbe9f8}.game-loading{position:absolute;inset:10px;border-radius:17px;background:#fff;display:grid;place-items:center;text-align:center;color:#536a87;font-weight:800;z-index:2}.game-loading[hidden]{display:none}.game-google-note{margin-top:10px!important;font-size:13px!important}.game-google-note strong{color:#073b78}.game-empty{background:#fff;border:1px solid #dce8f5;border-radius:24px;padding:36px;text-align:center;margin-top:24px}.game-empty h2{color:#073b78}.game-flash{margin-bottom:16px;border-radius:16px;padding:13px 16px;background:#effcf4;border:1px solid #b7ebca;color:#176a3d;font-weight:800}
@media(max-width:820px){.game-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-public-hero{align-items:flex-start;flex-direction:column}.game-public-hero__note{min-width:0;width:100%}.public-game-head{align-items:flex-start;flex-direction:column}.public-smartgame-frame{min-height:440px}.public-smartgame-frame iframe{height:68vh;min-height:430px}}
@media(max-width:560px){.public-games{padding-top:16px}.game-public-hero{border-radius:22px;padding:22px 18px}.game-public-grid{grid-template-columns:1fr;gap:14px}.game-public-card{border-radius:20px}.public-leaderboard{padding:16px;border-radius:22px}.public-rank-row{grid-template-columns:42px 1fr 74px}.public-game-player{padding-top:14px}.public-smartgame-frame{padding:6px;border-radius:18px;min-height:400px}.public-smartgame-frame iframe{min-height:390px;border-radius:14px}.public-game-result{border-radius:20px;padding:17px}.google-login-btn{width:100%;justify-content:center}.public-game-actions a{flex:1;text-align:center}}