/* Compact controls, shared by the WordPress embed and the standalone demo. */
#kuku-white-world { height: min(900px, 94dvh); min-height: 400px; }
#kuku-white-world:fullscreen, #kuku-white-world.kw-expanded { width:100vw; height:100dvh; max-width:none; min-height:0; }
#kuku-white-world.kw-expanded { position:fixed; inset:0; z-index:999999; }
#kuku-white-world .kw-topbar { top:10px; left:10px; right:10px; min-height:66px; padding:10px 16px; pointer-events:none; }
#kuku-white-world .kw-topbar h1 { font-size:clamp(21px,3cqw,34px)!important; }
#kuku-white-world .kw-topbar p { font-size:8px; }
#kuku-white-world .kw-mission { top:85px; left:12px; min-height:0; width:min(350px,calc(100% - 24px)); padding:8px 12px; font-size:10px; }
#kuku-white-world .kw-mission strong { display:none; }
#kuku-white-world .kw-actions { position:absolute; z-index:12; top:137px; left:12px; display:flex; gap:5px; flex-wrap:wrap; max-width:calc(100% - 24px); }
#kuku-white-world .kw-actions button, #kuku-white-world #kw-action { border:1px solid #92856b; background:#f5ead2; color:#302b23; font:11px ui-monospace,monospace; padding:11px 12px; min-height:42px; cursor:pointer; box-shadow:2px 2px #0002; }
#kuku-white-world button[hidden] { display:none!important; }
#kuku-white-world .kw-tools { display:none; bottom:70px; width:max-content; max-width:calc(100% - 24px); flex-wrap:wrap; justify-content:center; }
#kuku-white-world .kw-tools.mobile-open { display:flex; }
#kuku-white-world .kw-mobile-build { display:block; bottom:16px; min-height:42px; padding:10px 16px; }
#kuku-white-world .kw-points { bottom:16px; right:12px; }
#kuku-white-world .kw-place { bottom:16px; left:12px; max-width:34%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#kuku-white-world .kw-help { display:none; }
#kuku-white-world #kw-action { position:absolute; z-index:11; bottom:77px; right:14px; background:#3d4939; color:#fff1cc; min-width:130px; }
#kuku-white-world #kw-stick { display:none; position:absolute; z-index:11; bottom:83px; left:22px; width:106px; height:106px; border:2px solid #8b8169; border-radius:50%; background:#eee3c995; touch-action:none; }
#kuku-white-world #kw-stick span { position:absolute; left:32px; top:32px; width:38px; height:38px; background:#5b624c; border:2px solid #efe5cd; border-radius:50%; pointer-events:none; }
#kuku-white-world.kw-inside .kw-mobile-build, #kuku-white-world.kw-inside .kw-points { display:none; }
#kuku-white-world.kw-inside .kw-topbar { background:#292720d9; }
#kuku-white-world .kw-toast { bottom:205px; max-width:90%; text-align:center; font-size:12px; }
#kuku-white-world #kw-canvas { cursor:grab; }
#kuku-white-world #kw-canvas:active { cursor:grabbing; }
#kuku-white-world .kw-creator canvas { height:auto; aspect-ratio:240/330; }
@media (pointer:coarse) { #kuku-white-world #kw-stick { display:block; } }
@container kuku (max-width:620px) {
  #kuku-white-world .kw-topbar { min-height:54px; }
  #kuku-white-world .kw-mission { top:72px; font-size:9px; }
  #kuku-white-world .kw-actions { top:120px; gap:4px; }
  #kuku-white-world .kw-actions button { font-size:10px; padding:8px 10px; }
  #kuku-white-world .kw-points span { display:none; }
  #kuku-white-world .kw-points { padding:8px; gap:5px; }
  #kuku-white-world .kw-points b { font-size:17px; }
  #kuku-white-world .kw-place { max-width:31%; font-size:9px; padding:12px 7px; }
  #kuku-white-world .kw-tools { bottom:204px; }
  #kuku-white-world .kw-tools button { width:43px; }
  #kuku-white-world #kw-action { bottom:90px; min-width:110px; }
  #kuku-white-world .kw-mobile-build { font-size:10px; padding:10px 12px; }
}
@media(max-height:500px) {
  #kuku-white-world { min-height:280px; }
  #kuku-white-world .kw-topbar { min-height:40px; padding:6px 12px; }
  #kuku-white-world .kw-topbar h1 { font-size:21px!important; }
  #kuku-white-world .kw-topbar p, #kuku-white-world .kw-mission { display:none; }
  #kuku-white-world .kw-actions { top:59px; }
  #kuku-white-world #kw-stick { width:90px; height:90px; bottom:65px; }
  #kuku-white-world #kw-stick span { left:24px; top:24px; }
  #kuku-white-world .kw-tools { bottom:65px; }
}