/* Shared frame for the community board and standalone playground. */
.play-hero .play-scene-badge{color:#173454;letter-spacing:.04em}
.gdl-space-hero{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
body:has(.gdl-community-tabs){background:#f3f5f8}
body:has(.gdl-community-tabs) #wrapper{background:#f3f5f8}
body:has(.gdl-community-tabs) #container_wr,main.gdl-playground-shell{width:calc(100% - 48px)!important;max-width:1180px!important;margin:0 auto!important;padding:24px 0 48px!important;box-sizing:border-box}
body:has(.gdl-community-tabs) #container_wr #container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;float:none}
body:has(.gdl_free_board) #container_title{display:none!important}
body:has(.gdl-community-tabs) #bo_list.gdl_free_board{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.gdl-community-tabs{margin:0 0 20px!important}
.gdl-space-hero{position:relative;display:grid!important;grid-template-columns:1.2fr 1fr!important;align-items:center;min-height:320px!important;margin:0 0 28px!important;padding:38px 42px!important;overflow:hidden;border:1px solid #294c73!important;border-radius:22px!important;background:radial-gradient(ellipse at 85% 20%,#245d91 0,transparent 55%),linear-gradient(125deg,#102641,#173d64)!important;color:#fff!important;box-shadow:0 12px 28px #17345412}
.gdl-space-hero .gdl-space-copy{position:relative!important;z-index:2;max-width:620px!important;padding:0!important;background:none!important}
.gdl-space-copy>span{display:block;font-size:12px!important;font-weight:800;letter-spacing:.12em!important;color:#9ed1ff!important}
.gdl-space-hero .gdl-space-copy h1{font-size:40px!important;line-height:1.2!important;letter-spacing:-.045em;margin:16px 0!important;color:#fff!important}
.gdl-space-copy h1 strong{padding:0!important;background:none!important;color:#ffda68!important}
.gdl-space-hero .gdl-space-copy p{font-size:17px!important;line-height:1.8!important;color:#d8e7f7!important;margin:0!important;max-width:540px}
.gdl-space-copy nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px!important}
.gdl-space-copy nav a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 16px!important;border:1px solid #88a3bf!important;border-radius:10px!important;background:#173554!important;color:#fff!important;font-size:15px!important;font-weight:750;text-decoration:none!important}
.gdl-space-copy nav a.primary{background:#ffda68!important;border-color:#ffda68!important;color:#102b4a!important}
.gdl-space-copy nav a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.gdl-space-hero .gdl_community_board_visual{position:absolute!important;inset:0 0 0 52%!important;width:48%!important;height:100%!important;opacity:.65;overflow:hidden}
.gdl-space-hero .gdl_community_board_visual img{width:100%!important;height:100%!important;object-fit:cover!important}
.gdl-space-hero .gdl_community_board_visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#16395e,transparent)}
.gdl-space-hero .gdl_community_board_visual aside{display:none!important}
.play-hero-scene{position:relative;height:250px;display:grid;place-items:center;isolation:isolate}
.play-scene-orbit{position:absolute;width:300px;height:240px;border:1px solid #99cfff35;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 25px #90caff08,0 0 0 50px #90caff05}
.play-scene-card{width:290px;padding:22px 24px;border:1px solid #94cbff55;border-radius:22px;background:linear-gradient(145deg,#396998dd,#152e4eed);box-shadow:0 24px 40px #03142560,inset 0 1px #ffffff44;transform:rotate(-5deg)}
.play-scene-card>span{font-size:11px;font-weight:800;letter-spacing:.18em;color:#bcdcff}.play-scene-balls{display:flex;gap:14px;justify-content:center;margin:24px 0}.play-scene-balls b{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font-size:26px;color:#173454;background:radial-gradient(circle at 30% 25%,#fff4bc,#ffcf54 65%,#b98420);box-shadow:inset -4px -5px 10px #10274133,0 9px 12px #071a3655;border:3px solid #ffffff99}.play-scene-balls b:nth-child(2){background:radial-gradient(circle at 30% 25%,#f1fbff,#78c6ff 65%,#327fc1);transform:translateY(-8px)}.play-scene-balls b:nth-child(3){background:radial-gradient(circle at 30% 25%,#fff,#c6d0de 65%,#7e94ae)}.play-scene-progress{display:flex;gap:6px;margin:0 0 14px}.play-scene-progress i{height:4px;flex:1;background:#5c819f;border-radius:3px}.play-scene-progress i:nth-child(-n+3){background:#ffda68}.play-scene-card>strong{font-size:13px;color:#d9eaff}.play-scene-badge{position:absolute;right:8%;bottom:0;padding:12px 18px;border-radius:12px;background:#ffda68;color:#173454;font-size:13px;font-weight:850;box-shadow:0 8px 20px #06182f44;transform:rotate(5deg)}
.gdl-playground-shell .game-lobby,.gdl-playground-shell .game-shell:not(.focus-mode),.gdl-playground-shell .play-next,.gdl-playground-shell .responsible-play{max-width:100%;margin:24px 0}
#gameLobby,#memoryGame{scroll-margin-top:180px}
@media(max-width:760px){body:has(.gdl-community-tabs) #container_wr,main.gdl-playground-shell{width:calc(100% - 24px)!important;padding-top:16px!important}.gdl-space-hero{grid-template-columns:1fr!important;min-height:0!important;padding:28px 22px!important;border-radius:18px!important;margin-bottom:20px!important}.gdl-space-hero .gdl-space-copy h1{font-size:31px!important}.gdl-space-hero .gdl-space-copy p{font-size:16px!important}.play-hero-scene{height:185px;margin-top:22px}.play-scene-card{width:242px;padding:16px 20px}.play-scene-balls{margin:16px 0;gap:10px}.play-scene-balls b{width:52px;height:52px;font-size:22px}.play-scene-orbit{width:245px;height:160px}.play-scene-badge{right:0;bottom:0;padding:9px 12px;font-size:11px}.gdl-space-hero .gdl_community_board_visual{inset:0!important;width:100%!important;opacity:.13}.gdl-playground-shell .game-lobby{padding:22px 14px}.gdl-space-copy nav a{font-size:14px!important}#gameLobby,#memoryGame{scroll-margin-top:85px}}